Date post: | 19-May-2015 |
Category: |
Technology |
Upload: | raj-lal |
View: | 8,311 times |
Download: | 0 times |
For Digital Photo Frame
Two Thumbs User Interface
Rajesh Lal
Two Thumbs User Interface Design
Screen preview
The User Interface
Two Thumbs User Interface Design
Default View with Two thumbs Interaction in a touch screen interface
Why: A Photo frame is handled with two hands with two free thumbs
Two Thumbs User Interface Design
Benefits
1. Unobtrusive View
2. Best suited for Two thumbs
interaction
3. A Unique and Easy way to
browse options in a photo frame
4. Clean and Elegant design
Two Thumbs User Interface Design
FEATURES
1. Rotating Dial interface which can
accommodate up to 8 items
in a category
2. A Unique Tree
a) Each Left round button is a root
b) Multiple buttons in the right are the branch of the selected root
c) Left and Right triangle (Arrow) to go up and down in the tree
Two Thumbs User Interface Design
2 is selected which shows branches for 2 in the right
If 2 is settings 2a = albums, 2b=clock, 2c= calendar, etc
If 2 is an Album 2a = first picture in the album, and so on
Screen preview
1
2
3
4
2b
2c
2d
2a
Two Thumbs User Interface Design
1 = Left Arrow goes Up in the Tree
2 = Right Arrow goes Down in the Tree
1 2
EXAMPLE TREE
• Root = Settings
• Albums
• Album1
• Picture1
• Picture2
• Picture3
• Album2
• …
• Wi-Fi
• Wi-Fi 1
• Wi-Fi 2
• Clock
• Hour
• Minute
• Seconds
Two Thumbs User Interface Design
Grouped Interface for left thumb ONLY interaction
Two Thumbs User Interface Design
Grouped Interface for right thumb ONLY interaction
Two Thumbs User Interface Design
Grouped Interface for single finger interaction
Two Thumbs User Interface Design
Grouped Interface for single finger interaction
Thank You
Rajesh Lal http://ABCofDesign.com