The Complete Guide to Designing a Mobile App

Video Description

Build your audience with professionally designed, UX-friendly apps

About This Video

  • Learn basic design principles and tools and work on three brilliant projects
  • Learn the basics of prototyping

In Detail

Welcome to The Complete Guide to Designing a Mobile App!

Many fantastic apps never attract a big audience, and one key reason for that is that they're poorly designed. There's a big 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 into your app, the more successful your app will be.

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 behind the app and information architecture here!
  • Style—color, font, icons, typography. Everything you need to know!
  • Components and 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 will have created three hugely impressive projects for your career portfolio!

Publisher Resources

Download Example Code

Table of Contents

  1. Chapter 1 : Welcome
    1. Welcome 00:01:52
    2. What You Should Expect 00:01:23
    3. What you'll need for this course 00:00:36
  2. Chapter 2 : Design Basics
    1. What is design? 00:03:18
    2. Why Design Matters 00:05:27
    3. User Experience vs UI 00:03:38
    4. Design Principles 00:04:19
    5. Understand Color Science and Theory 00:04:50
    6. Understand Typography 00:07:25
    7. Android vs iOS Design Philosophy 00:05:14
    8. Design Elements 00:03:16
    9. Design for Mobile; Beyond the Phone 00:04:56
  3. Chapter 3 : Discovery to Solid Idea
    1. Idea Mapping 00:03:45
    2. How to do User Research 00:04:17
    3. How to do Competitive Research 00:05:07
    4. Sketching out an Idea 00:04:25
    5. Wireframing and User Flows 00:05:08
    6. Test, Iterate, Repeat 00:04:08
  4. Chapter 4 : Information Architecture, the bones of your app
    1. Information Architecture 00:03:35
    2. Mobile Architecture 00:05:07
    3. App Layout Principles 00:06:02
    4. Designing for Different Resolutions 00:03:51
    5. Gestures 00:03:02
  5. Chapter 5 : Style
    1. Color 00:03:20
    2. Icons 00:02:07
    3. Imagery 00:01:41
    4. Typography 00:02:51
    5. Writing 00:03:59
  6. Chapter 6 : Components & Patterns
    1. Navigation 00:04:26
    2. UI Controls & Common Patterns 00:06:52
    3. Notifications 00:03:02
    4. Fields and forms 00:08:54
    5. Animation & Motion 00:04:56
    6. Cards 00:03:20
    7. Progress Indicators 00:06:45
    8. Lists 00:03:33
    9. Tables 00:03:03
    10. Errors 00:04:55
    11. Offline States 00:04:15
    12. Search 00:04:50
  7. Chapter 7 : Bring it Together
    1. Onboarding 00:04:38
    2. Discoverability 00:03:19
    3. Accessibility 00:05:03
    4. UI Sound 00:09:47
    5. Overview of Design Systems 00:04:37
  8. Chapter 8 : Design with Sketch
    1. Sketch Overview 00:08:40
    2. Artboards & Templates 00:09:24
    3. Ui Kits 00:05:07
    4. Creating your own symbols 00:16:03
    5. Plugins 00:03:13
    6. Libraries 00:09:05
    7. Creating an icon 00:12:13
    8. Sketch Mirror 00:03:00
  9. Chapter 9 : Design an Instagram Clone
    1. Overview of Instagram Clone Project 00:08:14
    2. Visual Design: Home 00:05:11
    3. Visual Design: Profile 00:05:04
    4. Visual Design: Search 00:03:57
  10. Chapter 10 : Design a Food Delivery App
    1. Overview of Food Delivery App Project 00:00:46
    2. Order Flow Overview 00:09:34
    3. Order Cart Solution 00:08:14
    4. Delivery and Payment Solution 00:05:36
    5. Order Confirmation Solution 00:08:34
    6. Login/Sign Up Overview 00:02:35
    7. Login/Sign Up Solution 00:17:30
    8. Restaurant Listings Overview 00:01:23
    9. Restaurant Listings Solution 00:18:39
    10. Details & Reviews Overview 00:00:59
    11. Restaurant Details Solution 00:10:21
    12. Reviews Page Solution 00:09:21
  11. Chapter 11 : Design a Studio Booking App
    1. Overview of Studio Booking App Project 00:03:23
    2. Competitive Research 00:05:04
    3. Studio Pass Wireframe Challenge 00:02:38
    4. Studio Pass Wireframe Solution 00:02:07
    5. Studio Pass Visual Design Challenge 00:00:47
    6. Studio Pass Visual Design Solution 00:02:11
  12. Chapter 12 : Prototyping Tools
    1. Why prototype? 00:01:22
    2. Paper Prototyping 00:04:18
    3. Prototyping in Sketch 00:03:29
    4. InVision 00:12:18
    5. UXPin 00:08:14
  13. Chapter 13 : Voice, AR, & Gaming
    1. Augmented Reality 00:05:58
    2. Design with Voice 00:16:16
    3. Designing for Games 00:08:26
  14. Chapter 14 : Resources & Conclusion
    1. Resources 00:02:01
    2. Conclusion 00:00:46

Product Information

  • Title: The Complete Guide to Designing a Mobile App
  • Author(s): Rob Percival, Reneta Philippi
  • Release date: October 2019
  • Publisher(s): Packt Publishing
  • ISBN: 9781838984830