How to design for mobile and multi-device usage?
Summaries and Questions
Nov 19 Class One-Minute Summaries
Weekly Quiz
No weekly review quiz.
Presented Slides
Mobile and Multi-device Design | PDF (Propose Changes to these Slides on SFU GitLab)
Handouts
One-Page Touch Interaction Design Checklist
Responsive Web Design Sketch Sheets
Suggested Reading
Supplemental Readings
Designing for Touch
How to make applications and website touch optimized.
- Design for Fingers, Touch, and People, Part 3.
- Hover is dead. Long live hover.
- Responsive Navigation: Optimizing for Touch Across Devices
- The Pursuit of Tappiness
- The Cost of a Touch
- The Thumb Zone: Designing For Mobile Users
- Touch interaction design (Windows Store apps)
Intrinsic Web Design
A technique where individual web pages have both fluid columns and rows.
- A Sneak Peek At Intrinsic Web Design
- Everything You Know About Web Design Just Changed
- Intrinsic Web Design: Everything You Need to Know
Mobile and Multi-device Web Design
How to more effectively design and build for mobile and multi-device usage.
- 8 rules of mobile design
- Design for Every Screen
- Designing Exceptional Mobile Experiences
- Eight Tips to Make Your First Mobile Design a Success
- Mobile first: Insights from going mobile only
- Framework for Designing for Multiple Devices
- The Hamburger Menu Doesn’t Work
- Think Again: Assumptions About Mobile To Reconsider
- Tools for Mobile UX Design
Responsive Web Design
A technique where individual web pages automatically adjust to various screen sizes.
