Designing for Multiple Platforms

One size does NOT fit all.

A Platform is“…a framework on which applications

may be run”

Websites vs Apps and

Desktop vs Phone Phone vs Tablet

Tablet vs Desktop

Websites vs

Webapps

Websites vs WebappsWebsites copy, then layout

Focus is on finding information.

Webapps tasks, goals, etc

Focus is on accomplishing task.

Context is…“…the circumstances that form the setting

for an event…”

Context could be• Body orientation

• Distractions

• Screen size

• Input device

• Desired experience

• Mental state

• others…

Tackling design for all these situations

1. Define which is best, a website or app.

2. Figure out who are your users.

3. Research how they will they be interacting with

your “thing”.

4. Determine what is the best device fit for your

“thing”.

5. Follow guidelines and best practices for your

platform

Create a fluid design.

Simplify Simplify Simplify

Mobile first

How does this all impact your career?

Archive of Resources

1. Android design guidelines: http://developer.android.com/index.html

2. iOS design guidelines: https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html

3. iOS iPhone 6 down sampling information: http://www.paintcodeapp.com/news/iphone-6-screens-demystified