Contenu connexe Similaire à Content-first UX Design: What video games teach us about UX (20) Content-first UX Design: What video games teach us about UX6. “There is no tutorial, no
[prompt] that pops up on
screen, nobody telling
you where you’re going
or why.”
45. It’s the lowest risk way to
design
It starts with what the hero
really needs to “win”
59. It teaches over time—not all
at once—which improves
retention
It provides answers in the
moment when users are
most likely to have questions
90. “I never want to work
without this again. It lets me
focus entirely on design,
which is what I do best. So I
make better designs as a
result.”
94. COME TO MY
WORKSHOP
OCTOBER 27
stephanie hay * Boston @ UI19 * @steph_hay
http://ui19.uie.com/workshops/content-first-ux-
design-a-lean-approach
95. Evil Clippy: http://steve-lovelace.com/wordpress/wp-content/uploads/2013/01/evil-clippy.png
Clippy Irritation Meme: http://i.huffpost.com/gen/1383038/thumbs/o-BILL-GATES-CLIPPY-570.jpg?1
Inexplicable angry Clippy: https://drawception.com/pub/panels/2013/6-21/f5FLEdR5Ok-6.png
Clippy: http://4.bp.blogspot.com/-_O8aTWfk1Oo/Tcq6OS6daMI/AAAAAAAADzg/V_jW-ZAWJFw/s1600/Clippy.jpg
Games have so much freedom: https://c2.staticflickr.com/8/7075/6866856808_0359a7d35b_z.jpg
Jenova Chen: https://c2.staticflickr.com/4/3314/3235139236_c3f17cf77d.jpg
Journey: http://en.wikipedia.org/wiki/Journey_(2012_video_game)#mediaviewer/File:Journey-PS3-Screenshot.jpg
Journey trailer: https://www.youtube.com/watch?v=_mF8KkDiIdk&feature=kp
Japanese garden: http://www.coolwallpapers.me/japanese-garden/japanese-garden-wallpaper/
Journey hero: http://static.giantbomb.com/uploads/original/0/5504/2214707-1333509735311.jpg
Mario 8-bit: http://img2.wikia.nocookie.net/__cb20130324144324/fantendo/images/7/78/8_bit_mario_by_raivcesleinadnayr-d3b6hpi.png
Atari: http://en.wikipedia.org/wiki/Atari#mediaviewer/File:Atari-2600-Wood-4Sw-Set.jpg
James VB crying: http://4.bp.blogspot.com/-MzCNjlLwFd4/U4oJsbxgMDI/AAAAAAAAKBY/UKDT3ufNk_M/s1600/James-Van-Der-Beek-Crying-On-Dawsons-Creek-Gif.gif
IBM 5150: http://history-computer.com/ModernComputer/Personal/images/IBM5150.jpg
Borderlands video: https://www.youtube.com/watch?v=jGjZHipc0h4
Animal Crossing video: https://www.youtube.com/watch?v=OPXRAKu-MyQ
Gowalla: http://antikewl.com/daily/wp-content/uploads/2009/09/gowalla.jpg
Instruction manual: http://goo.gl/9qxkov
credits
The Annie E. Casey Foundation: aecf.org
Ben & Jerry’s: benjerry.com
Happy Cog: happycog.com
FastCustomer: fastcustomer.com
thanks
UIE: uie.com
Video game stats: http://www.theesa.com/facts/pdfs/esa_ef_2013.pdf
2003-2013 growth chart: http://www.marketingcharts.com/wp/wp-content/uploads/2013/04/IBISWorld-Top-10-Fastest-Growing-US-Industries-Apr2013.png
comScore: https://dl.dropboxusercontent.com/u/7753809/comScore-Media-Placement-Strategies.pdf
Wayne’s World: http://i.imgur.com/eM8Ux9L.gif
Breaking Development + All of you awesome people