Mobile App Design for iOS

Introduction to UI Design

Learn what user interface design entails, what we’re going to design, and some understanding of development languages used to build our app. Discover the tools that are used to create a user interface. Finally, learn about the nuances of designing for Apple's iOS platform. 5 steps

• What is User Interface Design 1:32
• Software Applications Used 0:54
• Different Types of Mobile Apps 1:10
• Nuances of Designing for the Apple Platform 1:21
• Introduction to UI Design 5 questions

ADS Writing and Preparation

Learn how to create helpful documentation that will help educate and assist your design process later. Writing an Application Definition Statement (ADS) helps you establish the focus of your app and define its audience. 4 steps

• What is an ADS? 1:04
• Writing an ADS 1:11
• App Introduction 2:08
• ADS Writing and Preparation 5 questions
• Extra Credit Take your favorite app and write out an ADS for it.

Wireframing, Interaction Design and Planning

Learn how to plan your app by creating a digital wireframe document and understanding some basic UX and typography decisions. We’re also going to take a look into how to design for touch targets and some tips and tricks around this problematic design issue. 10 steps

• High-Level Overview of UX 2:36
• High-Level Overview of UX 5 questions
• How to Construct Wireframe Documents 2:24
• Creating a Digital Wireframe: Part 1 10:07
• Creating a Digital Wireframe: Part 2 8:41
• Creating a Digital Wireframe: Part 3 6:32
• Presenting a Digital Wireframe 4:23
• Designing for Touch Targets 5:36
• Touch Gestures, Transitions and Visual Feedback 3:05
• Touch Targets and Digital Wireframes 10 questions
• Extra Credit What if we were to add a third screen to the app to visualize your mood trend over days, months or years. How would you access this trend screen? What would the UI look like? Get creative!

Designing our App

Let’s start designing our app using Sketch. We’re going to jump right into designing a beautiful interface while learning how to export our artwork for retina display and additional platforms, if necessary. 5 steps

• Designing Using Sketch 18:08
• Designing for Retina Display 4:19
• Designing for Android 1:21
• Icon Design Dos and Donts 5:49
• Designing our App 5 questions
• Extra Credit As described in the previous stage, design the Trends page where you can visualize moods over time.

Working with a Developer

A deeper how-to of exporting your artwork via Sketch and learn how to keep developers happy by producing comprehensive documentation for onward use in Xcode. We’re also going to take a look into the app approval process and bring to light some common issues and how to avoid them. 6 steps

• Exporting Artwork Using Sketch 3:57
• Exporting Artwork Using Photoshop 5:04
• Final Documents for Onward Developers 2:48
• App Design Dos and Donts 1:15
• Course Summary 0:57
• Working with a Developer 5 questions
• Extra Credit With your new found knowledge design an app from scratch. Here are some app ideas: reminders, todos, expense tracker, budget keeper, feed reader, recipes. Feel free to be creative with this exercise.