Welcome to class! 

Introduction

This section covers key design terms to help you understand the basics, so you can follow along and apply them as we dive deeper into UI design concepts.

What’s "Design"?

UI vs Visual Design vs UX Design

Using a free and simple design tool

Summary

Before we begin

This section focuses on layout, showing you how to organize UI components to create clear, structured, and easy-to-navigate interfaces.

Using the law of proximity to layout elements

Applying the law of proximity

Choosing a base spacing unit

Law of proximity and spacing unit

Intro to visual hierarchy

What makes visual hierarchy so important?

Using layout to create visual hierarchy

Visual hierarchy quiz

What's elevation?

Should I use elevation?

Elevation quiz

Layout summary

Layout

In this section, I’ll show you why icons are essential for navigation and communication, and how to select and use icons.

Why do we use icons?

Use an existing icon set

Icon sets and examples

Stay consistent

Icons quiz

Icons

In this section, I’m going to teach you some of the basic techniques and rules used by designers when choosing colors. 

Why is color important?

Choosing colors - 60/30/10 rule

Choosing colors - 60/30/10 rule quiz

Choosing a primary/accent color

Color selection tips and resources

Choosing a primary/accent color quiz

Contrast

Color contrast checker tools

Contrast quiz

Light vs. dark mode

Choosing dark base colors

How to apply colors

Choosing light base colors

Color

In this section, I’ll explain the concept of progressive disclosure, a key technique for revealing info in a way that keeps users from feeling overwhelmed.

What's progressive disclosure?

Benefits of progressive disclosure

Example of progressive disclosure

Implementing progressive disclosure

The biggest challenges of progressive disclosure

Progressive disclosure quiz

Progressive disclosure

This section focuses on typography basics showing you how to choose fonts, sizes, and spacing.

What is typography?

Use sans-serif fonts for small screens

Just stick to one!

Using different font weights and sizes to improve visual hierarchy

Play with line height to improve readability

Typography quiz

Typography

In this section, we’ll explore the importance of clear and consistent language in UI design.

Sentence vs title case

Consistency in content

Common areas where text/language is used

Ways to avoid overusing text

Check spelling and grammar

Content (language) quiz

Content

Master UI design by imitating others first—observe, copy, and learn before innovating.

Why you should imitate

Look and learn

Resources for inspiration

"Steal like an artist"

Imitate then innovate

Final thoughts

<img src="https://letcheck.b-cdn.net/3422/hello-1728891524179.svg" alt="image" style="width: 100%; height: auto; cursor: pointer;" draggable="true">Course descriptionThis mini-course is perfect for a weekend learning session and is designed to seamlessly fit into your busy schedule. You’ll learn foundational UI design principles and practical tips from Jenny Bounmivilay, an experienced product designer. From years working at companies in Silicon Valley and Australia, Jenny distills her UI knowledge into simple lessons to help you start designing your own products.Who this course is for<ul><li>Embedded systems engineers</li><li>Founders/solopreneurs</li><li>Perfect for beginners looking to understand the basics of UI design in a focused and practical way</li></ul>Requirements and materials<ul><li>No previous experience required; all you need is patience and curiosity.</li><li>A computer is all you need to get started. You’ll also receive supplemental resources to enhance your learning experience</li></ul>Course format<ul><li>Enjoy a mix of videos, short readings, and quizzes to reinforce key concepts</li><li>Participate at your own pace, with recordings available for later review</li></ul>Enroll today!Whether you’re building something for yourself or applying these lessons in your projects, this course will equip you with the tools to start designing great user interfaces.Sign up now, and I look forward to seeing you in class! 🙂—P.S. Got questions or feedback? Reach out to me at jenn@sidequest.one

100% satisfaction guarantee or your money back

Introduction - no sub.mov

This 2-hour mini-course will teach you how to design better interfaces for small screens. You’ll learn foundational UI design principles and simple, easy-to-follow rules from Jenny Bounmivilay, an experienced product designer.

Practical UI Design Tips for Embedded Systems Engineers

Language

Level

Students

Duration

What you will learn

Get started designing user interfaces for small screens

Create a simple color palette that enhances interaction

Develop usable layouts using foundational UI principles

Make your startup or side project look professional

And much more!

Course content

Course Description

100% satisfaction guarantee or your money back

This Course Includes