Ux bristol forms-of-emotion_amendedslides_2012-07-25

22
Forms of Emotion Mike Harris @BlueBoard 2 People. hate. forms

description

This was a workshop ran at UX Bristol 2012 about online forms, conversation and emotion. The workshop involved some role playing, acting out the conversation. These slides have been amended for reading purposes.

Transcript of Ux bristol forms-of-emotion_amendedslides_2012-07-25

Page 1: Ux bristol forms-of-emotion_amendedslides_2012-07-25

Forms of Emotion

Mike Harris

@BlueBoard2People. hate. formsPeople. hate. forms

Page 2: Ux bristol forms-of-emotion_amendedslides_2012-07-25

2

Introduction

Exercise 1

- Feedback on Exercise 1

Exercise 2

Q&A

- Feedback on Exercise 2

This Morning’s Agenda

http://www.youtube.com/watch?v=U5vrkH5mrmc

Exercise 3

Remember, a form is anything with an input field, and anything requiring input is a conversation

Remember, a form is anything with an input field, and anything requiring input is a conversation

Page 3: Ux bristol forms-of-emotion_amendedslides_2012-07-25

3

Like human conversations, too much of one thing becomes

annoying and off putting

Like human conversations, too much of one thing becomes

annoying and off putting

Page 4: Ux bristol forms-of-emotion_amendedslides_2012-07-25

4

Two-way balanced processes

Both structured and flexible

Not Taxing

Logical

Productive

Responsive

Successful Conversations

Prepared

Successful interview technique relies on being both structured

and flexible.

Successful interview technique relies on being both structured

and flexible.

Page 5: Ux bristol forms-of-emotion_amendedslides_2012-07-25

5

Emotions

A few example emotions that occur when filling in forms

A few example emotions that occur when filling in forms

Page 6: Ux bristol forms-of-emotion_amendedslides_2012-07-25

6

“Formaphobia”

Will I be able to complete this?

Will it crash before I finish?

Will I get stuck in an error loop?

Will it save my answers?

The Expectation of Emotions

Will it ask me difficult questions?

Will I have all the knowledge it needs?

“Form Angst”or

But including the angst before a form…

But including the angst before a form…

Page 7: Ux bristol forms-of-emotion_amendedslides_2012-07-25

7

Emotions in reality

A ‘timeline of emotions’ actually looks more like this

A ‘timeline of emotions’ actually looks more like this

Page 8: Ux bristol forms-of-emotion_amendedslides_2012-07-25

8

Exercise 1 – Preparing the questions (15 minutes)

Groups of 3 to 4 people

One person assigned as “The User”

One person assigned as “The Questioner”

One or Two people assigned as “Observers”

The “User” is to work separately from the other 2 or 3 in the group for this exercise

Please read instruction sheets.

Page 9: Ux bristol forms-of-emotion_amendedslides_2012-07-25

9

Get them to do something first to avoid ‘too much planning’: E.g. Get them to declare their goal

Get them to do something first to avoid ‘too much planning’: E.g. Get them to declare their goal

Page 10: Ux bristol forms-of-emotion_amendedslides_2012-07-25

10

An example model of beginning with the user’s goal. Is it the best

way? Not in all cases.

An example model of beginning with the user’s goal. Is it the best

way? Not in all cases.

Page 11: Ux bristol forms-of-emotion_amendedslides_2012-07-25

11

It doesn’t have to be pretty or contain a cute speech bubble to

follow the model!

It doesn’t have to be pretty or contain a cute speech bubble to

follow the model!

Page 12: Ux bristol forms-of-emotion_amendedslides_2012-07-25

12

A nice example of reflection (top right) being made available when needed, and some more chunks of ‘planning’ coming in at a later

stage

A nice example of reflection (top right) being made available when needed, and some more chunks of ‘planning’ coming in at a later

stage

Page 13: Ux bristol forms-of-emotion_amendedslides_2012-07-25

13

Exercise 2 – The Conversation (10 minutes)

The Questioner will now ask the questions to The User, while The Observers watch.

Please refer to instruction sheets.

If you finish before the end: Switch question sets with another team and change roles.

Conversational Strategies – which ones did you use?

Page 14: Ux bristol forms-of-emotion_amendedslides_2012-07-25

14

Every question reads “the applicant”. It turns out this is a

nice example of legal restrictions on UX. Ideally, questions should

be phrased personally using “you”

Every question reads “the applicant”. It turns out this is a

nice example of legal restrictions on UX. Ideally, questions should

be phrased personally using “you”

Page 15: Ux bristol forms-of-emotion_amendedslides_2012-07-25

15

Forms often use ‘prep’ questions which can tailor the rest of the

form. (In the exercise, a question on age could have been added to

avoid asking more complex questions later on which were

age-dependent)

Forms often use ‘prep’ questions which can tailor the rest of the

form. (In the exercise, a question on age could have been added to

avoid asking more complex questions later on which were

age-dependent)

Page 16: Ux bristol forms-of-emotion_amendedslides_2012-07-25

16

Can we even use an anchoring technique to make people feel

better about answering questions? I.e. “Number of

questions” starts at the max, and then reduces as the form loads?

Can we even use an anchoring technique to make people feel

better about answering questions? I.e. “Number of

questions” starts at the max, and then reduces as the form loads?

Page 17: Ux bristol forms-of-emotion_amendedslides_2012-07-25

17

This one changes the language the form is written in and the question set based on these prep questions.

Can we go further with rebuilding forms?

Can we rewrite questions based on anything else? Gender? Age?

Can we refer back to earlier answers?

What else can we do to simplify the question set, rebuild the

form on subsequent pages and hide the complexity of the form?

What else can we do to simplify the question set, rebuild the

form on subsequent pages and hide the complexity of the form?

Page 18: Ux bristol forms-of-emotion_amendedslides_2012-07-25

18

Which of these is the best way of asking this question?

Which of these is the best way of asking this question?

Page 19: Ux bristol forms-of-emotion_amendedslides_2012-07-25

19

In conversations, you acknowledge an answer with an

“uh huh” or “okay”; can we show acknowledgement on forms

(even when we are not using in-line validation)?

In conversations, you acknowledge an answer with an

“uh huh” or “okay”; can we show acknowledgement on forms

(even when we are not using in-line validation)?

Page 20: Ux bristol forms-of-emotion_amendedslides_2012-07-25

20

There are many types of conversation. Can we draw out

any strategies from them to apply to forms?

There are many types of conversation. Can we draw out

any strategies from them to apply to forms?

Page 21: Ux bristol forms-of-emotion_amendedslides_2012-07-25

21

Exercise 3 – Discussion (5 Minutes)

How many different types of conversation are there? What are the emotional circumstances of each?

From your own experiences, how else can we apply real world situations or conversations to interaction design?

Stay in your groups or swap around if you prefer.

Page 22: Ux bristol forms-of-emotion_amendedslides_2012-07-25

22

Thanks for Listening!

Mike Harris @BlueBoard2 @We_are_Nomensa