Sketching for UX Designers - Boost UX work with pen & paper!
4.5 (57 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.
1,502 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Sketching for UX Designers - Boost UX work with pen & paper! to your Wishlist.

Add to Wishlist

Sketching for UX Designers - Boost UX work with pen & paper!

Learn how to boost your UX design workflow with sketching user interfaces, animations and storyboarding.
4.5 (57 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.
1,502 students enrolled
Last updated 4/2017
English
Current price: $10 Original price: $60 Discount: 83% off
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 59 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • By the end of the course, you will be able to sketch user interfaces, user flows, ui animations and storyboards.
  • You will understand that you don’t need any artistic skills, sketching is about generating and communicating ideas.
  • This course is also a great starting point for other areas of visual thinking, like graphic facilitation or sketchnoting.
View Curriculum
Requirements
  • There are no requirements necessary to enroll.
  • Whether you are a student, a beginner or a seasoned professional, improving your sketching skills is going to be a great addition to your workflow as a UX, UI or product designer.
Description

You will learn how you can boost your UX, UI or product design workflow with sketching.

The three main parts are

  1. Warming up and drawing basic shapes
  2. Sketching User Interfaces, User Flows and UI Animations
  3. Creating Storyboards.

Not only will I invite you to draw along with me throughout the course, I will also give you exciting exercises to quickly develop your skills.

You will be able to use your sketching skills in many more UX design or service design methods, like in creating Empathy Maps, User Journey Maps and Personas.

In addition, the course provides a great starting point for other areas of visual thinking, like graphic facilitation or sketchnoting, since in the section about Storyboarding I show you how to draw people, locations, objects, how to express process, use containers, color and effects, and so on.

Sketching skills are great for any product design process, but next to applying these skills in your professional workflow, you can improve your personal development as well for example by sketchnoting UX talks or podcasts.

Throughout the course I use pen and paper, so it won't provide you a complete workflow for using digitzier tablets for sketching, but I believe that almost everything I teach you can be applied for sketching on a tablet, so feel free to draw along with me or practice sketching with a digital tool.

Sketching is great because

  • this technique takes into account how our visual perception works - when we look at images, we understand them much faster than we read words;
  • it can reveal things we might have not seen before, connections we have not noticed;
  • it enables a mutual understanding;
  • it supports the fail fast approach;
  • it is a quick and cheap way to generate many ideas.

Important: This course is not about teaching how to use Sketch App by Bohemian Coding, but about sketching user interfaces with pen and paper!

Who is the target audience?
  • UX Designers
  • UI Designers
  • Product Designers
  • Service Designers
  • Web Designers
  • Anyone who wants to improve the workflow of creating digital products (apps, websites, systems)
  • This course is NOT for you if you want to learn Sketch App by Bohemian Coding
Curriculum For This Course
Expand All 36 Lectures Collapse All 36 Lectures 03:52:59
+
Introduction to Sketching for UX Designers
5 Lectures 21:17

Introduction to the Sketching for UX Designers course.

Preview 03:28

In this lecture I show you that everyone can draw!

Preview 03:12

This lecture is about the different keywords in the area of visual thinking

Visual Thinking
04:52

I talk about the advantages of sketching in general, then I tell you why this is an awesome skill for a UX designer.

Advantages for UX Designers
07:13

Before we start to actually draw, I tell you what tools you will need to prepare if you want to follow along with me.

Tools
02:32
+
Drawing Basic Shapes
3 Lectures 25:53

I show you how to warm up before sketching.

Warm-up
07:34

In this lecture I show you how to practice drawing basic shapes - lines, circles, triangles and rectangles are essential parts of the user interface sketches and storyboards!

Basic Shapes
14:20

I give you some tips, advices on how to practice your drawing skills, and how to build a habit around sketching.

Practice
03:59
+
Sketching User Interfaces & User Flows
12 Lectures 01:32:10

This lecture is a quick introduction to user interface sketching. 

In the following lectures, I show you

- how to sketch the different elements of a user interfaces

- how to annotate your sketches

- how to create user flows and sketch transitions.

Introduction to UI Sketching
03:37

When choosing the detail level of your sketches, you need to consider two things:

- Where are you at the UX design process

- Who is the audience of your sketch

What is your goal?
04:01

I show you how to indicate content and text in your UI sketches.

Sketching UI elements: Content & Text
04:26

This lecture is about sketching navigation and form elements.

Sketching UI elements: Navigation & Forms
08:52

In this lecture I show you how to draw icons, next to practical tips, I include the theory behind it as well.

Sketching UI elements: Icons
16:36

In this lecture I give you an exciting icon drawing exercise.

Sketching Icons Exercise
02:49

I talk about shading, and I tell you how to emphasize the most important parts of your sketch to direct your viewers attention.

Shading & Highlighting
08:01

In this lecture I give you tips on how to annotate your sketches to make them more comprehensible.

Annotations
05:23

I talk about how you can connect your individual sketches to create user flows!

User Flows
11:01

This lecture is about sketching transitions, user interface animations are powerful!

Preview 13:53

I give you three UI sketching exercises, and I also show you a low fidelity and a high fidelity UI sketch.

UI Sketching Exercises
10:11

I give you some advices on how to improve your UI sketches, and how to practice UI sketching next to the ways I have already told you.

UI Sketching Advices
03:20
+
Storyboarding: Theory & Practice
14 Lectures 01:19:12

In this lecture I introduce you to the exciting world of Storyboarding!

Preview 04:12

In this lecture I show you how to draw human beings, how to represent the users inside a Storyboard.

Storyboarding: People
09:41

In this lecture I show you how to draw locations.

Storyboarding: Location
03:53

In this lecture, we add something really human to our Storyboards: speech and thought bubbles.

Preview 04:45

Speech and thought bubbles are containers we use to express our characters’ thoughts and the things that they are saying. In this lecture, we gonna discuss other types of containers, and the ways you can apply them in your Storyboards.

Storyboarding: Containers & Frames
04:55

In this lecture, I talk about showing process inside your Storyboards.

Storyboarding: Process
03:36

In this lecture we discover the texts inside your Storyboards.

Storyboarding: Text
06:28

In this lecture, we sketch objects and concepts for your Storyboards, and I also give you an exciting exercise.

Storyboarding: Objects
08:02

I show you how to use color and effects inside your Storyboards.

Storyboarding: Color & Effects
04:05

In this lecture I create a Storyboard to show you how the different elements I showed in the previous lectures are coming together!

Storyboarding Example
06:45

This lectures about the main benefits of Storybaording, and the different goals of this method.

Storyboarding Theory: Benefits & Goals
04:11

This lecture is about the process of Storyboard-creation.

Storyboarding Theory: Process
05:48

I give you some advices on how you should construct your story, and sketch your Storyboard.

Storyboarding Theory: Advices
05:40

I tell you how and at which points of the UX design process you can use your Storyboards really effectively.

How to apply Storyboarding
07:11
+
Advices & Resources
2 Lectures 14:27

In this lecture I talk about two things: how to work on your sketching skills, and I also give you some more advices.

How to work on your Sketching skills
08:35

I give you some tips on how to participate in the visual thinker community, and share some resources with you.

Bonus Lecture: Participate & Discover - Resources
05:52
About the Instructor
Krisztina Szerovay
4.5 Average rating
54 Reviews
1,502 Students
1 Course

I'm Krisztina Szerovay, freelance UX designer. I come from a family of teachers and engineers, so the value of knowledge-sharing and designing complex systems have always been apparent to me. 

Teaching is not a profession for me, it is a passion, and I'm really grateful to have the opportunity to reach and help students from all over the world. If you have any questions, suggestions or feedback, please contact me! I believe that teaching itself is an ongoing learning process.

Next to UX design, I also do legal writing and research. I consider myself a generalist, I always utilize a multidisciplinary approach during my work, connecting the dots to achieve the best result possible.

István Szép
4.5 Average rating
701 Reviews
11,958 Students
11 Courses
Design teacher

I'm a graphic designer, illustrator and design teacher for more than 10 years. I create clever logos and cute illustrations, I like to inspire, share my knowledge and make people think and laugh!
I use Inkscape, an open source graphic design program in most of my design, and I was teaching this to my students too in a college in Budapest.
I am constantly sharing knowledge about design and life as a freelancer. I teach on Udemy since 2014 and work together with some of my friends now, to create better courses together by sharing my online teaching experience
Exploring new ways to create and sharing my knowledge is what I like the most - so don't be afraid to ask, I'm here to teach!.

Gergely Szerovay
4.5 Average rating
54 Reviews
1,502 Students
1 Course

I’m a freelance full-stack developer with more than 20 years of experience. I have been always interested in learning about the newest available technologies, and I love to get inspired by them. My goal with teaching is to show my findings and experiences, to provide solutions.

I’ve worked on a wide range of projects including frontend and backend web development, system administration, MS Office automation and data science.

If you have any questions (in connection with my courses or in general), don’t hesitate to ask, I have always been thinking about developers as a community of motivated peers.