Let’s design a split sharing application together!

Assignment

We’re going to design our own split sharing app! The goal of this assignment is to help you fully learn the UI/UX process and get a feel for the start-to-finish app design process.

Tip 1. Do the project step by step with me. Don't worry that you don't have a finished project just yet, this is just to get you started so I can help you along! Do it now!
Tip 2. If you’re feeling confused, start a conversation or ask a question, exchange feedback with your classmates. Most importantly, have fun!
Tip 3. When your project is completed, hit the “create a project” button and upload your deliverables!

Deliverables

Share your progress in your project workspace. A complete project includes:

Reviewing a competitor app: Download one split sharing app ( like Splitwise ) or use any split sharing app you already have. Write down one thing you like about it ( Strength ) and one thing you see could be better ( Weakness ), upload screenshots for what you like and what you don’t like. Download sample competitor analysis image.
Creating a persona for a college student: Write down his needs, his goals, and his attitude. Download sample persona image.

Sketch your ideas for the home screen of the split sharing app and then convert your sketch to a wireframe. Download sample sketch image.

Design UI for the home screen of a split sharing app: Download Figma app and the class project file. We'll use this Figma file in the video lessons. It contains all the screens. Download Class Project File.

Resources

Apple's Human Interface Guidelines

The iOS Design Guidelines by Ivo Mynttinen

Pttrns - Mobile Design Library

Johns Design

10

13