The 5 most important things I learned by designing PubliCo questionnaires, the platform designed and developed with Giovanni Spitale for the University of Zurich and the WHO.

UI is your cup of tea?
Here is the link of this shot! We publish shots, but also free Figma resources!

Context

PubliCo is a platform that help citizens and institutions in emergency situations, such as the current pandemic, through a questionnaire. How?

πŸ§‘πŸ» πŸ‘±πŸ»β€β™‚οΈ πŸ§‘πŸ»β€πŸ¦° Is the citizen bombarded with information by the media?

He/she takes a smart questionnaire that gives they tailor-made information based on their knowledge and feelings.

πŸ‘©πŸ»β€πŸ’Ό πŸ‘¨πŸ»β€πŸ’Ό πŸ›οΈ Are the institutions far from the citizens?

They get people's thoughts, how well they know the situation, what makes them worry and angry, scientifically elaborated by researchers.

And wasn't it enough to use any questionnaire?

Well, it seems like a trivial tool because there are a thousand of them online, but...

Are they really well done?

Are they really accessible?

Do they make you want to get to the end?

Do they convey an authoritative and institutional feeling to you?

The 5 most important things I've learned:

1️⃣ Care for accessibility

First of all, apply the basics: let's make sure that each text is more than sufficient in size, make sure there is always a great contrast, that the touch area is always adequate.

But we can go even further, look at the controls (in this case the radio buttons!)

We used a box design.

It highlights them better and increases the impression that they are clickable.

When you select, not only the radio button changes: the whole box inverts the colors for the maximum possible contrast!

2️⃣ Care I load the informative ...

Questionnaires are often long and difficult.

Help concentration: one question at a time.

So, you have only one β€” simple β€” task at a time.

This helps to lighten the cognitive load, but also...

3️⃣ ... and the interaction

Minimize the effort you ask of your audience!

Send to the next question automatically, without having to scroll through an endless list!

The interaction is reduced, you get to the bottom ... one tap at a time .

Tap, tap, tap ...

4️⃣ Curate the UI, tailor it

The UI may not make the monk, but would you take a monk in shorts and a sweatshirt seriously?

Publico wants to be reassuring, reliable, institutional, and so we designed its look. Notice the colors, the simple and familiar font, the almost square corners...

And what does your solution want to convey? Dress it accordingly.

5️⃣ Curate content, converse with users

Use natural sentences, like a conversation.

And shirk locutions from a queenly and sophisticated lexicon. (no, really, do you talk to your mother like that?)

Do not write:

"Please indicate how worried you are in relation to the current pandemic emergency situation ... A lot"

Write instead:

"The pandemic makes me feel ... very worried"

⭐ But most important:

These are the solutions I came up with, but this is not the most important lesson!

➑️ Never take anything for granted ⬅️

If something "we've always done it this way" doesn't mean you can't do it better!

The golden rule of the designerβ€”Ask more questionsβ€”doesn't just talk about the outside and the others, but also about you.