Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress....

72
#WWDC17 © 2017 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple. Lauren Strehlow, Design Evangelist Design Tips for Great Games Session 811 Design

Transcript of Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress....

Page 1: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

#WWDC17

© 2017 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.

Lauren Strehlow, Design Evangelist

•Design Tips for Great Games • Session 811

Design

Page 2: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Launch

1

Page 3: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Pokémon Go

Page 4: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 5: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

"Time flies when you're having fun.”

Page 6: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Don’t Starve: Pocket Edition

Page 7: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Clash Royale

Page 8: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Clash Royale

Page 9: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Entertain Educate Progress

Page 10: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Entertain Educate Progress

Page 11: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Entertain Educate Progress

Page 12: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Quick Start

3

Page 13: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Inks

Page 14: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Inks

Page 15: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Play Store News

Inventory Tournaments Leaderboard

Page 16: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Play Store News

Inventory Tournaments Leaderboard

Page 17: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Start Store News

Inventory Tournaments Leaderboard

Page 18: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Battle Store News

Inventory Tournaments Leaderboard

Page 19: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

New Game Store News

Inventory Tournaments Leaderboard

Page 20: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Play Store News

Inventory Tournaments Leaderboard

Page 21: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Interface

4

Page 22: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 23: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Next

Gear GlyphBackGear

Glyph

Start Next

Gear GlyphBack

Page 24: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 25: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Pause Glyph 3! Gear

Glyph

Page 26: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Pause Glyph 3! Gear

Glyph

Page 27: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 28: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 29: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 30: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Gear Glyph

Start Start

Gear Glyph

🏆 🏆

Page 31: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Gear Glyph

Start Start

Gear Glyph

🏆 🏆

Page 32: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Gear Glyph

Start Start

Gear Glyph

🏆 🏆

Page 33: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Gear Glyph

Start Start

Gear Glyph

🏆 🏆

Page 34: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 35: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Points

44 x 44

Page 36: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Consistent and Clear

Page 37: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

1098765Basics

Page 38: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Fight Monsters

Get Gold

Buy Stuff

Page 39: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Upgrade

Leaderboard

Tournaments

ChatNew Pack

DailyChallenges

MessagesFight

Monsters

Get Gold

Buy Stuff

Page 40: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Direction

6

Page 41: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 42: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 43: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 44: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 45: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 46: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 47: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Inventive

7

Page 48: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Splitter Critters

Page 49: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 50: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 51: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Reigns

Page 52: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Play

8

Page 53: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 54: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Skip

9

Page 55: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Icycle: On Thin Ice

Page 56: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Icycle: On Thin Ice

Page 57: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Zombie Gunship

Page 58: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Zombie Gunship

Page 59: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Zombie Gunship

Page 60: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Zombie Gunship

Page 61: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 62: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Total Pro

Page 63: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Total Pro5 minutes

Page 64: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 65: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

#RespectThePlayer

Page 66: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Include

10

Page 67: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Mushroom 11

Page 68: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Mushroom 11

Page 69: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Kami 2

Page 70: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Blackbox

Page 71: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.
Page 72: Lauren Strehlow, Design Evangelist€¦ · Clash Royale. Clash Royale. Entertain Educate Progress. Entertain Educate Progress. Entertain Educate Progress. Quick Start 3. Inks. Inks.

Tuscan Royale Kundli, 9910208778, TDI Project Tuscan Royale

Tuscan Royale Kundli, 9910208778, TDI Project Tuscan Royale

Limited Time Discounted Advertising Opportunity with the ... · friendly site that aims to engage, entertain and educate all dog lovers. WOOFipedia is geared toward millennials and

Limited Time Discounted Advertising Opportunity with the ... · friendly site that aims to engage, entertain and educate all dog lovers. WOOFipedia is geared toward millennials and

Chapter 1 Introducing Public Speaking. Introducing Public Speaking: Introduction Effective public speaking can inspire, persuade, educate, and entertain.

Chapter 1 Introducing Public Speaking. Introducing Public Speaking: Introduction Effective public speaking can inspire, persuade, educate, and entertain.

2014 - South Dakota Bureau of Informationbit.sd.gov/docs/AnnualReport2014.pdfreach projects that educate, enlighten and entertain. SDPB earned the National Award for Outstanding Service

2014 - South Dakota Bureau of Informationbit.sd.gov/docs/AnnualReport2014.pdfreach projects that educate, enlighten and entertain. SDPB earned the National Award for Outstanding Service

ˆ˜ ˜˚˛˜˝˛˙ˆ˚ - EBOSS · 2019. 8. 30. · engage, educate and entertain specifiers in a lively, informal environment. Considered ‘must attend’ events, each movie night

