Interact With Your Audience With A Live Poll

December 05, 2019

#webdev #javascript #opensource #speaking

Photo by Nicholas Green on Unsplash

We had this idea for a long time and it took us a bit of time to realize it, that’s why we are so excited to introduce today the new feature of DeckDeckGo, our web open-source editor for presentations, to make possible the interaction with your audience through live polling without having to leave your slides 🔥

User Experience

UX could often be discussed and I have to say that, for that feature in particular, many solutions are feasible. I scratched my head for days, filling papers and taking notes until I finally figured out the core principles of the solution which were meaningful to me and hopefully to others too:

  • An audience could be a crowd, a small or large. In case of live polling, not all participants are on the same page. Some might be fast to vote, some might be slow. Some people are near the projected slides or screen, others are probably far away. Some might even be asleep, some might have their phones in their bags, etc.
  • As a speaker I find convenient when I don’t have to switch between multiple applications -- it could even to some extent makes me a bit less stressed. As an attendee, I tend to think that it's easier to follow a presentation without too many media interruptions. To sum it up, I like when the presentation’s flow remains as smooth as possible.

That’s why, at least in this first version of the feature, all the information is available at the same time and any time. Question, answers, connection information and even results of the vote, which are updated in real time, are all displayed on the same slide. Moreover, as I do think that QR codes are the best way to share links with the participants, the template also contains a deep link to point them directly to the answers on their phones.

Developer Mindset

Since day one we always kept a developer mindset. That’s why both the editor and our developer starter kit are using the exact same core, the same web components as engine. Needless to say that it didn’t change. This new feature isn’t just available in our editor but also available with our starter kit. If you would rather like to develop your presentation using HTML or Markdown, it’s all cool and you have access to the exact same feature.

<deckgo-deck> <deckgo-slide-poll> <h1 slot="question">Do you like my presentation?</h2> <p slot="answer-1">Sure cool</p> <p slot="answer-2">No</p> <p slot="answer-3">Potatoes</p> <p slot="how-to">Go to <a href="https://deckdeckgo.com/poll">deckdeckgo.com/poll</a> and use the code {0}</p> <p slot="awaiting-votes">Awaiting first votes</p> </deckgo-slide-poll> </deckgo-deck>

An Unlimited Amount Of Possibilities

Of course, the above goals have an impact on our technical decisions but we have designed our architecture to be relatively flexible and to be able to handle such scenarios. And that’s probably even the technical beauty of DeckDeckGo. It is template based with the goal to make them self-contained.

Each template is an independent Web Component developed with StencilJS, therefore each of them are basically the Web. And what could you do with the Web? Anything 🤯

You want to create a template for live polling with DeckDeckGo? That’s possible.

You want to create a template which integrates a space invaders game? That’s possible too.

You want to create a series of reusable templates with shiny designer effects? Of course you could.

Or you even want to create a template to load some Web Assembly code to run directly in your presentation the new prototype of your blockchain AI powered startup for slow food? That’s possible too.

It is just an unlimited amount of possibilities and it is only the beginning!

Get Started Now

Get started now to create your next presentation: https://deckdeckgo.com.

To infinity and beyond 🚀

David

Blog

Read the article

DeckDeckGo: Kick-starting 2020 with so much improvements

January 20th 2020

#showdev #webdev #motivation #productivity

Read the article

Lazy Load YouTube Video <iFrame/>

January 9th 2020

#javascript #react #tutorial #webdev

Read the article

Dark And Light Mode: OS Color Scheme And Theme Switcher

December 30th 2019

#javascript #webdev #tutorial #webcomponents

More articles

Address

Fluster GmbH c/o The Hub Zürich Association Sihlquai 131 8005 Zürich

On the web