ux from 30,000ft (comp33512 - lecture 11 & 12 - 2012/2013)

40
Engaging Experience Break! Principles Wrapping Up The User Experience from 30,000ft #comp33512 Week 06 – Lectures 11/12 Markel Vigo (for Simon Harper) University of Manchester Semester 2 – 2012/13 last update: March 5, 2013 The User Experience from 30,000ft 1 / 25

Upload: simon-harper

Post on 08-May-2015

1.365 views

Category:

Education


2 download

DESCRIPTION

Website Link: http://ocw.cs.manchester.ac.uk/ux/category/week-6/ Video URL: http://youtu.be/e4QEbXG6jvM Slides: http://www.slideshare.net/simon-harper/ux-from-30000ft-lecture-1112 I was intending to call this part ‘Digital Umami’ to convey the concept of something which is imperceptibly delicious. However, after much more reading over the years I decided on ‘Engaging’ in part from Fogg’s – elaboration on Reeves and Nass – Social Dynamics. The topics we will be looking at here focus on fun, enjoyment, cooperation, collaborative activities, and what has come to be known as ‘gamification’.

TRANSCRIPT

Page 1: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

The User Experience

from 30,000ft#comp33512

Week 06 – Lectures 11/12

Markel Vigo (for Simon Harper)

University of Manchester

Semester 2 – 2012/13

last update: March 5, 2013

The User Experience from 30,000ft 1 / 25

Page 2: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Discussion Topics Coursework # 2

13-Mar-2013 10:00AM (Deadline) 27-Mar-2013 10:00AM

(Feedback)

‘Designing the Star User Interface’ (10 Marks) – the Star

interface is really where all GUI interfaces began. It takes the user

as a first and primary priority in the design and it is inconceivable

that you do not have an awareness of these classic design

principles as perspective computer science graduates.D. C. Smith, C. Irby, R. Kimball, B. Verplank, and E. Harslem., Designing the star user interface., BYTE, 7(4):242–282, 1982., URL http://www.guidebookgallery.org/articles/designingthestaruserinterface.

The User Experience from 30,000ft 2 / 25

...expanded in ‘Discussion Topics’ (pg. 19)

Page 3: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Xerox Star Desktop Coursework # 2

‘Familiar Concepts’ – Star equates familiar conceptual models

specifically with the idea of the desktop

and the items that you might find on it;

‘Universal Commands’ – Star also proposes the idea of universal

commands;

‘Consistency’ – Consistency, or pragmatic consistency

as the Star Team suggest is best, is

another important principle for usability;

‘Simplicity’ – Simplicity is incredibly important, but

it’s not a clear-cut principle; and

‘User Tailor-ability’ – Usability is all about customisation,

personalisation, and system adaptation.

The User Experience from 30,000ft 3 / 25

...expanded in ‘Xerox Star Desktop’ (pg. 142)

Page 4: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

UX Pop Quiz

1. What is the significance of the Xerox Star interface?

2. What are the five main principles proposed by the Xerox Star

team?

3. What does GOMS stand for and what does it involve?

4. What are the ten main principles of efficient design?

5. How do these principles differ from Shneiderman’s rules?

The User Experience from 30,000ft 4 / 25

...expanded in on pg. 163.

Page 5: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Engaging Experience

engage – verb

“occupy, attract, or involve (someone’s interest or attention) /

(engage someone in) cause someone to become involved in (a

conversation or discussion)”

Digital Umami? Imperceptibly Delicious!

A category of taste in food (besides sweet, sour, salt, and bitter),

corresponding to the flavour of glutamate, especially

mono-sodium glutamate. ORIGIN Japanese, literally

‘deliciousness.’

UMAMI as FUNOLOGY, SOCIAL DYNAMICS, &

GAMIFICATION.

The User Experience from 30,000ft Engaging Experience 5 / 25

...expanded in ‘Principles of Engagement’ (pg. 187)

Page 6: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Engaging Experience

engage – verb

“occupy, attract, or involve (someone’s interest or attention) /

