There are many common questions about UX design that you will get throughout your career. And some that you should get, even though you won’t. So today we will learn a few things about:
The Fold, Images & Headlines
Now that you’ve established your goals, researched your users, and planned your information architecture, it’s time to put those plans into action, baby! So today we will learn about:
Page Framework
(Navigation, Footers, etc.)
Different people use sites and apps for different reasons. If you design for the wrong behaviour, you won’t get the results you want. Today we will learn about:
Browsing vs. Searching vs. Discovery
It is easy to imagine every user excitedly reading every letter you write and every pixel you make. Get over it, because real users don’t do that. They scan. Scanning means they only stop to read when something catches their eye. So today we will learn about scanning patterns:
Z-Pattern, F-Pattern, and Visual Hierarchy
The last design principle we will learn is about how to add order and meaning to the elements of your design, without adding any more elements. Sounds subtle, but it effects everything you see, every day:
Alignment & Proximity
When you repeat something, as we learned yesterday, you create a pattern. However, certain types of repetition can also create the perception of “shapes”, and that affects where the user’s eyes will go. So today we will learn about:
Line Tension and Edge Tension
One important Visual Design Principle involves the creation of patterns to lead the user’s eyes to important things. And like all good rules, patterns are made to be broken. So today we will learn the visual principle of:
Repetition and Pattern-Breaking
Real life is full of sun light, artificial light, heat, cold, clothing, brands, fashion, and a million other things that effect the way we perceive colours. As a UX designer we may not care about Pantones and brand guidelines, but we definitely have to learn about:
Colour.
This lesson is the first of 5 visual principles that will help you direct the user’s attention. Some parts of your design are more important than others, but those are not always the things we notice naturally. So we have to help users notice the important stuff. Today we will learn about:
Visual Weight: Contrast, Depth, and Size
When most people think of UX, they think of the lines-and-boxes diagrams we call wireframes. Unfortunately, many people think that doing wireframes is the same as doing UX. So today we will learn:
What is a Wireframe?
