UI in Mobile Apps

Course outline

03:25 min

Introduction

What is the course about and how we will learn together

6:54 min

Most common problems

A list of most common issues many designers face

20:43 min

Blockframing exercise

Blockframing exercise for better alignment understanding

3:44 min

Constraints & Theme

Work with constraints + pick a theme for your app

50:46 min

Create forms for a login and registration flow

46:17 min

Lists & Cards

Lists and cards are the most popular screen types in apps

30:24 min

Navigation

The basic navigation types with examples and good practices

33:51 min

Detail pages

Creating detail and profile pages in high fidelity

25:34 min

Map views

How to add a map view to your project in a good way?

21:24 min

Modals & Popups

Design friendly and usable modals for your project

7:16 min

High level flow

Create the high level flow using the navigation pattern chosen

2:45 min

Review & Accessibility

Final review and accessibility checks before submitting

Bonus: Figma playground exercise - learn the complete basics ☝️

What will you learn after the course?

The course will provide you with helpful & practical information that will bost your UI skills

📱📱

Mobile App Design

You will know how to design a functional Mobile App with a variety of screens - including a full login, registration flow, map view, modals, lists and many more.

🎨🎨

Picking the right fonts & colors

You will be able to pick the right fonts and colors for your project. You will know the basics of typography and color psychology to pick the ones that are fully accessible.

💡💡

Problem Solving

You will acknowledge the most common problems in mobile app design. You will know how to spot them and solve them easily to boost the usability of your project.

✏️✏️

Blockframing & aligning

You will know to make a blockframe for your project. You will also learn the super usable Red Square Method that will help you align the content perfectly.

🛠🛠

My workflow

I will share with you my personal design workflow, including all the tips and tricks I’ve learned over the course of my 20 years of Product Design experience.

What is SquarePlanet?

What is SquarePlanet?

It`s an educational platform with both paid and free content for designers and developers. We will be adding new featured, articles and materials in the coming weeks.