Welcome to the second installment of the Re-imagining Apps for Ultrabook™ series. In our previous video, Touch Interfaces, we outlined the impact new input models have had on personal computing and walked through key design principles for touch. In today’s video, we’ll build on that foundation with a practical guide to touch targets. That is, how large we need to make our application controls and where should we place them on screen in order to optimize for touch.
We’ll not only talk about general guidelines but also look at a before and after design that converts a keyboard and mouse application to a touch-optimized interface. Our redesign will cover navigation, input controls, and generally aim to simplify the interface for touch. Of course, there’s much more to see in the video so please enjoy: Touch Targets.
Touch Target Resources
In the video I mention a number of resources that are listed below for quick access.
About the Series
The Re-imagining Apps for Ultrabook™ video series introduces new ways of thinking about the design and development of desktop applications and offers practical design advice to help developers take advantage of new opportunities in Intel's Ultrabook devices.
- Re-imagining Apps for Ultrabook™ (Part 1): Touch Interfaces
- Re-imagining Apps for Ultrabook™ (Part 2): Touch Targets
- Re-imagining Apps for Ultrabook™ (Part 3): Touch Gestures
- Re-imagining Apps for Ultrabook™ (Part 4): Location Detection
- Re-imagining Apps for Ultrabook™ (Part 5): Device Motion
About Your Host
Luke Wroblewski is an internationally recognized digital product leader who has designed or contributed to software used by more than 700 million people worldwide. He was co-founder and CPO of Bagcheck (acquired by Twitter in 2011), chief design architect at Yahoo! Inc., and is the author of three popular Web design books including his most recent: Mobile First. Luke is a contracted vendor with Intel; opinions expressed are his own and do not necessarily represent Intel's position on any issue.