(engage someone in) cause someone to become involved in (a

conversation or discussion)”

Digital Umami? Imperceptibly Delicious!

A category of taste in food (besides sweet, sour, salt, and bitter),

corresponding to the flavour of glutamate, especially

mono-sodium glutamate. ORIGIN Japanese, literally

‘deliciousness.’

UMAMI as FUNOLOGY, SOCIAL DYNAMICS, &

GAMIFICATION.

The User Experience from 30,000ft Engaging Experience 5 / 25

...expanded in ‘Principles of Engagement’ (pg. 187)

Page 7: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Pro-Umami

“As the critics point out, some gamified products are just poorly

executed. Just because you saw something in a game once

doesn’t mean it’ll be fun in your product. But I think that most of

the critics of gamification fail to take into account the wide range

of execution that’s possible. Gamification can be applied as a

superficial afterthought, or as a useful or even fundamental

integration.”

The User Experience from 30,000ft Engaging Experience 6 / 25

...expanded in ‘Principles of Engagement’ (pg. 187)

Page 8: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Con-Umami

“More specifically, gamification is... invented by consultants as a

means to capture the wild, coveted beast that is videogames and

to domesticate it for use in the grey, hopeless wasteland of big

business... Gamification is reassuring. It gives Vice Presidents and

Brand Managers comfort: they’re doing everything right.”

The User Experience from 30,000ft Engaging Experience 7 / 25

...expanded in ‘Principles of Engagement’ (pg. 187)

Page 9: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Facilitate Social Dynamics #1

I Social interaction with other users, or via a more humanistic

/ naturalistic / conversational interface;

I Energy that is often found in human interactions;

I Propel us into having better user experiences because they

are closer to our expectations of person-to-person

interactions; therefore,

I We feel more secure and more likely to perform better within

groups; and,

I Take advantage of expectations of conformance to social and

cultural norms.

The User Experience from 30,000ft Engaging Experience 8 / 25

...expanded in ‘Facilitate Social Dynamics’ (pg. 199)

Page 10: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Facilitate Social Dynamics #2

Figure 64. ‘Microsoft Courier Imitating a Real World Notebook’; pg. 188

The User Experience from 30,000ft Engaging Experience 9 / 25

Page 11: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Facilitate Social Dynamics #2

Figure 69. ‘Cockney ATM Cash Withdrawal’; pg. 192

The User Experience from 30,000ft Engaging Experience 9 / 25

Page 12: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Funology #1

Personalisation: ‘relevance’; ‘surpass expectations’;

‘decision-making authority of the user’;

‘appropriateness’; ‘the users needs’; ‘don’t think

labels, think expressiveness and identity’; and

‘users interests’.

Intangible: ‘triviality’, ‘enjoyment of the experience’; ‘users

desires’; ‘sensory richness’; ‘don’t think products,

think experiences’; ‘don’t think ease of use, I

think enjoyment of the experience’.

Tangible: ’goal and action mode’; ‘don’t hide, don’t

represent, show’; ‘hit me, touch me, and I know

how you feel’; ‘don’t think of thinking, just do

doing’.

The User Experience from 30,000ft Engaging Experience 10 / 25

...expanded in ‘Funology’ (pg. 190)

Page 13: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Funology #1

Narrative: ‘possibilities to create one’s own story or ritual’;

‘connection’; ‘interpretation’; ‘reflection’; ‘recounting’;

‘repetition and progression’; ‘anticipation’; and

‘compositional thread’.

Metaphor: ‘metaphor does not sucks’; ‘instead of representing

complexity, trigger it in the mind of the user’.

Communal: ‘social opportunities’ in terms of ‘connectivity’ and

‘social cohesion’; ‘variation’; ‘multiple opportunities’;

and ‘co-activity’.

Learning: ‘repetition and progression’; ‘develop skills’; ‘user

control on participation’, with ‘appropriate challenges’.

The User Experience from 30,000ft Engaging Experience 10 / 25

...expanded in ‘Funology’ (pg. 190)

Page 14: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Funology #2

Figure 66. ‘Dropbox Snickers’; pg. 191

