content-first design secrets

43
CONTENT-FIRST DESIGN SECRETS PRACTICED BY THE VIDEO GAME INDUSTRY stephanie hay * @steph_hay

Upload: modev-llc

Post on 30-Jul-2015

375 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Content-First Design Secrets

CONTENT-FIRST DESIGN SECRETS

PRACTICED BY THE VIDEO GAME INDUSTRY

stephanie hay * @steph_hay

Page 2: Content-First Design Secrets
Page 3: Content-First Design Secrets

2 KEY DESIGN APPROACHES

FROM THE VIDEO GAME

INDUSTRY

Page 4: Content-First Design Secrets

1.!Nail the

story first!Does your design feel like a conversation?

Page 5: Content-First Design Secrets
Page 6: Content-First Design Secrets

It’s the lowest risk way to design

Page 7: Content-First Design Secrets
Page 8: Content-First Design Secrets

It’s the lowest risk way to design

It starts with what the hero really needs to “win”

Page 9: Content-First Design Secrets
Page 10: Content-First Design Secrets

2. Design for discovery

Do your heroes feel like they’re “winning?”

Page 11: Content-First Design Secrets

http://goo.gl/O6CKDK

Page 12: Content-First Design Secrets

Teaching over time—not all at once—improves retention

Page 13: Content-First Design Secrets

BORDERLANDS

Page 14: Content-First Design Secrets

BORDERLANDS

Page 15: Content-First Design Secrets

BORDERLANDS

Page 16: Content-First Design Secrets

BORDERLANDS

Page 17: Content-First Design Secrets

BORDERLANDS

Page 18: Content-First Design Secrets

Provide answers in the moment when users are most likely to have questions

Teaching over time—not all at once—improves retention

Page 19: Content-First Design Secrets

BORDERLANDS

Page 20: Content-First Design Secrets
Page 21: Content-First Design Secrets

BORDERLANDS

Page 22: Content-First Design Secrets

BORDERLANDS

Page 23: Content-First Design Secrets

CONTENT DEFINES

STRUCTURENOT THE OTHER WAY AROUND

Page 24: Content-First Design Secrets

Outcomes of !content-first design

Lowest risk, lowest cost!

More collaborative design!

Faster approvals + launches!

Higher engagement

Page 25: Content-First Design Secrets

BE BRAVE ENOUGH TO

CHANGE HOW YOU WORK

Page 26: Content-First Design Secrets

the content!

Page 27: Content-First Design Secrets
Page 28: Content-First Design Secrets

CONTENT PROTOTYPES

Write the conversation we want to have with users along

each step of their journey

Page 29: Content-First Design Secrets
Page 30: Content-First Design Secrets
Page 31: Content-First Design Secrets
Page 32: Content-First Design Secrets

“Having real content up-front meant I could focus on designing a real experience right from the start. I wish we’d always worked this way.” — CeCe Chang

Page 33: Content-First Design Secrets

CONTENT DEFINES

STRUCTURENOT THE OTHER WAY AROUND

Page 34: Content-First Design Secrets
Page 35: Content-First Design Secrets
Page 36: Content-First Design Secrets

“There is no tutorial, no [prompt] that pops up

on screen, nobody telling you where you’re

going or why.”

Page 37: Content-First Design Secrets

“The storytelling is purely about the game

experience itself.”

Page 38: Content-First Design Secrets
Page 39: Content-First Design Secrets

1.!Nail the

story first!Does your design feel like a conversation?

Page 40: Content-First Design Secrets

2. Design for discovery

Do your heroes feel like they’re “winning?”

Page 41: Content-First Design Secrets
Page 42: Content-First Design Secrets

[email protected]

Thanks, Dawson.

Page 43: Content-First Design Secrets

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

James VB crying: http://4.bp.blogspot.com/-MzCNjlLwFd4/U4oJsbxgMDI/AAAAAAAAKBY/UKDT3ufNk_M/s1600/James-Van-Der-Beek-Crying-On-Dawsons-Creek-Gif.gif

Animal Crossing video: https://www.youtube.com/watch?v=OPXRAKu-MyQ

credits

Ben & Jerry’s: benjerry.com

Happy Cog: happycog.com

FastCustomer: fastcustomer.com

thanksMoDevUX + Capital One