The Complete Guide to Designing a Mobile App

Video description

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!

What You Will Learn

  • Learn basic design principles and tools you can build on for your apps
  • Learn how to explore your competition and leverage this to your advantage
  • Understand the differences between the two main platforms: Android and iOS
  • Research your potential users and market to effectively target your app
  • Plan, sketch, wireframe, and design your own apps
  • Master one of the leading design tools, Sketch, and make your ideas come to life


This course is designed for beginners who have never designed an app before; experienced creators who want to maximize the impact of their apps; and anyone who wants to learn app design tips, tricks, and methods from an industry professional.

About The Authors

Renata Phillippi: Renata Phillippi is a user experience designer with visual chops who has worked in the web industry for 10+ years. She specializes in information architecture, interaction design, usability and user research. Renata has created experiences for the Fortune 500 to small start-ups including Technicolor, Adobe, & Electronic Arts. She lives in San Francisco, California, where she leads a User Experience team for a mid-sized firm. She is a thought leader in the design community recognized for contributions to organizations, books, courses on other platforms and new ideation.

Codestars By Rob Percival: Codestars, by Rob Percival, is a revolutionary online learning platform on a mission to transform the way people learn to code. With a focus on simplicity, logic, and fun, Rob has empowered over half a million students through his courses.

Recognizing the need for diverse and comprehensive learning experiences, Rob established Codestars as a collaborative effort. Codestars provides learners of all ages and proficiency levels with the tools and knowledge needed to build functional websites and apps. By making coding accessible and enjoyable, Codestars aims to simplify the learning journey and unlock the potential of aspiring coders worldwide.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Welcome
    1. Welcome
    2. What You Should Expect
    3. What you'll need for this course
  2. Chapter 2 : Design Basics
    1. What is design?
    2. Why Design Matters
    3. User Experience vs UI
    4. Design Principles
    5. Understand Color Science and Theory
    6. Understand Typography
    7. Android vs iOS Design Philosophy
    8. Design Elements
    9. Design for Mobile; Beyond the Phone
  3. Chapter 3 : Discovery to Solid Idea
    1. Idea Mapping
    2. How to do User Research
    3. How to do Competitive Research
    4. Sketching out an Idea
    5. Wireframing and User Flows
    6. Test, Iterate, Repeat
  4. Chapter 4 : Information Architecture, the bones of your app
    1. Information Architecture
    2. Mobile Architecture
    3. App Layout Principles
    4. Designing for Different Resolutions
    5. Gestures
  5. Chapter 5 : Style
    1. Color
    2. Icons
    3. Imagery
    4. Typography
    5. Writing
  6. Chapter 6 : Components Patterns
    1. Navigation
    2. UI Controls Common Patterns
    3. Notifications
    4. Fields and forms
    5. Animation Motion
    6. Cards
    7. Progress Indicators
    8. Lists
    9. Tables
    10. Errors
    11. Offline States
    12. Search
  7. Chapter 7 : Bring it Together
    1. Onboarding
    2. Discoverability
    3. Accessibility
    4. UI Sound
    5. Overview of Design Systems
  8. Chapter 8 : Design with Sketch
    1. Sketch Overview
    2. Artboards Templates
    3. Ui Kits
    4. Creating your own symbols
    5. Plugins
    6. Libraries
    7. Creating an icon
    8. Sketch Mirror
  9. Chapter 9 : Design an Instagram Clone
    1. Overview of Instagram Clone Project
    2. Visual Design: Home
    3. Visual Design: Profile
    4. Visual Design: Search
  10. Chapter 10 : Design a Food Delivery App
    1. Overview of Food Delivery App Project
    2. Order Flow Overview
    3. Order Cart Solution
    4. Delivery and Payment Solution
    5. Order Confirmation Solution
    6. Login/Sign Up Overview
    7. Login/Sign Up Solution
    8. Restaurant Listings Overview
    9. Restaurant Listings Solution
    10. Details Reviews Overview
    11. Restaurant Details Solution
    12. Reviews Page Solution
  11. Chapter 11 : Design a Studio Booking App
    1. Overview of Studio Booking App Project
    2. Competitive Research
    3. Studio Pass Wireframe Challenge
    4. Studio Pass Wireframe Solution
    5. Studio Pass Visual Design Challenge
    6. Studio Pass Visual Design Solution
  12. Chapter 12 : Prototyping Tools
    1. Why prototype?
    2. Paper Prototyping
    3. Prototyping in Sketch
    4. InVision
    5. UXPin
  13. Chapter 13 : Voice, AR, Gaming
    1. Augmented Reality
    2. Design with Voice
    3. Designing for Games
  14. Chapter 14 : Resources Conclusion
    1. Resources
    2. Conclusion

Product information

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