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 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
Simplify Simplify Simplify
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