ux bristol forms-of-emotion_amendedslides_2012-07-25

Post on 06-Feb-2015

396 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

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

Forms of Emotion

Mike Harris

@BlueBoard2People. hate. formsPeople. hate. forms

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

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

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.

5

Emotions

A few example emotions that occur when filling in forms

A few example emotions that occur when filling in forms

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…

7

Emotions in reality

A ‘timeline of emotions’ actually looks more like this

A ‘timeline of emotions’ actually looks more like this

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.

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

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.

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!

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

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?

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”

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)

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?

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?

18

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

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

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)?

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?

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.

22

Thanks for Listening!

Mike Harris @BlueBoard2 @We_are_Nomensa

top related