The principles, practices and real-world techniques I'm going to show you here are the same ones that have informed graphic design for hundreds of years. And while that may sound like blasphemy to some of you, I guarantee you'll see why and how they apply equally to the world of digital design — especially for mobile devices and their small screens.
The principles, practices and real-world techniques I'm going to show you here are the same ones that have informed graphic design for hundreds of years. And while that may sound like blasphemy to some of you, I guarantee you'll see why and how they apply equally to the world of digital design — especially for mobile devices and their small screens.
I'm going to give you 50 lessons across 5 hours, packed with timeless, ironclad, unchanging rules for good UI design that you can apply to anything and everything you ever work on. You’ll learn how to create and apply hierarchy, color, contrast, typography, and gestalt principles to design appropriate visual cues for your users — and that's just for starters.
You'll learn how to make it easier for people to interact with what they see on the screen – whether they know what to tap, swipe or click, and whether what happens meets their expectations and moves them closer to their goals. You'll learn how to create and apply hierarchy, color, contrast, typography and gestalt principles to design appropriate visual cues so people know where and how to take action.
I'll show you how to make good visual decisions for even the most challenging applications, from simplifying complex visual information to designing with data. My goal with this course is to give you everything you need to know to make great UI design decisions, no matter what the content, context or product may be.
Trends will come and go, and it won't matter: your UI will still be useful, usable, appropriate and relevant for its users. From this point forward, you'll be equipped to make strategic, impactful User Interface designs that communicate, guide, encourage, motivate and educate. Anything else is decoration, and decoration has a very short shelf life.
When it comes to User Interface (UI) design, your job — whether you're a designer, developer, UXer or a mix of all those things — is to make sure that no aspect of someone’s onscreen interaction happens without explicit intent. The UI design choices we make have to reflect the user’s motivations, expectations, environment and possible actions.
All of those things manifest themselves in the User Interface — so what people see on the screen is usually the sum of their understanding about what this is and how it works.
So what we show them has to do a hell of a job communicating what’s there for them, how it’s organized, how they get to it and what they can do with it once they do.
By the time you finish Design Rules, you'll be able to do much more than create a more beautiful User Interface. Instead, you'll be able to design a UI that truly works for the people who use it. One that it allows them to easily figure out where to start and how to get what they need — quickly, efficiently and intuitively.
Of course, it'll also just happen to be beautiful ;-)
A fundamental understanding of what the word design really means — and why most people misinterpret it — is where you need to start.
The path to great UI design starts when you stop looking at other people's work.
Learn why "form follows function" as a UI design principle is flawed — and false.
Achieving balance between form and function in the UI means informed decision-making — not order-taking.
How to avoid the pitfall of assuming functional considerations should influence visual form.
Understanding what forces really impact visual form is the key to better UI design decisions.
Understand the very big challenges posed by small screens — and how to solve them through UI design.
Five timeless rules for designing anything well on small, mobile device screens.
Learn how the principle of Balance creates visual order — and why doing so is critically important.
Case studies showing how changes in visual balance significantly improve poorly designed interfaces.
Learn how rhythm is established in the UI — and why, when intentional, it significantly improves UX.
Learn how the principle of Harmony acts as the glue that holds individual UI elements together.
Learn how harmony establishes purposeful, intentional visual flow in the UI.
A case study detailing how changes in visual harmony makes a form faster and easier to scan and complete.
Learn why and how the principle of Dominance is critical to proper UI form and functionality.
Understand why using the principle of dominance properly decreases a user's mental effort, resulting in positive UX.
Learn multiple ways to establish dominance, beyond the most obvious method (size).
Learn to use alignment intentionally, to guide users through every part of the screen.
Case studies showing how changes in alignment make HUGE differences in the quality of UI design and UX.
Learn how proximity signals (or confuses) relationships between content, data and interactive UI elements.
Use the principle of proximity to speed up recognition and understanding of visual information.
Case studies showcase the principle of proximity to design effectively with negative space — and make browsing easier and faster.
Learn why color can be a powerful emotional tool — and why it should never be an afterthought or an arbitrary choice.
Understand the key role color plays in users' ability to identify (and act on) opportunities to interact with the UI.
Color doesn't have to be difficult. Honest ;-)
Learn the common associations most of us have with color — and when they're the right place to start.
Emotional impact plays a big role in determining color effectiveness and appropriateness.
Everything around you is a potential source for appropriate color choices — the trick is knowing where to look.
Color choice can start with branding — but there's more to that than you think.
Why contrast trumps all else when it comes to visual design — and how to use that to your advantage.
Contrast is a powerful tool for guiding and enhancing usability and overall user experience.
The three critical functions of contrast you must apply properly when designing.
How do you know when color and contrast is appropriate? The method is simpler than you think.
A crash course in proper typographic design — which is what separates great designers from merely good ones.
The right typeface has massive impact in how visual messaging is seen, perceived and interpreted in the UI.
Choosing the right font means understanding and recognizing its relationship to pattern recognition.
Learn these critical keys to speeding up scanning, encouraging reading and increasing comprehension.
Seven timeless rules to ensure you design appropriately — and effectively — with typography.
How to choose the right imagery, for the right reasons, for the right situations.
Hard and fast rules for using images of any kind in sites, apps and systems.
While icons can seem like easy solutions, they don't always work as intended — and aren't always appropriate.
Knowing these four types of icons is a big step in knowing when (and how) to use them in the UI.
Five rules you can use to tell when (and when not) to use an icon, along with how to judge effectiveness, usefulness and appropriateness.
How to navigate the many UI challenges that come with data-intensive websites and systems.
Five ironclad rules to follow when designing data displays of any kind.
Specific recipes for clearing clutter and simplifying data in the UI.
Part 02 of simplifying visual information.
How to establish clear visual differences (and cues) between things the user needs to see, and things they need to be able to do.
Part 2 of separating content from controls.
A quick recap of the 19 UI Design Mantras you'll want to keep at your side during every project.
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.