Hello, my name is Pablo Stanley and I want to teach you how to design beautiful and functional apps for the Apple Watch.
The Apple Watch is the most hyped product of the year and it's on track to be in the hands of more than 25 million people. Take this course to prepare yourself to design smooth experiences and beautiful interfaces in less than a couple of hours.
In this course, we'll go through the Apple Watch Human Interface Guidelines so we can understand the themes, anatomy, actionable notifications, glances, animations, and general interface principles.
I'll teach you how to think for the Apple Watch using simplicity and functionality. Stripping down an app to its core benefits and write user stories around it. After that, we'll design three different apps: a music player, a messaging platform, and a Udemy app for the apple watch.
And that's not all. Once our designs are ready, we'll create interactive prototypes to test our creations.
What makes me a good teacher?
Who is this class for?
So, are you excited? Let's do this.
The apple watch is the most hyped gadget of this year. It has all-new interactions and technologies. They let you do familiar things quicker and easier. Using it is a whole new adventure, one that's more personal than ever, and I want to teach you how to design for those kind of experiences.
Let's setup your Udemy user preferences super quick so you can enjoy multi-speed on your video and closed captions!
When designing for an app that exists on your phone, think about the key function of that app, what people want to use the most. How can that function be used specifically on the watch. How can you strip that function back to the bare-bones so that people want to use the Apple Watch app more than the iPhone app itself
Create buttons that span the width of the screen. Full-width buttons are strongly encouraged. If you must put more than one button in the same horizontal space, limit the total number of buttons to two.
Match button heights whenever possible. If you have multiple buttons onscreen together, use the same height for each.
Learn how color helps provide visual continuity and branding for your app.
There are four different interactions with the apple watch
Before designing for the apple watch we have to understand their three core concepts. An app for the apple watch is Personal, Holistic and Lightweight.
Super quick quiz!
WatchKit apps support two navigation methods by hierarchy and Page-based. You cannot combine hierarchical and page-based interface styles. At design time, you must choose the style that best suits your app's content and design for that style.
Viewed together, glances are a browsable collection of timely and contextually relevant moments from the wearer's favorite apps. Individually, a glance is a quick view of your app's most important content.
Apps display the same interface on all sizes of Apple Watch. Learn to use relative positioning for different layouts.
Learn how beautiful, subtle animation flows through the Apple Watch and makes the experience more engaging and dynamic for the user.
When designing your layout, use relative sizing and spacing options so that items expand or contract naturally to fill the available space.
Learn how to use typography on an Apple Watch. Above all, text must be legible. If users can't read the words in your app, it doesn't matter how beautiful the typography is.
Learn to user contextual Menus. A force touch gesture on the Apple Watch displays the current screen's context menu, Menus store relevant actions for the current screen without taking away space from your interface.
Let's test your knowledge so far :)
Understand what are the core benefits and features of the Udemy app. We want to keep it minimal but powerful.
Create user stories before designing your app. User stories are short, simple description of a feature told from the perspective of the person who desires the new capability.
Let's setup your files, software and computer. You need to download the resources!
Let's create our first screens, the welcome and logo.
Let's add a list of the courses the student is taking. Learn to add scrollable lists in a screen.
Create a different kind of scrollable list where you can see the curriculum inside a course.
Let's create our video player UX following our user stories.
Add a context menu activated by force push on the apple watch with two rows of buttons with icons.
Create the user flow to record a note on your apple watch
Let's tidy up all the details on your file and export the png screens to use on Marvel.
Let's see how good you've got!
Sign in to Marvel app and learn how you can create your first UX prototype project.
Link images on your apple watch prototype by adding hot spots with transitions and gestures.
Test your prototype on an Apple Watch render on your screen.
Hello, I'm Pablo Stanley. I'm a San Francisco based product designer. I'm the designer and cofounder of a healthcare startup in San Francisco called Carbon Health. I love solving design puzzles, making silly illustrations, composing geeky music, creating colorful animated gifs, munching veggie burgers, and writing punny comics.
Mentoring is one of my new found passions. I want to learn and teach as much as I can and Udemy is the best platform for it.
I also write a comic series called “The Design Team”.