Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

FOWD NYC 2015 – Beyond gamification: more important lessons we can learn from game design

1,478 views

Published on

Beyond gamification, what are other lessons we can learn from game design? UX and game design are quite similar in some aspects, yet we still focus on basic gamified elements such as achievements and points to create engaging content. I think there are other things we can learn from games, and in the future UX and game design will be further intertwined.

Published in: Technology
  • Be the first to comment

FOWD NYC 2015 – Beyond gamification: more important lessons we can learn from game design

  1. 1. @cattsmall Beyond Gamification More important lessons we can learn from game design FOWD NYC 2015 – Catt Small (@cattsmall)
  2. 2. @cattsmall@cattsmall • Product Designer, SoundCloud • Game developer, Brooklyn Gamery • Co-founder, Code Liberation I’m Catt Small!
  3. 3. @cattsmall@cattsmall • The state of user experience • UX vs. game design process • What UX can learn from games • The future of games and UX Today we’ll talk about:
  4. 4. @cattsmall@cattsmall The state of UX
  5. 5. @cattsmall@cattsmall Jurassic Park UX is a HYBRID
  6. 6. @cattsmall@cattsmall Jurassic Park The field is constantly EVOLVING
  7. 7. @cattsmall@cattsmall UX vs. game design
  8. 8. @cattsmall@cattsmall UX Game Design
  9. 9. @cattsmall@cattsmall Jurassic Park Interaction with interfaces
  10. 10. @cattsmall@cattsmall Removing friction Arranging information to help users accomplish tasks Step 1 Step 2 Step 3 Step 4
  11. 11. @cattsmall@cattsmall Removing frustration Creating challenges that keep players engaged Challenge 1 Complicated challenge Challenge 3 Challenge 4
  12. 12. @cattsmall@cattsmall Useful Meaningful
  13. 13. @cattsmall@cattsmall Jurassic Park Familiar processes
  14. 14. @cattsmall@cattsmall Emoji-only messenger Ideation Magical girl roguelike Pachinko meets Brick Breaker with ponies Cheese fighting game AR transaction system Social network for email threads
  15. 15. @cattsmall@cattsmall Prototyping
  16. 16. @cattsmall@cattsmall Testing What is that? I thought they would know what that is. Hmm!
  17. 17. @cattsmall@cattsmall Documentation 1. Logo Screen Game Launch 2. Main Menu 4. Achievements 5. Encyclopedia 6. Options 7. Store (List of Items) 7.2. Item Information 7.3. Purchase Item7.1. Store Section 3. Level Select 3.2. Tank Select 3.3. Gameplay Level 3.4. Win/Lose Screen 3.5. Pause Screen Level Select Next Level/Replay 3.2.1. Tank Upgrade (Store Section) View Tank Play game
  18. 18. @cattsmall@cattsmall In case What UX can learn from games
  19. 19. @cattsmall@cattsmall Balance complexity with value
  20. 20. @cattsmall@cattsmall Jurassic Park Value for TIME SPENT
  21. 21. @cattsmall@cattsmall Very interesting More meaning than complexity
  22. 22. @cattsmall@cattsmall Very confusing Not enough meaning, too much complexity
  23. 23. @cattsmall@cattsmall At least a 1:1 ratio ComplexityValue
  24. 24. @cattsmall@cattsmall Five Stages, © Asia Hoe, Catt Small & Chris Algoo
  25. 25. @cattsmall@cattsmall Break it down Feature goal Part 1 Part 2 Part 3
  26. 26. @cattsmall@cattsmall Share tracks on SoundCloud Upload track to system Allow users to comment on track Create stream of tracks
  27. 27. @cattsmall@cattsmall Be consistent across platforms
  28. 28. @cattsmall@cattsmall Both games © SEGA Sonic 2, Game GearSonic 2, Genesis/Mega Drive
  29. 29. @cattsmall@cattsmall Just right Spelunky, © Mossmouth, LLC
  30. 30. @cattsmall@cattsmall Prism Shell, © Brooklyn Gamery
  31. 31. @cattsmall@cattsmall Since 2011, MORE SMARTPHONES have sold than computers
  32. 32. @cattsmall@cattsmall Don’t assume anything About how people use your services
  33. 33. @cattsmall@cattsmall :D :D :D
  34. 34. @cattsmall@cattsmall Focus on the “feel”
  35. 35. @cattsmall@cattsmall GAME FEEL
  36. 36. @cattsmall@cattsmall Both games © Vlambeer Nuclear ThroneLUFTRAUSER
  37. 37. @cattsmall@cattsmall Your product should give FEEDBACK
  38. 38. @cattsmall@cattsmall
  39. 39. @cattsmall@cattsmall phandroid.com/2015/11/03/twitter-star-fav-button-replaced-with-heart-likes
  40. 40. @cattsmall@cattsmall Test more than just PROTOTYPES
  41. 41. @cattsmall@cattsmall
  42. 42. @cattsmall@cattsmall
  43. 43. @cattsmall@cattsmall Your product should feel RESPONSIVE
  44. 44. @cattsmall@cattsmall Connect with your users
  45. 45. @cattsmall@cattsmall Easter eggs are RELATABLE
  46. 46. @cattsmall@cattsmall Game Players Game Makers
  47. 47. @cattsmall@cattsmall Sonic Generations, © SEGA
  48. 48. @cattsmall@cattsmall Sonic Generations, © SEGA
  49. 49. @cattsmall@cattsmall Your product has PERSONALITY
  50. 50. @cattsmall@cattsmall
  51. 51. @cattsmall@cattsmall
  52. 52. @cattsmall@cattsmall
  53. 53. @cattsmall@cattsmall
  54. 54. @cattsmall@cattsmall news.en.softonic.com/google-hangouts-easter-eggs-lets-you-change-background-colors-release-ponies
  55. 55. @cattsmall@cattsmall BOND
  56. 56. @cattsmall@cattsmall Capitalize on emotions
  57. 57. @cattsmall@cattsmall FUN
  58. 58. @cattsmall@cattsmall MEMORABLE
  59. 59. @cattsmall@cattsmall Dys4ia, © Anna Anthropy
  60. 60. @cattsmall@cattsmall Contrast, © Compulsion Games
  61. 61. @cattsmall@cattsmall Prism Shell, © Brooklyn Gamery
  62. 62. @cattsmall@cattsmall
  63. 63. @cattsmall@cattsmall In caseThe future
  64. 64. @cattsmall@cattsmall It will BLEND!
  65. 65. @cattsmall@cattsmall MEANINGFUL EXPERIENCES
  66. 66. @cattsmall@cattsmall ACHIEVEMENTS LEVELING UP
  67. 67. @cattsmall@cattsmall STRATEGY MOOD EMOTIONS
  68. 68. @cattsmall@cattsmall Recap!
  69. 69. @cattsmall@cattsmall • How people interact with interfaces • UX is about removing friction • Game design is about challenging players • Both involve ideation, prototyping, testing, & documentation UX & game design
  70. 70. @cattsmall@cattsmall • Ensure that complexity has value • Create a cohesive cross-platform system • Focus on the feedback and feel • Connect with users through personality • Capitalize on emotions Beyond gamification…
  71. 71. @cattsmall@cattsmall • Prune (iOS) • Spelltower (Android, iOS, Mac) • TwoDots (Android, iOS) • Home Improvisation (Mac, Windows) • Lumino City (Mac, Windows) Games with great UX
  72. 72. @cattsmall@cattsmall • Playful Design
 by John Ferrara • The Art of Game Design
 by Jesse Schell • Game Feel
 by Steve Swink • A Game Design Vocabulary
 by Anna Anthropy & Naomi Clark Books
  73. 73. @cattsmall@cattsmall • Gamasutra
 gamasutra.com • That Game’s UX
 thatgamesux.com • The Independent Gaming Source
 tigsource.com • Sirlin on Game Design
 sirlin.net Websites
  74. 74. @cattsmall@cattsmall Go forth and create!
  75. 75. @cattsmall Thank you! Questions? Tweet @cattsmall Email catt@cattsmall.com Work with me: soundcloud.com/jobs

×