Playing On: Interface Lessons from Games.

6,459 views

Published on

Games live or die by their interface. A modern video game is a complex, layered world of information, social interactions, rules and controls - yet, even young kids can master them.So what interface lessons can the web-world learn from games? We will give you 10.

* Jake Cressman - CISCO Media
* Matthew Franklin - Independent Creator
* Nicole Lazzaro - XEODesign Inc
* Brian Robbins - Fuel Industries
* John Mark Josling - eBay Inc

1 Comment
30 Likes
Statistics
Notes
No Downloads
Views
Total views
6,459
On SlideShare
0
From Embeds
0
Number of Embeds
148
Actions
Shares
0
Downloads
209
Comments
1
Likes
30
Embeds 0
No embeds

No notes for slide
  • Playing On: Interface Lessons from Games.

    1. Playing On! <ul><li>Interface lessons from games. </li></ul>
    2. Games
    3. Us
    4. <ul><li>What are we doing wrong? </li></ul>
    5. <ul><li>Interaction design has much to learn from games . </li></ul>
    6. <ul><li>We know we will have succeeded when non-game interactions provide the same level of emotion , feedback , progress indication , innovative controls and social involvement that games supply. </li></ul>
    7. <ul><li>Brian Robbins - Studio Head, Fuel Games </li></ul><ul><li>Jake Cressman - Senior UX Engineer, Cisco Media </li></ul><ul><li>John Mark Josling - Senior Interaction Designer, eBay </li></ul><ul><li>Matthew Franklin - Independent Game Developer </li></ul><ul><li>Nicole Lazzaro - President, XEODesign </li></ul>
    8. Emotions & Games
    9. www.xeodesign.com © 2008 XEODesign, Inc. XEODesign Putting Emotion into Play ® ™ SXSW The Keys to Social Play Nicole Lazzaro, President XEODesign, Inc. South by Southwest Interactive Festival March 15, 2009 XEODesign Putting Emotion into Play ® ™
    10.  
    11. Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc. Fiero Curiosity Relaxation 3. Serious Fun: Creating Value Amusement 4. People Fun: Socialize 1. Hard Fun: Accomplishment 2. Easy Fun: Imagination
    12. The 4 Fun Keys 30 emotions from gameplay Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc. Hard Fun Fiero People Fun Amusement Easy Fun Curiosity Serious Fun Relaxation emotion < choice < mechanic > choice > emotion whitepapers: xeodesign.com
    13. Hard Fun: Mastery Creates Fiero + Frustration <ul><li>choices </li></ul><ul><li>goals </li></ul><ul><li>challenge </li></ul><ul><li>obstacles </li></ul><ul><li>strategy </li></ul><ul><li>power ups </li></ul><ul><li>puzzles </li></ul><ul><li>score </li></ul><ul><li>levels </li></ul><ul><li>monsters </li></ul><ul><li>feelings </li></ul><ul><li>fiero </li></ul><ul><li>frustration </li></ul><ul><li>boredom </li></ul>Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc. modified from “Flow” Csikszentmihalyi player choice rewards effort
    14. Linked In <ul><li>Progress </li></ul><ul><li>Group Quest </li></ul>Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc.
    15. Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc. Do you play “follow the leader” to increase your personal hype quotient? Personal Hype Quotient
    16. Tilt: an adventure in 1.5 dimensions Coming soon: youtube.com/xeodesign
    17. Serious Fun: Brain Baths Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc.
    18. People Fun: Pet Society Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc.
    19. People Fun : TattleTalz.com More than Money Create feedback loops, social tokens, social capital Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc. Social Capital Plus…
    20. People Fun: Photo Tag Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc. Amusement Personalize Tease
    21. Massively Social Online Game how can we make a game the whole world would play?
    22. Keys to Social Play follow story TattleTalz.com <ul><li>$ < 1-10% </li></ul><ul><li>Free must be fun </li></ul><ul><li>Aim at top of pyramid </li></ul><ul><li>Player created PX </li></ul><ul><li>Viral >1 </li></ul><ul><li>Sell social goods </li></ul><ul><li>Social features </li></ul><ul><li>Cue the next action </li></ul><ul><li>Reward social play </li></ul>Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc. Gameplay Social Goods Services Social Features Number of Players Features to build now $ Free White Papers and Slides xeodesign.com/whyweplaygames nlazz @ xeodesign.com
    23. TattleTalz Friction Points Number of invites and gameplay at each step Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc. 6 stages of adoption for viral games invites accept actives Your results may vary. ;) free to play pay Facebook Individual invites Twitter 2 posts 15:2 (13%) 1:25 (2,500%) 1:200 (20,000%) player friend Login 1.Discover 2. Sample 3. Play 4. Invite 5.Convert 6. Retain Invite Accept AddTTL AddTTL Tweet #truth x2 Login for more points need trust need feedback
    24. Putting Emotion into Play ™ XEODesign www.xeodesign.com © 2008 XEODesign, Inc. MMO MSO Lazzaro GDC 2008
    25. <ul><li>“ It’s easy to tell what games my husband enjoys the most...” </li></ul><ul><li>- Wife of a Hard Core PC Gamer </li></ul>
    26. Tools & Feedback
    27.  
    28.  
    29.  
    30.  
    31.  
    32. Feedback
    33.  
    34. Controls
    35. Hardware Interfaces <ul><li>and how they are changing the game </li></ul>
    36.  
    37.  
    38.  
    39.  
    40. Progress & Goals
    41.  
    42.  
    43.  
    44.  
    45.  
    46.  
    47.  
    48.  
    49.  
    50.  
    51.  
    52.  
    53.  
    54. Social Aspects
    55.  
    56.  
    57.  
    58.  
    59. Ease of Collaboration
    60.  
    61.  
    62.  
    63. <ul><li>We know we will have succeeded when non-game interactions provide the same level of emotion , feedback , progress indication , innovative controls and social involvement that games supply. </li></ul>
    64. Questions? <ul><li>Brian Robbins [email_address] </li></ul><ul><li>Jake Cressman [email_address] </li></ul><ul><li>John Mark Josling [email_address] </li></ul><ul><li>Matthew Franklin [email_address] </li></ul><ul><li>Nicole Lazzaro nicole@xeodesign.com </li></ul>

    ×