The Complete Guide to Designing a Mobile App - Cudoo
The Complete Guide to Designing a Mobile App

The Complete Guide to Designing a Mobile App



Welcome to The Complete Guide to Designing a Mobile App!

  • The number of app downloads worldwide in 2017 was 178.1 billion.
  • The average US user spends 5 hours per day on their mobile phone, primarily browsing apps and looking at websites.
  • In 2020 mobile apps are projected to generate 188.9 billion U.S. dollars($) in revenue via app stores and in-app advertising.

There are millions of apps out there to download, and (literally!) billions of dollars to be made by app creators. How do you make your app to stand out from the crowd? How do you get users for your app, and keep them?

One answer: GOOD APP DESIGN!

Why Learn App Design?

Many fantastic apps never find a big audience, and one key reason for that is that they’re poorly designed.

A good design will make your app stand out from the crowd, and keep your users coming back for more!

There’s a difference between building an app and designing it; it’s the difference between an app that works perfectly, looks fantastic, and does exactly what it promises… and one that doesn’t.

The more design work you put in to your app, the more successful your app will be.

Why Choose THIS Course?

In this course you’ll get a brief overview of design principles before getting into the how to and learning by doing, with regular exercises and challenges to test and cement your learning. The first half of the course focuses on:

  • Design basics – learn simple (but devastatingly effective) design principles. Understand the differences between iOS and Android design systems, and what that means for your app.
  • Polishing your idea – tailor your app to your users, and stand out from the competition! Learn how to sketch out and wireframe an app idea, and see the difference this makes!
  • Information architecture – the backbone of any good app. The structure of your design is so important – learn the guiding principles of app and information architecture here!
  • Style – colour, font, icons, typography – everything you need to know!
  • Components & patterns – Help users navigate your app. Create forms, fields, notifications, animations and  more!
  • The user experience – make your app simple and intuitive and your users will love you. Learn how here.
  • Design with Sketch – a complete guide to the hugely well regarded design software, Sketch.

As your skills increase and your confidence grows, you’ll start work on three brilliant projects – designing and creating every element of the following apps!

  • An instagram app 
  • A food delivery app
  • A studio booking app

By the end of this course you’ll know everything there is to know about app design, and also have three hugely impressive projects for your career portfolio!

Who’s the Instructor?

This course is taught by Renata Phillippi, a lead UX designer with 10+ years industry experience. Renata specializes in information architecture, interaction design, usability and user research, and has worked with both multinational tech companies and small start ups.

Who’s This Course For?

  • Beginners who have never designed an app before
  • Experienced creators who want to maximise the impact of their apps
  • Anyone who wants to learn app design tips, tricks and methods from an industry professional

So don’t wait! Enroll now, and begin building better apps today!

(Also, you have 7 days to change your mind and get your money back, with absolutely no questions asked! So there’s no risk!)

Take this Course

Course Materials

Course Content

Lessons Status
1

Lecture 1.1 - Welcome

2

Lecture 1.2 - What you should expect

3

Lecture 1.3 - What you need for this course

4

Lecture 2.1 - What is Design

5

Lecture 2.2 - Why Design Matters

6

Lecture 2.3 - UX vs UI

7

Lecture 2.4 - Design Principles

8

Lecture 2.5 - Understanding Color Science

9

Lecture 2.6 - Understanding Typography

10

Lecture 2.7 - Android vs iOS

11

Lecture 2.8 - Design Elements

12

Lecture 2.9 - Beyond the Phone

13

Lecture 3.1 - Idea Mapping

14

Lecture 3.2 -User Research

15

Lecture 3.3 - How to do Competitive Research

16

Lecture 3.4 - Sketching an Idea

17

Lecture 3.5 - Wireframing

18

Lecture 3.6 - Test Iterate Repeat

19

Lecture 4.1 - Information Architecture

20

Lecture 4.2 - Mobile IA

21

Lecture 4.3 - App Layout Principles

22

Lecture 4.4 - Designing for Different Resolutions

23

Lecture 4.5 - Gestures

24

Lecture 5.1 - Color

25

Lecture 5.2 - Icons

26

Lecture 5.3 - Imagery

27

Lecture 5.4 - Typography

28

Lecture 5.5 - Writing

29

Lecture 6.1 - Navigation

30

Lecture 6.2 - UI Controls

31

Lecture 6.3 - Notifications

32

Lecture 6.4 - Fields and Forms

33

Lecture 6.5 - Animation

34

Lecture 6.6 - Cards

35

Lecture 6.7 - Progress Indicators

36

Lecture 6.8 - Lists

37

Lecture 6.9 - Tables

38

Lecture 6.10 - Errors

39

Lecture 6.11 - Offline States

40

Lecture 6.12 - Search

41

Lecture 7.1 - Onboarding

42

Lecture 7.2 - Discoverability

43

Lecture 7.3 - Accessibility

44

Lecture 7.4 - UI Sound

45

Lecture 7.5 - Design Systems

46

Lecture 8.1 - Sketch Overview

47

Lecture 8.2 - Artboards and Templates

48

Lecture 8.3 - UI Kits

49

Lecture 8.4 - Creating Your Own Symbols

50

Lecture 8.5 - Plugins

51

Lecture 8.6 - Libraries

52

Lecture 8.7 - Creating an Icon

53

Lecture 8.8 - Sketch Mirror

54

Lecture 9.1 - Instagram Overview

55

Lecture 9.2 - Instagram home

56

Lecture 9.3 - Instagram Profile

57

Lecture 9.4 - Instagram Search

58

Lecture 10.1 - Food App Overview

59

Lecture 10.2 - Food App Order Overview

60

Lecture 10.3 - Food App Order Cart Solution

61

Lecture 10.4 - Food App Delivery and Payment Solution

62

Lecture 10.5 - Food App Order Confirmation Solution

63

Lecture 10.6 - Food App Login Sign Up

64

Lecture 10.7 - Food App Login Solution

65

Lecture 10.8 - Restaurant Listings Overview

66

Lecture 10.9 - Resturant Listings Solution

67

Lecture 10.10 - Details and Reviews

68

Lecture 10.11 - Restaurant Details Solution

69

Lecture 10.12 - Reviews Page Solution

70

Lecture 11.1 - Overview of Studio Booking App Project

71

Lecture 11.2 - Studio Pass Competitive Research

72

Lecture 11.3 - Studio Pass Wireframe Challenge

73

Lecture 11.4 - Studio Pass Wireframe Solution

74

Lecture 11.5 - Studio Pass Visual Design Challenge

75

Lecture 11.6 - Studio Pass Visual Design Solution

76

Lecture 12.1 - Why Prototype

77

Lecture 12.2 - Paper Prototyping

78

Lecture 12.3 - Prototyping in Sketch

79

Lecture 12.4 - Invision

80

Lecture 12.5 - UXPin

81

Lecture 13.1 - Augmented Reality

82

Lecture 13.2 - Voice Design

83

Lecture 13.3 - Designing for Games

84

Lecture 14.1 - Resources

85

Lecture 14.2 - Conclusion