Ever wanted to learn how to design for the vast mobile device market? In the course, Ryan Quintal will teach us the basics of Mobile Design and take rough concept sketches through to polished designs for mobile websites or apps. Along the way, you’ll learn about planning usability, human interface guidelines, wireframing, and more. This course requires a basic understanding of HTML & CSS. Let’s start learning!

Note: This course will focus on the planning and design practices of creating a mobile product. For development practices, see our web development courses.

Content

Welcome 3m 43s
Course Overview and Objectives 1m 26s
The Mobile Revolution? Why mobile? 2m 17s

Mobile Usability 23m 48s
Capabilities and Constraints 2m 28s
Understanding Ergonomics 2m 1s
Human Interface Guidelines (HIG) 2m 36s
Planning your mobile app or website 1m 59s
Wire-framing your mobile app/website 14m 44s

Designing a mobile website 54m 15s
Why a mobile website and not an app? 2m 28s
Responsive Web Design for Mobile 4m 37s
Designing your mobile pages 25m 32s
Introduction to Webkit 7m 25s
Media Queries in CSS 14m 13s

Designing a mobile app 33m 45s
Why a mobile app and not a website? 2m 5s
Designing your mobile app 12m 40s
Creating immersive experiences 2m 24s
Your App Icon and Brand: Part One 11m 2s
Your App Icon and Brand: Part Two 5m 34s

Wrapping up 2m 22s
Working with Tablets 1m 11s
Outro / Thank you 1m 11s
Quiz

DOWNLOAD