The User Experience from 30,000ft Engaging Experience 11 / 25

...expanded in ‘Funology’ (pg. 190)

Page 15: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Funology #2

Figure 67. ‘HandBrake Cocktails’; pg. 192

The User Experience from 30,000ft Engaging Experience 11 / 25

...expanded in ‘Funology’ (pg. 190)

Page 16: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Funology #2

Figure 70. ‘Cockney ATM PIN’; pg. 192

The User Experience from 30,000ft Engaging Experience 11 / 25

...expanded in ‘Funology’ (pg. 190)

Page 17: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Gamification #1

Elementary: Visual elements, badges, and cute phraseology – in

some cases you could think of these elemental

gamification points as more funology than

gamification;

Bolt-On: A set of game elements which are more deeply

related to games and gameplay, but are easy to add

to a pre-existing development and which imply

progress and reward, such as leader-boards, stages

and levels, percentage complete; and

Ground-up: Game elements where planned from the start and are

indivisible from the main development, or an existing

development has evolved from the use of the game

elements at the heart of its interaction scenarios.

The User Experience from 30,000ft Engaging Experience 12 / 25

...expanded in ‘Gamification’ (pg. 192)

Page 18: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Gamification #2

Figure 72. ‘ThinkGeeks’s Timmy Sticker Map’; pg. 194

The User Experience from 30,000ft Engaging Experience 13 / 25

...expanded in ‘Gamification’ (pg. 192)

Page 19: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Gamification #2

Figure 73. ‘ThinkGeeks’s Timmy’; pg. 195

The User Experience from 30,000ft Engaging Experience 13 / 25

...expanded in ‘Gamification’ (pg. 192)

Page 20: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Gamification #2

Figure 71. ‘Boeing’s ‘New Airplane’ Site’; pg. 194

The User Experience from 30,000ft Engaging Experience 13 / 25

...expanded in ‘Gamification’ (pg. 192)

Page 21: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Gamification Viewpoints

Your Views

What do you think?

The User Experience from 30,000ft Engaging Experience 14 / 25

Page 22: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Let’s Have a Break!

Back in 10 Minutes!

Come see me now if you have

Questions Regarding this Lecture!

The User Experience from 30,000ft Break! 15 / 25

Page 23: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Gamification Viewpoints

Your Views

What do you think?

The User Experience from 30,000ft Break! 16 / 25

Page 24: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Gamification Viewpoints

The Penny Arcade

http://penny-arcade.com/patv/episode/gamification

Thanks to Safder Iqbal

The User Experience from 30,000ft Break! 16 / 25

Page 25: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Gamification Viewpoints

Should I

Gamify your Coursework results - to encourage competition?

The User Experience from 30,000ft Break! 16 / 25

Page 26: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Collated Concepts of Engagement

The User Experience from 30,000ft Principles 17 / 25

...expanded in ‘Collated Dynamic Concepts’ (pg. 197)

Page 27: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Collated Concepts of Engagement

The User Experience from 30,000ft Principles 17 / 25

...expanded in ‘Collated Dynamic Concepts’ (pg. 197)

Page 28: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Collated Concepts of Engagement

The User Experience from 30,000ft Principles 17 / 25

...expanded in ‘Collated Dynamic Concepts’ (pg. 197)

Page 29: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Potted Principles of Dynamic User Experience

‘Social’ Include aspects of social collaboration and

co-activity/pair-activity;

‘Progression’ Include components which facilitate movement

towards a goal; and

‘Play’ Add aspects of fun, play, and enjoyment.

The User Experience from 30,000ft Principles 18 / 25

Page 30: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Facilitate Social Dynamics

Questions to think about as you design your prototype:

I Do you include suitable functionality to facilitate

collaboration?

I Are aspects such as social communication accounted for?

I Do you link the real and virtual to facilitate better user

engagement?

I Can team / group members interact and support each other?

I Have you used language and terminology which users may

find playful?

The User Experience from 30,000ft Principles 19 / 25

...expanded in ‘Facilitate Social Dynamics’ (pg. 199)

