Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Designing for the Watch

Avatar for Ana Bangueses Ana Bangueses
December 13, 2014
Design
320
4

Designing for the Watch

Avatar for Ana Bangueses

Ana Bangueses

December 13, 2014

Other Decks in Design

See All in Design
Rondo 1 Minute Short Storyboard
Avatar for Rachel Poon rezaline
0
120
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
Avatar for Kenta Iwasaki iwaken71
0
170
From Desktop to Spatial Interfaces UX Design Implications of Evolving Interaction Paradigms
Avatar for h.crane hcrane
0
120
20260802東京都市大学オープンキャンパス授業
Avatar for Kimura Atsunobu a2k
0
110
このスロップ時代に良きデザインをつくるには？ / good-design-in-the-slop-era
Avatar for こぎそ / Shinichi Kogiso kgsi
1
1.1k
PLATEAUで白い街を作る
Avatar for aikautau aikautau
0
210
AVI 2026 Keynote "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
210
2026/8/20　Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり 〜リビングラボの事例を通じて〜
Avatar for Kimura Atsunobu a2k
0
110
Figmaを使わなくなった私が、最近していること
Avatar for めーら/Miki mela_dayo
0
120
明日から真似できる、AIでデザインシステムを活用する方法
Avatar for viviON vivion
0
880
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
Avatar for Findy findyinc
14
150k
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
320

Featured

See All Featured
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
4
4.4k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
970
Designing for Performance
Avatar for Lara Hogan lara
612
70k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8.1k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
280
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1.1k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
400
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
410

Transcript

  1. Designing for the Watch @anabangueses

  2. Personal Holistic Lightweight

  3. ‘ “

  4. Basics

  5. Screen sizes 38 mm Watch 42 mm Watch 340 px

    390 px 272 px 312 px

  6. Color Background color App’s key color Contrast

  7. Typography San Francisco

  8. Heart rate sensor Wifi and GPS Accelerometer Sensors & Location

  9. Interaction with the Watch

  10. Buttons Digital Crown Scroll Zoom Home button Siri Quick access

    to friends

  11. Screen Vertical swipe Horizontal swipe Tap Force touch Swipe from

    left edge

  12. Vertical swipe Horizontal swipe Tap Force touch Swipe from left

    edge Screen

  13. Vertical swipe Horizontal swipe Tap Force touch Swipe from left

    edge Screen

  14. Vertical swipe Horizontal swipe Tap Force touch Swipe from left

    edge Screen

  15. Vertical swipe Horizontal swipe Tap Force touch Swipe from left

    edge Screen

  16. What can we design for the Watch?

  17. Glances

  18. Glances

  19. ✱ Avoid irrelevant information ✱ Do not use it to

    facilitate the launching of your app Glances

  20. Notifications

  21. Short look Notifications

  22. Long look Notifications

  23. ✱ Don’t annoy the user with too many notifications ✱

    Focused and short title ✱ Add buttons for immediate actions Notifications

  24. Full apps

  25. Full apps Hierarchical structure Tap Tap

  26. Full apps Page based Swipe Swipe

  27. UI Elements

  28. Labels

  29. Images

  30. Groups Horizontal Vertical Nested

  31. Tables

  32. Buttons

  33. Switches

  34. Sliders

  35. Text input

  36. Modal

  37. Maps

  38. Icon and Image Design

  39. Icons

  40. Menu images

  41. @anabangueses Thanks!