UXD 1030 - Interface Design

3 lecture hours 0 lab hours 3 credits

Course Description
Interface Design introduces theory and practices of user interfaces. Students will learn the principles of user interface design and some common elements of interfaces. Students will consider how to design interfaces for different audiences, contexts, single devices, multiple devices and designing for component-based interfaces. Students will learn Adobe XD, Figma, Dreamweaver, text editing tools, HTML, CSS, and JavaScript to create prototype concepts and practice conditions, interactions, and workflows. The course explores these concepts and tools through a balance of lectures and in-class workshops.
Prereq: None
Note: None
This course meets the following Raider Core CLO Requirement: None

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

Explain how user interface design is integrated into the field of user experience
Create interface designs considering contexts, audiences, and devices
Apply prototyping techniques and workflows to design interfaces for different contexts and audiences
Demonstrate proficiency with HTML, CSS, Adobe XD, Figma, and text editing tools and show basic understanding of JavaScript
Communicate design rationale and intent via annotations in prototyping tools

Prerequisites by Topic

None

Course Topics

User interface design principles
Designing for different contexts, audiences, and devices
Expansion of wireframing and prototyping skills
Introduction to HTML and CSS
HTML/CSS best practices
Adobe XD, Figma, Dreamweaver, and text editing tools
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 JavaScript

Coordinator
Dr. Nadya Shalamova

Announcement

The Raider Return

Milwaukee School of Engineering

Connect With MSOE

UXD 1030 - Interface Design