21
Designing for Mobile Designing for Mobile Garth Braithwaite Garth Braithwaite

Designing for mobile

Embed Size (px)

DESCRIPTION

I gave this session at Flash Camp 11 in San Francisco

Citation preview

Page 1: Designing for mobile

Designing for MobileDesigning for MobileGarth BraithwaiteGarth Braithwaite

Page 2: Designing for mobile

Show and TellShow and TellSomething you loveSomething you love

On your personOn your person

Not your phoneNot your phone

Hold it upHold it up

Page 3: Designing for mobile

Who are you?Who are you?DevelopersDevelopers

DesignersDesigners

ManagersManagers

Page 4: Designing for mobile

Where do you work?Where do you work?FreelanceFreelance

In houseIn house

AgencyAgency

ProductProduct

Page 5: Designing for mobile

Who am I?Who am I?Senior Experience Designer (Adobe XD)Senior Experience Designer (Adobe XD)

Podcast Host (RIA Radio) (Nerd Radio)Podcast Host (RIA Radio) (Nerd Radio)

Co Author (Flex 4 Cookbook)Co Author (Flex 4 Cookbook)

Twitter (@GarthDB)Twitter (@GarthDB)

Page 6: Designing for mobile

Designing for MobileDesigning for Mobile

Page 7: Designing for mobile

Designing for MobileDesigning for MobileMobile MythMobile Myth

Walking the LineWalking the Line

Be Your UserBe Your User

TEST TEST TESTTEST TEST TEST

Page 8: Designing for mobile

Mobile MythMobile Myth

Page 9: Designing for mobile

Mobile MythMobile MythDeploy EverywhereDeploy Everywhere

Multi-Platform DevelopmentMulti-Platform Development

Libraries (BFF)Libraries (BFF)

Multi-Platform DesignMulti-Platform Design

Visual Style GuideVisual Style Guide

Not CSS (kinda)Not CSS (kinda)

Page 10: Designing for mobile

Mobile RealityMobile RealityScreen SizeScreen Size

Screen ResolutionsScreen Resolutions

HardwareHardware

Page 11: Designing for mobile

Mobile Myth ConclusionMobile Myth ConclusionDon't ever honestly say or thinkDon't ever honestly say or think

design/develop once deploy everywheredesign/develop once deploy everywhere

Unless you need to coax a manager to letUnless you need to coax a manager to letyou make an appyou make an app

Page 12: Designing for mobile

Walking the LineWalking the LineBrand you app to be yoursBrand you app to be yours

READ: different from every other app outREAD: different from every other app outtherethere

Page 13: Designing for mobile

Walking the LineWalking the LineBe familiarBe familiar

READ: like the OS people have come to loveREAD: like the OS people have come to love

Page 14: Designing for mobile

Be Your UserBe Your UserEmpathyEmpathy

Page 15: Designing for mobile

Be Your UserBe Your UserSpend time with platformSpend time with platform

Talk with the userTalk with the user

Spot annoyancesSpot annoyances

Page 16: Designing for mobile

TEST TEST TESTTEST TEST TESTEmulatorEmulator

On devicesOn devices

PrototypePrototype

Paper prototypePaper prototype

Page 17: Designing for mobile

TEST TEST TESTTEST TEST TESTEmulatorEmulator

Simple solutionSimple solution

Inherently flawedInherently flawed

Hardware inconsistencyHardware inconsistency

Touch gesturesTouch gestures

SizeSize

Page 18: Designing for mobile

TEST TEST TESTTEST TEST TESTOn DevicesOn Devices

LiveView ScreencasterLiveView Screencasterhttp://www.zambetti.com/projects/liveview/http://www.zambetti.com/projects/liveview/

Page 19: Designing for mobile

TEST TEST TESTTEST TEST TESTPaper PrototypePaper Prototype

Page 20: Designing for mobile

ConclusionConclusionEfficient workflows != ShortcutsEfficient workflows != Shortcuts

You are goodYou are good

You want to make good stuffYou want to make good stuff

Page 21: Designing for mobile

Fin.Fin.