HTC Touch Diamond — Case Study
Product Design | HTC, Mobile 
The HTC Touch Diamond™ featured a unique touch-based 3D user interface called TouchFLO 3D. This interface allowed users to interact directly with the content on their device, and view information in visually rich, animated presentations. The main content areas included; Home clock, People, Messages, Email, Internet, Photos, Music, Setting and Programs.
A Revolutionary 3D Interface Design
The creative approach to this interface was to allow the user to interact directly with content as they would in the real world — flipping through CDs at a record store, spinning through contacts in a roladex, or shuffling through pages of mail.
This tactile interaction was a key element of the design, and created a unique opportunity for rich animated feedback. For example, as the user drags up or down on their contacts, the interface visully responds by rotating the rolodex carousel of people. In Messages, as the user flicks up or down, the lines of text come apart and flutter away like the words in a conversation. This tactile experience was continued in Music, where the user could flip through album art as they would flip through as stack of CDs.
Rich Animated Visuals
Another key feature of the design was the use of rich animated visuals. One of the most fun and innovative was the varitey of different weather graphics and animations. For rainy conditions, the user would see the cloud graphics gather and rain start to fall. Then drops would 'stick' to the inside of their screen, and shortly be cleared by a 'virtual' windshiled wiper. In sunny conditions, the clouds would part and the sun graphic would shine though. When the displayed weather condition temperature dropped below freezing, 'virtual frost' would gather at the corners of the screen.
Innovative Sliding Tab Navigation
The main navigation of the device featured a prominent 'tab' at the bottom of the screen, that could slide back and forth to select each major content section. As the tab slid across the screen, the content icons would slide in the opposite direction.
This unique innovation created the opportunity to present more nav items that the space would normally allow. Rather than being confined to the visual width of the screen, the navigation could be much more extensible. In addition, by positioning the main navigation control slider at the bottom of the screen, the user was ergonimcally situated to navigate the device one-handed.
Animated overview of HTC Touch Diamond User Experience
TouchFLO 3D™ Success
The innovative and engaging user experience of TouchFLO 3D™ helped make the Touch Diamond™ one of the most successful products in HTC history — and has paved the way for future innovative devices.
Reader Comments (5)
Most astonishing work. I just bought an HTC Diamond and was wondering who the designer of the graphics was and then as I am reviewing SquareSpace, there you are.
By the way how has SquareSpace been to work with, I'm curious.
Thanks
Eric
Thanks Eric...hope you're enjoying your Diamond. Squarespace is fantastic...I highly recommend it.
love this post.... great one
love this ...great job thanks for the information....love it
Excellent work. Thanks for posting nice case study about htc touch phones. Really, it had good stuff of information and knowledge. This could help research students.