designing mobile apps with html5 & css3

MOBILE APPS

HTML5 & CSS3

Designing

with

JOHANNES IPPENSenior Graphics Designer, Wooga

FLORIAN FRANKEInteractive Designer, made in

55.000

100.000

HTML5All made with …

No AppStore Cloud-based

Independent Easy

HTML5 ROCKT!

WEBSITES

APPSvs

Solve

Problems

Look &

Feel

Create

Experience

GOOGLE MAIL

SOUNDCLOUD

HOW TOdesign an app?

PROBLEMIdentify the

SITUATIONIn which

will the app be used?

STORYBOARDhelps you understand

WIREFRAMES& user flow

USABILITY

TEST

DON‘T TELL

SOLVEthe user what to do, let him

the problem

you are testing the App!

DON‘T TESTYOUR USER

what he does

to what the user wishes

DON‘T LISTEN

OBSERVE

HTML5CSS3

JAVASCRIPT

TOOLSdon‘t reinvent the wheel

BOOTSTRAP

ZEPTO.JS

JQUERY MOBILE

SENCHA TOUCH

WITH SHARKY!

HTML5ROCKT.DE@presskind

@ffranke1985,

www.madein.io

FUTUREA look into the

HTML5 IS HEREand it‘s here

TO STAY

WEB GLon mobile? Hell, yeah!

WEB RTC

MAINSTREAMyour grandma uses webapps, too.

HTML5 ROCKT!

HTML5ROCKT.DE@html5rockt

@presskind

www.asidemag.com

@ffranke1985

www.madein.io