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

  • Overview
  • Curriculum
  • Instructor
  • Review

About This Course

Learn how to boost your UX design workflow with sketching user interfaces, animations and storyboarding.

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


Last update: 25th January 2023 - 4 new files added (UI sketching and Storyboarding Pro Tips posters)

Update:  16th November 2019 - new lecture added: 12 Benefits of Sketching for UX - a summary

Update: 17th October 2017 - new course material added: the Sketching for UX Designers WORKBOOK (24-page long, filled with useful sketching exercises)

Update: 5th June 2017 - new section added: a 40-minute long sketching practice activity through the different Gestalt principles.


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!

Course update log:


Updated on the 17th October 2017: new course material (workbook)

Updated on the 5th June 2017: new section

Released on the 15th April 2017

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

Course Curriculum

3 Lectures

Instructors

Profile photo of István Szép
István Szép

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

Instructors

Profile photo of Krisztina Szerovay
Krisztina Szerovay

I'm Krisztina Szerovay, lead product designer with 10+ years of professional experience. 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...

Instructors

Profile photo of Gergely Szerovay
Gergely Szerovay

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

Review
4.9 course rating
4K ratings
ui-avatar of Rumana Aafrin
Rumana A.
4.5
7 months ago

Ofcourse, i learnt a lot, especially creatinve thinking of the objects and come up with a neat solution!

  • Helpful
  • Not helpful
ui-avatar of Diana Borbon
Diana B.
5.0
8 months ago

It is a good, simple and straightforward class.

  • Helpful
  • Not helpful
ui-avatar of Himanshu Kapoor
Himanshu K.
5.0
8 months ago

This is something I always wanted to learn. I have seen random videos on YouTube but never got hang of sketching. This course so far is helping me scribble and draw the ideas.

  • Helpful
  • Not helpful
ui-avatar of Dhyey Shah
Dhyey S.
5.0
8 months ago

I would love to see a section where we sketch a complex app/SaaS or something end-to-end. First with low fidelity and then in high fidelity. That would thoroughly teach us to do sketches with proper product thinking

  • Helpful
  • Not helpful
ui-avatar of Michel Boot
Michel B.
4.5
8 months ago

It was great and possible to follow/sketch along during the videos or pause them as indicated.
Great insights in where and how sketching can add value.

  • Helpful
  • Not helpful
ui-avatar of Fabio Esposito
Fabio E.
5.0
9 months ago

Great course; I did have to rush at the end as our employers Udemy membership will run out soon; but will take a look at your newsletter and website.

  • Helpful
  • Not helpful
ui-avatar of Anand Detroja
Anand D.
5.0
9 months ago

ok

  • Helpful
  • Not helpful
ui-avatar of Seb Agudelo
Seb A.
5.0
9 months ago

Easy to follow and interactive. I have enjoyed this journey into UX Sketching.

  • Helpful
  • Not helpful
ui-avatar of Niveditha Rk
Niveditha R.
3.5
10 months ago

good understand

  • Helpful
  • Not helpful
ui-avatar of Uma Maheswari B
Uma M. B.
5.0
11 months ago

Good to know sketching

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses