Apple Watch UX: Design Beautiful UI and User Experiences
4.6 (150 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,444 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Apple Watch UX: Design Beautiful UI and User Experiences to your Wishlist.

Add to Wishlist

Apple Watch UX: Design Beautiful UI and User Experiences

Learn how to design and prototype smooth user experiences and beautiful interfaces for the Apple Watch in less than 2hrs
4.6 (150 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,444 students enrolled
Created by Pablo Stanley
Last updated 4/2015
English
English
Price: Free
Includes:
  • 1.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Design smooth user experiences for the Apple Watch
  • Quickly learn the Apple Watch Human Interface Guidelines
  • Design apps for the Apple Watch from scratch
  • Create user stories for the Apple Watch and design with them
  • Create an interactive prototype for the Apple Watch
View Curriculum
Requirements
  • Get the free prototyping tool Marvel App
  • Have a basic understanding of design to get started
Description

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?

  • Over 2,000 other students have already enjoyed two highly rated Udemy courses
  • Keeping the course engaging and relevant so you can have fun taking it is my main priority.
  • More than 15 years of experience in Design.
  • I just freaking love Design. It's my passion and I want to pass along my love for it.

Who is this class for?

  • Beginners welcome! No programming experience required. I want you to quickly understand the basics and get practicing.
  • Creators. Makers. People who want to design apps. I will be teaching you how to design and prototype apps that you can share and play with.
  • UX and Mobile Designers who are new to Apple Watch and want to design for the Apple Watch like a boss.
  • Freelancers and career development professionals who want to earn money via contract work, consulting or full-time employment.
  • Entrepreneurs who have the next big idea for an app but want to first see how it feels and show it to potential partners

Roadmap:

  • Music App Design section available in May 2015
  • Messaging App Design section available in May 2015

So, are you excited? Let's do this.

Who is the target audience?
  • This is a fun and quick course for people wanting to get in on Apple's latest product
  • UX and Mobile designers looking to improve their skills
  • Graphic Designers that want to get on the product design game
  • Product Managers trying to understand the principles to create apps for the Apple Watch
Students Who Viewed This Course Also Viewed
Curriculum For This Course
27 Lectures
01:42:19
+
Introduction
2 Lectures 02:58

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.

Introduction to this course
01:55

Let's setup your Udemy user preferences super quick so you can enjoy multi-speed on your video and closed captions!

Setting up your Udemy Preferences for 2x Speed and Closed Captions
01:03
+
Using the Apple Watch Human Interface Guidelines
12 Lectures 14:12

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

Introduction to the Apple Watch
01:30

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 to use Buttons
00:48

Learn how color helps provide visual continuity and branding for your app.

Color
01:10

There are four different interactions with the apple watch

  • Action-based events
  • Gestures
  • Force Touche
  • Digital Crown
User Interactions
01:30

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.

Designing for the Apple Watch
02:04

Super quick quiz!

Let's test that big brain of yours
4 questions

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.

Navigation Styles for the Watch
01:35

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.

Glances
00:51

Apps display the same interface on all sizes of Apple Watch. Learn to use relative positioning for different layouts.

Layout
01:11

Learn how beautiful, subtle animation flows through the Apple Watch and makes the experience more engaging and dynamic for the user.

Animations on the Apple Watch
00:35

When designing your layout, use relative sizing and spacing options so that items expand or contract naturally to fill the available space.

Screen Sizes
00:31

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.

Typography
01:36

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.

Contextual Menus
00:51

Let's test your knowledge so far :)

Let's see how good you got!
6 questions
+
Design and Prototype the Udemy App for the Apple Watch
10 Lectures 01:06:34

Understand what are the core benefits and features of the Udemy app. We want to keep it minimal but powerful.

Introduction to designing your first app for the Apple Watch
00:57

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.

Create user stories for your design
01:58

Let's setup your files, software and computer. You need to download the resources!

Quick setup of your document and computer
07:32

Let's create our first screens, the welcome and logo.

Logo and Welcome screen
09:18

Let's add a list of the courses the student is taking. Learn to add scrollable lists in a screen.

Screen for a list of your courses
08:47

Create a different kind of scrollable list where you can see the curriculum inside a course.

List of lectures in course (curriculum)
08:27

Let's create our video player UX following our user stories.

Video Player Controls Screen
10:52

Add a context menu activated by force push on the apple watch with two rows of buttons with icons.

Contextual Menu by Force Push
03:29

Create the user flow to record a note on your apple watch

User Flow for Recording a Note
09:13

Let's tidy up all the details on your file and export the png screens to use on Marvel.

Finishing up your design
06:01

Let's see how good you've got!

Let's test what you've learned
4 questions
+
Creating your prototype for the Apple Watch
3 Lectures 18:35

Sign in to Marvel app and learn how you can create your first UX prototype project.

Introduction to Marvel App and Creating your Project
03:24

Link images on your apple watch prototype by adding hot spots with transitions and gestures.

Starting your Prototype adding gestures and transitions
12:04

Test your prototype on an Apple Watch render on your screen.

Testing your Prototype
03:07

Let's test that big brain of yours
3 questions
+
Design a Messaging App for the Apple Watch (Available in May 2015)
0 Lectures 00:00
About the Instructor
Pablo Stanley
4.4 Average rating
2,963 Reviews
41,118 Students
7 Courses
Product Designer

Hello, I'm Pablo Stanley. I'm a San Francisco based product designer. 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”.