Embed Size (px)
DESCRIPTION
Design websites and apps integrating engagement design principles from game design.
Citation preview
Engagement
by
Design
Pietro Polsinelli
All links for this talk:
http://bit.ly/EngByDes
2
How do we get from this to a more engaging UI/app?
3
From Bokardo http://bokardo.com
4
5
Thursday, September 27,
2012
Creating apps meditating on user psychology - examples
6
The problem: bring movie script writing to the masses.
7
Obvious approach:
web based writing tool
8
http://20lin.es
Designer didn’t ask: is it fun to write? Or is it diffcult and boring? Also talking with my customers, who
are Cinema experts, its been hard to pass the message through: not everybody lives for movie
scriptwriting. 9
How can I talk about WW2 to today’s hurried reader?
10
Twitter stories to movies. The loop write – publish – get an answer (or many) / get a like is short, and has
SURPRISES and EFFECTS beyond your action.
Social software for story composition.
11
Thursday, September 27,
2012
The problem: RTFM (Read The F...ing Manual)
12
Gabriele Farina from aLittleb.it (Milan). This requires smartness, but it is also a quite natural application:
progress in documentation is linear, can be variously “locally” gamified.
13
aLittleb.it
14
Starting point is an anthropological question, instead of a “functionally complete” question.
15
Focus: iA Writer.
16
Thursday, September 27,
2012
Reach of user centered UI design
17
Not only apps, but always about users.
18
[add user walks from right to left]
19
Thursday, September 27,
2012
Which company has had a great success recently, with a user model fully impacting design?
20
No technical, design, game design / mechanics innovation
21
Why
games
can teach
about UI?
Crash course
in game design
24
25
Example analysis: Pinball
Works in different media – nice on the iPad.
What is the game about? What is the main loop?
26
This is its meaning.
27
Pinball game hermeneutics. Depth by progressive views.
1. Just keep the ball in play
2. Make point rich hits
3. Reach goals
4. Complete the story
5. Not fun any more
28
Game are made of loops
To analyze the mechanics of a game, you got to find the loops.
29
Game loops
contain
surprises
http://en.wikipedia.org/wiki/Kinder_Surprise
30
Stick
to
basics
These are some of the mechanics – plus status competition …
This is very important in order to establish deep contact with your users: find the deep motivation.
31
Is this simple mechanic union relevant only for classical games?
Union of drawing – racing
32
Drawing with your finger on the iPad is nice. Racing with small cars is beautiful.
33
Considers shape, speed. Also runtime “turbo” interventions. You don’t drive – which simplifies
development, but is a plus here, not a minus.
34
Surprises
Flipper surprises us by say enabling additional bats Or by moving parts that were still. In videogames.
Using the same mechanics for different ends is usually very effective and preserves usability used so
far.
35
HEROICA
Heroica: the hero’s journey, becomes engaging through mini games – typically a DUEL. Race, mystery
solving. Most natural (and most difficoult) game design choice.
Interesting because of cross game gaming.
36
“This game is engaging”
Engagement can be caused by disparate reasons:
1. Engagement because of s fun base mechanic
2. Engagement by using a virtual world projection mechanics
Engaging design is ambiguous: can mean engaging by using a base mechanic (flipper tower defence,
verify the chapter in theory of fun), or by using a virtual world projection mechanics 37
Koster – Deterding definition of fun.
38
“Fun is
about
learning in
a context
where there
is no
pressure”
But in school there is, and there has to be, pressure. There is here a dynamic.
http://www.youtube.com/watch?feature=player_embedded&v=x5YtkTw4wn4#!
39
the flow
The blurry edge between challenging and too difficoult.
There is the flow. We are tackling the tip of something complex. When we are
kept at the margin of our abilities – it’s the flow graph. So its complex,
there are exceptions everywhere. 40
Flow: The Psychology of Optimal Experience Mihaly Csikszentmihalyi (Author)
41
Learn more on Classical Game Design
Readings.
42
Thursday, September 27,
2012
A path beyond usability:
Narrative enchantment
Another path for going beyond usability.
43
Metrics driven
game design intro
Feedback is scary – but can help.
45
Thursday, September 27,
2012
Measure, measure, measure.
47
No narrative ideal, no purpose beyond monetization. Lenses in a skeleton: The Sims Social.
48
From Bokardo’s Metric Driven Design
49
Thursday, September 27,
2012
Addiction by Design Natascha Schull
http://gelconference.com/videos/2008/natasha_schull
97% is given by the slot machine – study IT
Went there to get milk...
51
Las Vegas Airport
52
Overall designed...
53
A different auro to the zone term
“So annoying when I do jackpot”
54
Casino Gaming Magazine: indded motivated in working Uis. How to make the user feel she’s winning
when she’s not”
The aim of game design is “get player EXTINCTION” – NO MONEY LEFT
55
Learn more on Metric driven game design
Study.
56
Learn more on Metric driven game design
http://www.slideshare.net/wooga/killer-game-loops-in-social-games
57
58
New user models.
59
Playfication
Thursday, September 27,
2012
Oh how nice it is to work as a
slave for this multinational
http://unmanned.molleindustria.org/
61
Thursday, September 27,
2012
Conflict of interests
“This Bat Man game feels like busywork” -> bad game.
62
Thursday, September 27,
2012
UI’s we meet are hard to handle and cannot be designed from the ground up.
63
Again here we see the interplay of user model, motivations, actual design.
64
Teamwork Project manager went from gamification to clean UI.
65
Image attributions
The Act http://www.chillingo.com/games/act/
Future Pinball http://www.futurepinball.com/
Le Penseur: http://en.wikipedia.org/wiki/File:Paris_2010_-_Le_Penseur.jpg
Memegenerator: http://memegenerator.net/instance/22994388
RTFM http://tcritic.com/archives/rtfm-people/
Crowd mall: http://kiraturner.files.wordpress.com/2012/01/crowdscene.jpg
Police officer: http://www.flickr.com/photos/22441520@N02/3425534729/sizes/m/in/photostream/
Mau Dau http://www.gamesindustry.biz/articles/2011-10-18-facebook-refines-mau-dau-calculations
Lambs http://www.flickr.com/photos/sandlings/4605712227/sizes/l/in/photostream/
Engagement
by
Design
All links for this talk:
http://bit.ly/EngByDes
Pietro Polsinelli
twitter @ppolsinelli
e-mail [email protected]