Page 31: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Facilitate Social Dynamics

Questions to think about as you design your prototype:

I Do you include suitable functionality to facilitate

collaboration?

I Are aspects such as social communication accounted for?

I Do you link the real and virtual to facilitate better user

engagement?

I Can team / group members interact and support each other?

I Have you used language and terminology which users may

find playful?

The User Experience from 30,000ft Principles 19 / 25

...expanded in ‘Facilitate Social Dynamics’ (pg. 199)

Page 32: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Facilitate Progression

Questions to think about as you design your prototype:

I Have you thought about attainment and goals, via stages

and levels?

I Do you facilitate motivation and reward?

I Have you included a narrative flow through each interaction?

I Are there opportunities for friendly competition?

I Is progress also social?

The User Experience from 30,000ft Principles 20 / 25

...expanded in ‘Facilitate Progression’ (pg. 199)

Page 33: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Facilitate Progression

Questions to think about as you design your prototype:

I Have you thought about attainment and goals, via stages

and levels?

I Do you facilitate motivation and reward?

I Have you included a narrative flow through each interaction?

I Are there opportunities for friendly competition?

I Is progress also social?

The User Experience from 30,000ft Principles 20 / 25

...expanded in ‘Facilitate Progression’ (pg. 199)

Page 34: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Facilitate Play

Questions to think about as you design your prototype:

I Is the look and feel playful and game like?

I Have you included playful, and game like social elements?

I Will users leave with a feeling of fun and enjoyment?

I Are there playful games included, or game elements which

make the interaction seem like a game, and not... work?

I Do the elements of play, included, really enhance the user

experience?

The User Experience from 30,000ft Principles 21 / 25

...expanded in ‘Facilitate Play’ (pg. 200)

Page 35: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Facilitate Play

Questions to think about as you design your prototype:

I Is the look and feel playful and game like?

I Have you included playful, and game like social elements?

I Will users leave with a feeling of fun and enjoyment?

I Are there playful games included, or game elements which

make the interaction seem like a game, and not... work?

I Do the elements of play, included, really enhance the user

experience?

The User Experience from 30,000ft Principles 21 / 25

...expanded in ‘Facilitate Play’ (pg. 200)

Page 36: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Remember

I Dynamics, funology, or gamification may just not be the

right thing to do for your development;

I Mix‘n’match fashion – may be appropriate;

I Pay specific attention to the target reactions of the users;

and

I Remember ‘good’ is not defined as more, but as the dead

centre of the ‘Hebbian version’ of the ‘Yerkes Dodson Curve.

The User Experience from 30,000ft Principles 22 / 25

...expanded in ‘Caveat’ (pg. 201)

Page 37: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Remember

Figure 62. ‘Yerkes Dodson Curve’; pg. 181

The User Experience from 30,000ft Principles 22 / 25

...expanded in ‘Caveat’ (pg. 201)

Page 38: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Pop Quiz for next week...

1. What are the pros and cons of gamification?

2. How could you include social / group dynamics into your

system?

3. How can you enhance the users perception of fun?

4. What is the ‘skeptic’ view of Gamification?

5. List a principle and describe it.

The User Experience from 30,000ft Wrapping Up 23 / 25

...expanded on pg. 204.

Page 39: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

To Do for next week...

1. Pop Quiz (pg. 204) Discuss Next Week; and

2. Read your notes up to the end of ‘Self Assessment

Questions’ (pg. 204)

The User Experience from 30,000ft Wrapping Up 24 / 25

Page 40: UX from 30,000ft (COMP33512 - Lecture 11 & 12 - 2012/2013)

Engaging Experience Break! Principles Wrapping Up

Any Questions?

Simon Harper 2.44 Kilburn Building

0161 275 0599 (OR x50599)

[email protected]

Office Hours: Friday 14:00–18:00

Figure 93. ‘Simon Harper –Your Mild-Mannered CourseTutor’; pg. 326

The User Experience from 30,000ft Wrapping Up 25 / 25

...expanded in ‘Contact’ (pg. 326)