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.3 (104 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.
2,340 students enrolled
Instructed by Pablo Stanley Design / Web Design
Free
Start Learning Now
  • Lectures 27
  • Length 1.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2015 English

Course 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.

What are the requirements?

  • Get the free prototyping tool Marvel App
  • Have a basic understanding of design to get started

What am I going to get from this course?

  • 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

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
01:55

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.

01:03

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

Section 2: Using the Apple Watch Human Interface Guidelines
01:30

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

00:48

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.

01:10

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

01:30

There are four different interactions with the apple watch

  • Action-based events
  • Gestures
  • Force Touche
  • Digital Crown
02:04

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.

4 questions

Super quick quiz!

01:35

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.

00:51

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.

01:11

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

00:35

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

00:31

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

01:36

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.

00:51

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.

6 questions

Let's test your knowledge so far :)

Section 3: Design and Prototype the Udemy App for the Apple Watch
00:57

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

01:58

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.

07:32

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

09:18

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

08:47

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

08:27

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

10:52

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

03:29

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

09:13

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

06:01

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

4 questions

Let's see how good you've got!

Section 4: Creating your prototype for the Apple Watch
03:24

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

12:04

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

03:07

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

Let's test that big brain of yours
3 questions
Section 5: Design a Messaging App for the Apple Watch (Available in May 2015)

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Pablo Stanley, 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”.

Ready to start learning?
Start Learning Now