ˆ˜ ˜˚˛˜˝˛˙ˆ˚ - EBOSS · 2019. 8. 30. · engage, educate and entertain specifiers in a lively, informal environment. Considered ‘must attend’ events, each movie night

ANNUAL REPORT - Luther Burbank Center for the Arts...ANNUAL REPORT 07.01.2014 – 06.30.2015 Enrich. Educate. Entertain. Connecting our Community through the Arts 2CELLOS March 20,

ANNUAL REPORT - Luther Burbank Center for the Arts...ANNUAL REPORT 07.01.2014 – 06.30.2015 Enrich. Educate. Entertain. Connecting our Community through the Arts 2CELLOS March 20,

Communicate. Educate. Entertain

Communicate. Educate. Entertain

Teaching through television: Experimental evidence on … · 2017. 1. 23. · a media message to both entertain and educate, in order to “increase audience knowledge about an educational

Teaching through television: Experimental evidence on … · 2017. 1. 23. · a media message to both entertain and educate, in order to “increase audience knowledge about an educational

Aggression, Altruism, and Attraction A riveting, mesmerizing, and awe-inducing powerpoint meant to educate and entertain, created by the “Master of Disaster”

Aggression, Altruism, and Attraction A riveting, mesmerizing, and awe-inducing powerpoint meant to educate and entertain, created by the “Master of Disaster”

BEYOND BREAKING NEWS Chapter 6. The World of Features Personalizing the news with stories that educate and entertain. Feature stories often focus on issues.

BEYOND BREAKING NEWS Chapter 6. The World of Features Personalizing the news with stories that educate and entertain. Feature stories often focus on issues.

J Morgan James TO EDUCATE, ENCOURAGE, INSPIRE, AND ... · Morgan James TO EDUCATE, ENCOURAGE, INSPIRE, AND ENTERTAIN with current, consistent, relevant titles available everywhere

J Morgan James TO EDUCATE, ENCOURAGE, INSPIRE, AND ... · Morgan James TO EDUCATE, ENCOURAGE, INSPIRE, AND ENTERTAIN with current, consistent, relevant titles available everywhere

Www.meridenlibrary.org November 2017 Meriden Public Library … · 2017-10-28 · neuroscience and a little storytelling, Greg will entertain and educate you on the magic of communica-

Www.meridenlibrary.org November 2017 Meriden Public Library … · 2017-10-28 · neuroscience and a little storytelling, Greg will entertain and educate you on the magic of communica-

A brief look at the Cayman Drama Society. The Cayman Drama Society is committed to staging quality live theatre to educate, enrich and entertain, while.

A brief look at the Cayman Drama Society. The Cayman Drama Society is committed to staging quality live theatre to educate, enrich and entertain, while.

before” - 3DCreative Mag · PDF fileIndustry experts discuss the current trends and concepts in animation art. “Animation can be used to inspire, educate, inform and entertain

before” - 3DCreative Mag · PDF fileIndustry experts discuss the current trends and concepts in animation art. “Animation can be used to inspire, educate, inform and entertain

. Entertain Inform Educate Blogs Sell Date Gamble Religion.

. Entertain Inform Educate Blogs Sell Date Gamble Religion.

“To entertain, inform and educate.” Still the Role of ... entertain... · “To entertain, inform and educate.” Still the Role of Public Television in the 1990s? ... only three

“To entertain, inform and educate.” Still the Role of ... entertain... · “To entertain, inform and educate.” Still the Role of Public Television in the 1990s? ... only three

Water tweetment: How personality can help public services better engage, educate, and entertain using social media

Water tweetment: How personality can help public services better engage, educate, and entertain using social media

The Shure Unidyne Microphone Storycdn.shure.com/publication/upload/538/us_pro_unidyne_ea.pdf · the globe are relying upon Shure products to communicate, entertain, and educate. ...

The Shure Unidyne Microphone Storycdn.shure.com/publication/upload/538/us_pro_unidyne_ea.pdf · the globe are relying upon Shure products to communicate, entertain, and educate. ...

November 2013 Volume 13, Issue 11… · region with high-quality theatre productions that educate, engage and entertain residents of all ages and perpetuate their appreciation of

November 2013 Volume 13, Issue 11… · region with high-quality theatre productions that educate, engage and entertain residents of all ages and perpetuate their appreciation of

EngineMge101 BOOK FINAL copy - Electroairelectroair.net/pdfs/engineManagement.pdf · The aim of this book is to entertain, educate and enhance the pilot’s, aircraft owner’s and

EngineMge101 BOOK FINAL copy - Electroairelectroair.net/pdfs/engineManagement.pdf · The aim of this book is to entertain, educate and enhance the pilot’s, aircraft owner’s and