Dec 30, 2024  
2019-2020 Undergraduate Academic Catalog 
    
2019-2020 Undergraduate Academic Catalog [ARCHIVED CATALOG]

Add to Portfolio (opens a new window)

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 Axure, 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 Dreamweaver 
  • 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 Dreamweaver (or other coding tool)

 


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



Add to Portfolio (opens a new window)