WAB: UI/UX Mobile Design Syllabus

🍎 Course Overview 

UI/UX design is a multidisciplinary field that is growing quickly as the interaction between humans and technology continues to evolve. The skills you will learn in this course are applicable to anyone who is interested in web/app development, product management, technology, or design in general. During this 6-week seminar, we will cover basic design principles, what makes an app user-friendly, how to start designing, and an overview of industry tools/careers. By the end of the course, students will be proficient in Figma and have an app prototype (designed around an original concept of their choosing) to showcase in their portfolios. 

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. 

Join our Slack for class communications: Slack Invite Link


👋 Teaching Staff

We’re a group of students with experience in graphic design, illustration, product management, product design, freelancing, front-end development, data analytics, and more – and we’re here to support you! Some of us took this class previously and kickstarted our design careers through it, so we’re excited to share our passion and experiences with the community.

Carmen Lau (W’20)
Marketing and Computer Science
carmenlau.com | carlau@wharton.upenn.edu

Sophia Ye (W’20)
Business Analytics and Computer Science

Jess Tan (C22)
Biology and Psychology 
jesstan.me | jytan@sas.upenn.edu


🗓 Schedule

10/16/19 - 11/20/19 (6 weeks)
All sessions are on Wednesdays from 4:30-6:00pm in JMHH 375 (Computer Lab)

Week 1 (10/16): Intro to Design Principles + UI/UX Design

Learn the importance of design, basic design principles, the difference between UI and UX, and how these skills are applied in industry. We’ll draw concepts from art, psychology, and tech to lay a solid design foundation for the rest of the course.

Week 2 (10/23): Identifying Good Design: Reviewing Popular Apps

Critique popular websites and mobile apps (e.g. Weather Channel, PennInTouch, MyWharton, Spotify, Airbnb, Lyft, Hulu, and Snapchat) using the design principles from the previous week, learning best practices from good apps and how to improve bad apps. We’ll also introduce style guides and app design guidelines for iOS/Android.

Week 3 (10/30): UI Design Tools: Recreating Instagram Using Figma