UX 2021 - Interface Design II

3 lecture hours 0 lab hours 3 credits

Course Description
Interface Design II is the second class in an interface design sequence that builds on the introductory topics covered in Interface Design I. The course expands on interface practices and topics and discusses concepts such as designing interfaces for multiple devices and designing for component-based interfaces. The prototyping concepts and practice of Interface Design I are expanded to include conditions, interactions, and workflows. Students will expand proficiency with prototyping tools, Adobe XD and Figma, through workshops and assignments. Students will also be introduced to front-end frameworks and JavaScript and learn how to work with these tools as part of developing interfaces. This course balances lectures with in-class workshops to maximize theory and practice with concepts discussed. (prereq: UX 2011)

Course Learning Outcomes
Upon successful completion of this course, the student will be able to:

Understand how to create interface designs considering contexts, audiences, and devices
Proficiency in prototyping technique and workflows
Execute a high-fidelity prototype
Demonstrate proficiency with HTML, CSS, Adobe XD, and Figma
Demonstrate basic understanding of JavaScript
Communicate design rationale and intent via annotations in prototyping tools

Prerequisites by Topic

Basic understanding of HTML and CSS
Functional proficiency with Adobe XD and Figma

Course Topics

Designing for multiple devices, including mobiles and wearables
Designing for different contexts and audiences
Component-based UIs
Conditions and interactions for prototyping
Prototyping workflows
Introduction to front-end frameworks
Introduction to JavaScript

Coordinator
Dr. Nadya Shalamova

Announcement

The Raider Return

Milwaukee School of Engineering

Connect With MSOE

UX 2021 - Interface Design II