Mar 19, 2025  
2025-2026 Undergraduate Academic Catalog 
    
2025-2026 Undergraduate Academic Catalog
Add to Portfolio (opens a new window)

UXD 1030 - Interface Design

3 lecture hours 0 lab hours 3 credits
Course Description
Interface Design explores the foundational principles of visual interface design, focusing on creating intuitive and functional user interfaces. Students will cover topics such as icons, user interface (UI) components, UI layout, and typography for multiple digital devices. Emphasis will be placed on developing low-fidelity and high-fidelity prototypes, equipping students with the skills to transform design concepts into practical interfaces. In addition to tools like Adobe CC, Figma, Dreamweaver, HTML, and CSS, the course introduces AI-driven tools and concepts, including Figma plugins, Visily, and prompt engineering techniques. These AI tools will help students explore rapid prototyping and automated design processes, enhancing their efficiency and creativity. The course will also incorporate A/B testing to help students understand how to evaluate different design variations and make data-driven decisions. This course is closely linked to Interaction Design (UXD 2020), allowing students to see how effective interface design contributes to seamless interactions and enhances the user journey. Through lectures and hands-on workshops, the course will highlight the visual aspects of interface design, its integration with AI-assisted methods, and its practical application. 
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 broader field of UX 
  • Create effective interface designs considering various contexts, audiences, and platforms
  • Apply prototyping techniques to translate design concepts into low-fidelity and high-fidelity prototypes
  • Demonstrate a solid grasp of Adobe Creative Cloud, Figma, HTML, CSS, and CSS Preprocessors, along with AI-based tools for design assistance
  • Utilize AI-driven design tools for rapid prototyping and modifications effectively
  • Conduct A/B testing to evaluate different design options, utilizing data-driven insights to inform decision-making
  • Communicate design rationale and intent through detailed annotations, ensuring clarity in design decisions

Prerequisites by Topic
  • None

Course Topics
  • Foundations of interface design 
  • Prototyping techniques 
  • AI in interface design  
  • Prompt engineering for UI generation 
  • Design tools and technologies
  • Data-driven UI design  
  • A/B testing for evaluating design variations 
  • Multi-device and responsive design
  • Communicating and documenting design decisions

Coordinator
Dr. Yun Dong



Add to Portfolio (opens a new window)