Interface Design 2
Intermediate
UI Design
Product Design
Interface Design II
Intermediate Level Web & Mobile App Design
Teacher: Chris Gargiulo
Interface Design 2 is a hands-on, studio design course that covers industry standard user experience (UX) and user interface (UI) design processes including researching, planning, and designing bespoke client-based websites and mobile apps. Integral to the creative design process are the deliverables and documentation commonly used by creative studios and agencies to ensure that project goals and client objectives are met. In a project-based-learning environment, students plan, design, and code two interfaces: a website during the first half of the semester and a mobile app during the second half.
For each project, students choose a client, conduct background user research, develop a content strategy, and define the information architecture by drafting the necessary conceptual planning documentation such as site maps, low-fidelity wireframes, and interactive prototypes. Students conduct a series of tests and visual explorations, including color and typography studies, and go through multiple rounds of iterative design revisions until a custom design system and bespoke, high-fidelity mockups are created that best suit the project demands. Ultimately, students end up with two UX/UI portfolio projects, one website and one mobile app, along with accompanying case studies documenting their creative design process. Students concurrently enrolled in ART 258 Interface Programming 2 will code their ART 249 websites during the second half of their ART 258 semester.
SyllabusCourse Overview
Calendar
Videos
Course-Related Videos
The videos within this section provide supplemental information and context to the primary lessons and projects in this course. These videos are not required, but are highly recommended.
Project #1 Videos
The videos within this section are specifically for Project #1: designing a UI for a client website. These videos are mandatory and required.
Project #2 Videos
The videos within this section are specifically for Project #1: designing a UI for a mobile app. These videos are mandatory and required.
Links
Lessons
- Review of Web Design Terminology
- Review of Web Design and Development Process
- Intro to UI/UX Software
- Intro to Design Systems
- Intro to Iterative Design
- Portfolio Entries (Old Blog Post)
Assignments
Assignment Related
Students
- Gabby Abbey
- Ange Cook
- Katheren Lam
- Angelica Palilio
- Amy Rhee
- Emmanuel Correa
- Michael Fiocco
- Emiri Miyaji
- Hanna Shibata
- CatRiveros
- MeganEligio
- Lily Lam
- Kimi Li
- Selena Lytle-Brinck
- Kaleb Miranda
- CassNeri
- HanNguyen
- Lily Ri
- MariSumida-Miyashiro
- Maria Tanaka
- Mikaela Yasay
- TreZamora
- JennyZuniga
- John Doe 2022
- Liora Athlan
- Jiho Han
- Michael Harrell
- Torri Koizumi
- Christel Macadangdang
- Dave Maluyo
- Anthony Nishimura
- Dominic Nobriga
- John Doe 2021