WatchKit Workshop, Design for WATCH

32
The Workshop @benmorrow

description

WatchKit having just been released, this will be a lot of fun. We'll come together to learn what's possible on the Watch for some hands-on coding and design. We'll have some respected speakers from the Swift community. Doors open at 3:30pm and we’ll get started talking at 4pm sharp. Don’t be late :) We have a lot to teach! WatchKit Overview Session 40 mins Learn the things you can do with the WatchKit SDK and see the code that makes it possible. Glances and Notifications Session 40 mins Glances are page-based widgets that you can get to by swiping up from the bottom of the screen. Actionable Notifications provide push-based interaction. Design and layout for Apple Watch Session 40 mins Learn how design for the watch is different than the phone and get hands on practice using the new groups paradigm. Quick Start: Your First Apple Watch App 40 mins Build a WatchKit app with user interaction. Logic runs on the user's iPhone with the UI displayed on the Watch. That's a wrap! At the beginning and at the end we'll quickly have idea pitches for the hackathon. This will be a great chance to meet potential teammates and get thinking about what you'll build the next day. We'll have great food and drinks throughout the afternoon. Afterwards feel free to mingle. See you tomorrow at the Hackathon → What if I can't attend in person? No worries. Snag a Remote, Google Hangout ticket to the Hackathon and we'll send you the link to stream the sessions online.

Transcript of WatchKit Workshop, Design for WATCH

Page 1: WatchKit Workshop, Design for WATCH

The Workshop @benmorrow

Page 2: WatchKit Workshop, Design for WATCH

http://hackathon.watch/live

Streaming Video

Page 3: WatchKit Workshop, Design for WATCH

food, talking, restrooms Downstairs

Page 4: WatchKit Workshop, Design for WATCH

welcome & design Ben

glances & notifications Natasha

apps & advanced tips Jonathan

Page 5: WatchKit Workshop, Design for WATCH

design for WatchKit @benmorrow

Page 6: WatchKit Workshop, Design for WATCH
Page 7: WatchKit Workshop, Design for WATCH
Page 8: WatchKit Workshop, Design for WATCH
Page 9: WatchKit Workshop, Design for WATCH
Page 10: WatchKit Workshop, Design for WATCH

design for WatchKit @benmorrow

Page 11: WatchKit Workshop, Design for WATCH
Page 12: WatchKit Workshop, Design for WATCH

Hierarchical Page-based

Page 13: WatchKit Workshop, Design for WATCH
Page 14: WatchKit Workshop, Design for WATCH
Page 15: WatchKit Workshop, Design for WATCH
Page 16: WatchKit Workshop, Design for WATCH
Page 17: WatchKit Workshop, Design for WATCH
Page 18: WatchKit Workshop, Design for WATCH
Page 19: WatchKit Workshop, Design for WATCH
Page 20: WatchKit Workshop, Design for WATCH
Page 21: WatchKit Workshop, Design for WATCH
Page 22: WatchKit Workshop, Design for WATCH
Page 23: WatchKit Workshop, Design for WATCH
Page 24: WatchKit Workshop, Design for WATCH
Page 25: WatchKit Workshop, Design for WATCH
Page 26: WatchKit Workshop, Design for WATCH
Page 27: WatchKit Workshop, Design for WATCH
Page 28: WatchKit Workshop, Design for WATCH
Page 29: WatchKit Workshop, Design for WATCH
Page 30: WatchKit Workshop, Design for WATCH
Page 31: WatchKit Workshop, Design for WATCH

special thanks to

Apple &

Ray Wenderlich for the images

Page 32: WatchKit Workshop, Design for WATCH

design for WatchKit @benmorrow