​​Design of Mobile Products Syllabus ​📱​

​​​✌️​ What is Mobile App Design? 

​​In this course, we will answer questions such as: What makes an app user-friendly? Why is Canvas so hard to use? How do I get started with designing an app? We will cover core concepts such as: interface and interaction design, design thinking, empathy, and user testing. All students will finish the course with a mini portfolio of responsive app prototypes. Students will also have access to a wide variety of design resources to continue building upon their skills after the course.
​​
​​Students of all skill levels are encouraged. Open to students of all schools. No work outside of class hours are required and assignments are non-graded. 
​​Sign-up Link: tinyurl.com/wab-design-signup

​​​🗓​ Course Logistics 

​​2/1/18 – 3/22/18
​​6 weeks - Thursdays from 4:30-6:00pm in JMHH 380 Computer Lab

​​​🔥​ Meet the Instructors 

​​
 
User-uploaded image: Laura.png
​​
​​
​​Laura Gao (WH’18)
​​Business Analytics and Fine Arts
​​gaoyu@wharton.upenn.edu
​​Portfolio: https://www.lauraygao.com
​​
 
User-uploaded image: Tiff.png
​​
​​
​​
​​
​​
​​Tiffany Chang (WH’19)
​​Business Analytics and Computer Science
​​tifchang@wharton.upenn.edu
​​Portfolio: http://www.tifchang.com
​​
 
User-uploaded image: Oval.png
​​
​​
​​
​​
​​
​​Duong Nyuyen (WH’19)
​​Business Analytics and Computer Science 
​​ngduong@wharton.upenn.edu
​​Portfolio: http://duongdangnguyen.com
​​
​​
​​
​​

​​​➡️​ Week 1 - 2.1.18 - Slides - Recording

​​UI/UX 101: Intro to Mobile App Design

​​Learn why good design matters, e.g. why the Hawaiian Missile Crisis happened. The class will be introduced to Figma, an industry-standard design prototyping tool.

​​​➡️​ Week 2 - 2.8.18

​​Interface and Interaction Design: Recreating Instagram with Figma

​​Learn how to design Instagram from scratch with Figma. The class will walk you through step-by-step on how to create each component and screen of Instagram. 

​​​➡️​ Week 3 - 2.15.18

​​Smart Design: How to (Not) Make the Next WhartonConnect

​​Students will be challenged to improve existing problematic apps, including our beloved WhartonConnect, Honeygrow, Groupme, Canvas, and Venmo. Instructors will walk through smart design thinking concepts as we roast and upgrade these apps.

​​​➡️​ Week 4 - 2.22.18

​​Ideation Processes: Getting Started With Your First App

​​Designing an entire new app from a blank canvas is terrifying. This class will help you transform your billion-dollar app idea into responsive prototypes. We’ll walk you through how to create storyboards, user-interactions and ~flows~.