Cross platform design

Cross-Platform Mobile DesignWhat makes your app, your app

Neil Cadsawan - Nov. 2011

Wednesday, November 16, 11

First Things First

HTML5 is the best choice almost every time.


First Things First

HTML may be the better choice for many apps.





HTML or Native?





When Not to Use HTML?


Games


Utility


Learning


iOS, Android, WP







iPhone vs. iPad










How to Approach the Design?


• iOS Human Interface Guidelines

• Android Interface Guidelines

• Windows Phone Design Guidelines


http://developer.apple.com/library/ios/%23documentation/userexperience/conceptual/mobilehig/AppDesign/AppDesign.html%23//apple_ref/doc/uid/TP40006556-CH19-SW1

http://developer.apple.com/library/ios/%23documentation/userexperience/conceptual/mobilehig/AppDesign/AppDesign.html%23//apple_ref/doc/uid/TP40006556-CH19-SW1

http://developer.android.com/guide/practices/ui_guidelines/index.html

http://developer.android.com/guide/practices/ui_guidelines/index.html

http://msdn.microsoft.com/en-us/library/hh202900(v=VS.92).aspx

http://msdn.microsoft.com/en-us/library/hh202900(v=VS.92).aspx

Brand & Vision

Functionality


Brand & Vision

Experience

Functionality


Brand & Vision

Experience

Capability


Brand & Vision

Experience

Capability

Functionality


Brand & Vision

Experience

Capability

Functionality

Platform & DeviceWednesday, November 16, 11

Brand & Vision

Experience

Capability

Functionality

Platform & DeviceWednesday, November 16, 11

Know the Platforms


Be True To Your Vision


The Experience of Your App Defines

Your Brand


How to document?


You Decide


• Map out the flow of content, not flow of screens

• Design in terms of interaction with content first, then consider platform functionality

• Allow for platform/device functionality to offer unique experiences

• Learn from interactions in one platform and use them on another


Thank You

Neil Cadsawan@rainer3


Technology

Cross platform design