Apple Watch UI Elements
Download as PPTX, PDF1 like503 views
This document provides guidelines for designing user interface elements for the Apple Watch, including labels, images, groups, tables, buttons, switches, sliders, maps, date labels, timer labels, and menus. Key recommendations include sizing images and elements appropriately for the 38mm and 42mm watch displays, using groups to arrange content horizontally and vertically, limiting tables to about 20 rows, creating full-width buttons, and including labels and icons to clarify menu actions.
Apple Watch UI Elements
- 1. Apple Watch UI Elements HappyMan 2015/5/20
- 2. Labels • Focus first on legibility.
- 3. Images • Size images for 38mm and 42mm displays, respectively. • Create images at 2x resolution.
- 4. Groups • Use groups to arrange items horizontally or vertically. • Nest groups to mix horizontal and vertical content.
- 5. Tables • Use row types consistently. • Limit the number of table rows to about 20. • Don’t embed tables inside groups.
- 6. Buttons • Create buttons that span the width of the screen. • Use the same height for vertical stacks of one- and two-line text buttons.
- 7. Switches • Choose between two mutually exclusive choices or states, such as yes/no.
- 8. Sliders • Use custom images to communicate what the slider does.
- 9. Maps • Size the map element to fit the screen.
- 10. Maps • Configure the displayed map region to be the smallest area that encompasses the points of interest.
- 11. Date Labels • Date labels display real-time values on Apple Watch.
- 12. Timer Labels • Timer labels display real- time values on Apple Watch.
- 13. Menus • Include a menu when the current screen has relevant actions. • Use a label and an icon to convey the purpose of each menu action.
- 14. Reference • UI Elements - Apple Watch Human Interface Guidelineshttps://developer.apple.com/watch /human-interface-guidelines/ui-elements/
- 15. Happy End Feel free to Share if you Like :D cg2010studio.wordpress.com