by Luke Wroblewski | Publisher: O'Reilly Media, Inc. | Release Date: August 2011 | ISBN: 9781449314408

What happens when people use a smartphone to connect with your website or application? Are they delighted or frustrated? With more than a million touch-screen phones shipping every day, it's vital that you design your site to appeal to the mobile crowd. In this video workshop, Luke Wroblewski shows you design best practices that include the organization, actions, inputs, and layout necessary to deliver a satisfying experience to people with modern mobile devices. Through numerous examples, you'll learn how to::Use “content first/navigate second” organizational structures optimized for small screens and mobile use casesDesign for touch interactions with appropriate targets and gesturesConstruct forms and input fields to make input on mobile easier and more frequentManage layouts across multiple devices with ruthless editing, device classes, and responsive/flexible designsThat's just a sample of what you'll learn with this video. Armed with these design best practices and principles, you can make sure people have a great mobile web experience whenever they visit your site.

1. Why Care about Mobile? 00:12:32
2. Why Care About Mobile Web Experiences 00:16:13
3. Mobile Capabilities 00:13:02
4. Mobile Constraints 00:14:02
5. Aligning with Mobile Behaviors 00:09:38
6. Navigation Elements 00:20:56
7. Designing for Touch Targets 00:13:58
8. Designing with Touch Gestures 00:16:33
9. Cover Hovers 00:11:01
10. Embrace Mobile Input 00:06:20
11. Mobile Form Structures 00:11:37
12. Asks 00:16:17
13. Designing for Different Devices 00:22:50
14. Viewports and Pixels 00:14:14