How to make a good health wizard

(includes free + useful wizard building code at the end)Nishant Jacobnishantj@stanford.edu

Example: Walking Wizard A wizard that helps people find a

walking style that suits them First step in getting them to walk for 30

min a day Walking styles could include:

-Listening to music while you walk -Walking with other people- Walking while taking phone calls

Check this walking wizard outbit.ly/walkingwiz

Key Features

Indirect Questions People may not know how to answer a

direct question about how they prefer to walk - since they haven’t though about it

But they do know about their preferences in general

So ask them an indirect question and infer how it applies to walking Try walking

with music

Dynamically Updating Badge As people use the wizard the

information they enter updates as a growing walking style badge

This motivates them at each question

Visual Summary Reward

People get a tangible, visual reward at the end

This summarizes all the information they’ve provided to the wizard

And it summarizes all the effort they put in

Facebook Connect at a Motivation Peak

When people get their badge they are asked to connect to fb to get more accurate results

They are high on motivation when they get their badge and hungry for more

This makes them more likely to connect to fb

10 Steps for Successful Wizards

1. Have a Clear Link to your wizard –short, informative, compelling

2. Start with a Concrete Value Proposition at the start of your wizard

3. Shape Question Difficulty: Start with radio buttons, then drop down questions,

then free form questions

4. Build Motivation at every question by showing people a visual representation of

their progress and the info they’ve entered

5. End with a Clear Call to Action, an actionable step people can take, like sharing

their results on fb

6. Place FB connect at a motivation peak, when people have received a visual

summary of their info and can get more accurate results with fb

7. Create negative reinforcement when exiting, an alert message when people try to

exit

8. Create personalization to increase sharing,

a more personalized result = more sharing

9. Encourage people to share the benefits of the wizard, tell them to share to improve the

health of their friends

10. Use FB data to create more relevant questions, you can add additional question

based on the data from the fb connect

Use this code!

bit.ly/formtools

Example app Fb connect Fb sharing Twitter sharing Visually shaping

form Steps to good

form design

Code courtesy of @macgregordennis

Thank You!Nishant Jacobnishantj@stanford.edu@nishantjacob