Design Thinking
Add to favorites
Solving problems with Design Thinking
![icon](http://images.ctfassets.net/ooa29xqb8tix/sHolxYPkMQO1gT5u6Aycp/bea05ce2b4fa806b7ede7a9d9dc16375/UXlogo.png?w=400&q=50)
UX Design Handbook
1
Design Thinking
7:36
2
Lean UX
6:10
3
What is UX Design?
8:29
4
UX Research
5:52
5
Qualitative Research
4:17
6
Quantitative Research
6:19
7
Heuristic Evaluation
2:24
8
UX Writing
10:52
9
User Personas
9:49
10
User Journey
23:03
11
Usability Metrics
7:05
12
Usability Review
5:17
13
UX Terminology
2:05
14
Wireframing
1:23
15
SEO
2:09
16
Readability and Legibility
1:52
17
Top skills that make a great UX'er
2:33
18
Card Sorting
1:35
19
Analytics
1:50
20
User Flow
2:33
A successful and meaningful idea
You need to consider three aspects if you want your idea to be meaningful and successful: Feasibility, Desirability and Viability. The solution needs to improve people's life in some manner, but at the same time it needs to be feasible and make business sense.
Phases of design thinking process
The design thinking process has five steps, which empathize and answer questions like: Who you are designing for? What their needs are? This process wants to solve the problem from the customer's point of view. Building a solution from each other's ideas inside the team. This will allow you to provide solutions from different point of views while taking into account different disciplines.
Incorporate human behavior into design
The end goal for the design thinking process is that the solution leads to innovation, putting empathy and collaboration as the main focus for the final solution. ABC Nighttime made a great segment about IDEO's design thinking process for when they needed to re-design a shopping cart. It is really worth a watch.
Technology and liberal arts
Stanford University was one of the pioneers when it comes to promoting the design thinking program: a design process focus in the human approach to tackle problems through design. Steve Jobs was a big advocate for this process and the mix of technology and liberal arts for all Apple products.
IDEO
We cannot talk about design thinking without talking about Dave Kelley from IDEO. Dave Kelley worked closely with Steve Jobs. He was the one who designed the computer mouse for Apple among some other revolutionary products. There is a great video where you can see Dave Kelly and IDEO in action.
Workshops
Workshops is a plugin for Figma that allows you to create and add post-it notes. It even comes with a countdown timer that will help you manage the time your team will spend working on the design process.
Prioritization matrix UX Design exercises
Part of the design thinking process is to classify the ideas we are proposing as solutions between feasibility and importance. We will use a prioritization matrix to filter our ideas. For this, we will use the workshops plugin in Figma. The Nielsen Norman Group has a great article about it.
The advantage of using Figma for these kind of exercises is that you can work together with your colleagues in real-time. The first thing we will do is create a matrix of two by two. Press P on your keyboard and draw a vertical line with a height of 800px, and a width of 5px. Then, we will copy this line twice.
Now, let's grab one of the lines and change its angle to 90 degrees, this allows us to change it from vertical to horizontal. Copy that horizontal line and let's build the matrix while making sure that we are aligning the lines horizontally as well as vertically.
Then, create a frame of 2000 * 1200 and place the matrix there. Select the two lines that form the cross and change the color to #B1B1B1. In Stroke setting, set these to a dashed line.
Next, add two triangles to the edges of the lines. Also, add some text to each one of the quadrants in the following order: top left and bottom right quadrants to MAYBE, the bottom left to NO and the top right to YES. Then, we will style the matrix so it can have more subtle colors. Feel free to add your own style, or download our Figma file. Finally, group all the assets and lock them.
Now, right-click on the canvas. Go to plugins and select the Workshops plugin. You will see that a small new window will pop-up, from here we can select a post-it.
Now we can start adding some post-its to our matrix. There is no recipe or formula to filter which ideas belong to which quadrants. There are no bad ideas when you are brainstorming; most of the good ideas come from wild thoughts. But as designers, we need to consider the context of our end-users, the context of the client, and our team's context. And that will give us the lights to find the most feasible solution for the team, which at the same time will be the most important to the user.
Conclusion
Every product goes through a thinking process, which is the representation of a mix of different ideas. We need to learn to work smart and efficiently and grab all the information we can to speed up our design process. Design thinking can help us create a product from different experiences, backgrounds, and ideas in a short amount of period.
Learn with videos and source files. Available to Pro subscribers only.
Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.
Templates and source code
Download source files
Download the videos and assets to refer and learn offline without interuption.
Design template
Source code for all sections
Video files, ePub and subtitles
ux-design-handbook-design-thinking
1
Design Thinking
Solving problems with Design Thinking
7:36
2
Lean UX
Working efficiently and collaborative
6:10
3
What is UX Design?
From research to design
8:29
4
UX Research
Research methods available
5:52
5
Qualitative Research
Build successful products from the start
4:17
6
Quantitative Research
Find patterns, make predictions
6:19
7
Heuristic Evaluation
Judging the design based on usability principles
2:24
8
UX Writing
Working in content design
10:52
9
User Personas
Creating user personas, and understanding scenarios
9:49
10
User Journey
A users’ experience timeline
23:03
11
Usability Metrics
Measuring usability
7:05
12
Usability Review
Evaluating how usable a product could be
5:17
13
UX Terminology
Getting familiar with the UX world
2:05
14
Wireframing
The fast and cheapest way to test ideas
1:23
15
SEO
Rank higher in search results pages
2:09
16
Readability and Legibility
Prepare your content the right way
1:52
17
Top skills that make a great UX'er
Skills needed for your upcoming UX journey
2:33
18
Card Sorting
Learn how to structure information
1:35
19
Analytics
Discover a world full of possibilities
1:50
20
User Flow
Visualise how users move through your product
2:33
Meet the instructor
We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.
Daniel Nisttahuz
Senior Product Designer at Design+Code
Motion Designer @Design+Code
7 courses - 12 hours
![course logo](http://images.ctfassets.net/ooa29xqb8tix/sHolxYPkMQO1gT5u6Aycp/bea05ce2b4fa806b7ede7a9d9dc16375/UXlogo.png?w=400&q=50?fm=jpg&q=50)
UX Design Handbook
Learn about design thinking, with exercises. Free tutorials for learning user experience design.
2 hrs
![course logo](http://images.ctfassets.net/ooa29xqb8tix/mTZWH1XgUw19Ugg2Ul3i0/bdca1f9dbb6ef3c80de5010fb97de4fd/ui-logo.png?w=400&q=50?fm=jpg&q=50)
UI Design Handbook
A comprehensive guide to the best tips and tricks for UI design. Free tutorials for learning user interface design.
2 hrs
![course logo](http://images.ctfassets.net/ooa29xqb8tix/116o1qEbEAUaU8AyTdyKHb/13a9fd03e8a5d60eaf8fde18b5ab6e78/ae-logo.png?w=400&q=50?fm=jpg&q=50)
Create a Promo Video in After Effects
In this course we will show you how to create a promo video using After Effects.
2 hrs
![course logo](http://images.ctfassets.net/ooa29xqb8tix/68Lv9LESUQjWOVIQsQfpTi/da333c422eecea29560950371b574af7/principle-logo.png?w=400&q=50?fm=jpg&q=50)
Animating in Principle
Learn how to animate interactive user interfaces from Figma to Principle. Get to design the app flow for multiple screens, interactions, and animations. At the end of the course, you will have a beautiful prototype that you can share with stakeholders.
1 hrs
![course logo](http://images.ctfassets.net/ooa29xqb8tix/116o1qEbEAUaU8AyTdyKHb/13a9fd03e8a5d60eaf8fde18b5ab6e78/ae-logo.png?w=400&q=50?fm=jpg&q=50)
Video Editing in ScreenFlow
Learn different techniques, transitions actions and effects to edit a video using Screeflow
1 hrs
![course logo](http://images.ctfassets.net/ooa29xqb8tix/116o1qEbEAUaU8AyTdyKHb/13a9fd03e8a5d60eaf8fde18b5ab6e78/ae-logo.png?w=400&q=50?fm=jpg&q=50)
Motion Design in After Effects
Learn animation and motion design with After Effects
3 hrs
![course logo](http://images.ctfassets.net/ooa29xqb8tix/628IYmTv4uib8slYz9iuok/3de9010de04ae92a23c94f9885746db2/swift-logo.png?w=400&q=50?fm=jpg&q=50)
Learn iOS 11 Design
Learn colors, typography and layout for iOS 8
1 hrs