Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WatchKit Setup & UI

Kotaro Fujita
February 14, 2015
Technology
0
96

WatchKit Setup & UI

Apple Watch is coming in April and the great thing is that we get an SDK to play with to get our apps ready for launch before then.

Kotaro Fujita

February 14, 2015
Tweet

More Decks by Kotaro Fujita

See All by Kotaro Fujita
Design Workshop
kotarofujita
0
43
Dev night
kotarofujita
0
44
HealthKit
kotarofujita
1
53
Sprite Kit: A game changer or wasted opportunity?
kotarofujita
0
30
Webviews
kotarofujita
0
35

Other Decks in Technology

See All in Technology
Databricks:『生成AI World Cup』のご案内
databricksjapan
1
120
0→1開発における技術選定において一番大切なこと
bicstone
1
310
シン・Kafka / shin-kafka
oracle4engineer
PRO
6
2.7k
Oracle Exadata Database Service on Cloud@Customer (ExaDB-C@C) - UI スクリーン・キャプチャ集
oracle4engineer
PRO
1
1.1k
20240416_devopsdaystokyo
kzkmaeda
1
170
Tebiki株式会社 エンジニア採用資料
tebiki
0
4k
コードを書く隙間を見つけて生きていく技術/Findy 思考の現在地
fujiwara3
23
4.6k
A (short) History of AI
harishpillay
0
100
「手動オペレーションに定評がある」と言われた私が心がけていること / phpcon_odawara2024
blue_goheimochi
1
310
PHP"オレ"カンファレンスの告知
ysknsid25
0
280
なぜ NOT A HOTEL が Web3 に取り組むのか - NOT A HOTEL TECH TALK
ynunokawa
0
160
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
13
35k

Featured

See All Featured
Visualization
eitanlees
135
14k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
Documentation Writing (for coders)
carmenintech
59
3.9k
Side Projects
sachag
451
41k
Building Adaptive Systems
keathley
29
1.8k
A Tale of Four Properties
chriscoyier
150
22k
How to train your dragon (web standard)
notwaldorf
71
5.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
74
41k
The Mythical Team-Month
searls
214
42k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M

Transcript

  1. WatchKit Setup & UI Kotaro Fujita @wild37

  2. None

  3. MAKE ALL THE APPS!

  4. None
  5. None
  6. None

  7. UI/UX Patterns

  8. • Personal • Holistic • Lightweight

  9. Ways We Interact With Apple Watch Glance Notification App

  10. Glances

  11. Notifications

  12. None

  13. Asset Apple Watch (38mm) Apple Watch (42mm) Notification center icon

    48 pixels 55 pixels Home screen icon Long look notification icon 80 pixels 88 pixels Short Look icon 172 pixels 196 pixels Icon & Image Sizes
  14. None

  15. FFFFFFFFF!

  16. Color & Typography & Branding

  17. Layout

  18. None

  19. Modals

  20. Context Menus

  21. None
  22. None

  23. Dats hot!

  24. None

  25. NO WEBVIEWS!

  26. None

  27. Examples

  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None

  35. Demo Time

  36. Resources • Apple WatchKit site(https://developer.apple.com/watchkit/) • nshipster (http://nshipster.com/watchkit/) • fast

    company (http://www.fastcodesign.com/3040936/how-your- favorite-apps-will-look-on-the-apple-watch? utm_campaign=This_Week_in_Swift_26&utm_medium=email&utm_s ource=This%2BWeek%2Bin%2BSwift#6)