Designing for mobile

Post on 19-Nov-2014

600 views 0 download

Tags:

description

I gave this session at Flash Camp 11 in San Francisco

Transcript of Designing for mobile

Designing for MobileDesigning for MobileGarth BraithwaiteGarth Braithwaite

Show and TellShow and TellSomething you loveSomething you love

On your personOn your person

Not your phoneNot your phone

Hold it upHold it up

Who are you?Who are you?DevelopersDevelopers

DesignersDesigners

ManagersManagers

Where do you work?Where do you work?FreelanceFreelance

In houseIn house

AgencyAgency

ProductProduct

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)

Designing for MobileDesigning for Mobile

Designing for MobileDesigning for MobileMobile MythMobile Myth

Walking the LineWalking the Line

Be Your UserBe Your User

TEST TEST TESTTEST TEST TEST

Mobile MythMobile Myth

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)

Mobile RealityMobile RealityScreen SizeScreen Size

Screen ResolutionsScreen Resolutions

HardwareHardware

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

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

Walking the LineWalking the LineBe familiarBe familiar

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

Be Your UserBe Your UserEmpathyEmpathy

Be Your UserBe Your UserSpend time with platformSpend time with platform

Talk with the userTalk with the user

Spot annoyancesSpot annoyances

TEST TEST TESTTEST TEST TESTEmulatorEmulator

On devicesOn devices

PrototypePrototype

Paper prototypePaper prototype

TEST TEST TESTTEST TEST TESTEmulatorEmulator

Simple solutionSimple solution

Inherently flawedInherently flawed

Hardware inconsistencyHardware inconsistency

Touch gesturesTouch gestures

SizeSize

TEST TEST TESTTEST TEST TESTOn DevicesOn Devices

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

TEST TEST TESTTEST TEST TESTPaper PrototypePaper Prototype

ConclusionConclusionEfficient workflows != ShortcutsEfficient workflows != Shortcuts

You are goodYou are good

You want to make good stuffYou want to make good stuff

Fin.Fin.