May 13, 2024  
2022-2023 Course Catalog 
    
2022-2023 Course Catalog [ARCHIVED CATALOG]

Add to Portfolio (opens a new window)

WEBD 2123 - Interactive User Interface Design

Credits: 3
Hours/Week: Lecture 2 Lab 2
Course Description: Planning is an integral aspect of the design process. This hands-on course includes conducting user research; user interface design; creating mood boards and style guides; creating wire frames, sitetypes, and sitemaps; conducting usability tests and analysis towards building a comprehensive website project. Topics also includethe following design principles: white space, color, contrast, scale, alignment, typography, and visual hierarchy.
MnTC Goals
None

Prerequisite(s): WEBD 1127  with a grade of “C” or higher
Corequisite(s): None
Recommendation: None

Major Content
  1. Planning
    1. requirements analysis
    2. specification documents
    3. timeline/workflow management
    4. storyboarding/sitemap
    5. information design
    6. design/development/testing
    7. publishing
  2. Asset management
    1. copy text
    2. images
    3. fonts
    4. audio
    5. video
    6. minification
    7. file sizes
    8. sprites
  3. User research
    1. demographics
    2. webographics
    3. psychographics
  4. Google material design
  5. Adobe XD overview
  6. UI/UX
  7. Wireframes
  8. Mood boards
  9. Style guides
  10. Principles of Design:
    1. white space, color, and contrast
    2. scale, alignment, and typography
    3. visual hierarchy
  11. Prototyping
  12. Web standards
  13. Usability testing
    1. determine metrics
    2. create task analysis
    3. identify test type
    4. find participants
    5. conduct test
    6. analysis

Learning Outcomes
At the end of this course students will be able to:

  1. demonstrate planning:
    1. create requirements analysis
    2. create specification documents
    3. establish timeline/workflow management and asset management
    4. create storyboarding/sitemap
    5. employ information design
    6. design webpages
    7. develop website
    8. conduct usability testing
    9. publish finished product
  2. examine Google material design.
  3. design with Adobe XD.
  4. create wireframes.
  5. create mood boards.
  6. create style guides.
  7. review the formal principles of design.
  8. create high fidelity interactive prototypes.
  9. employ UX scenarios.
  10. administer web standards according to the World Wide Web Consortium.
  11. distinguish audiences for intended web sites.
  12. estimate a timeline to complete web site.
  13. design a web site using integrated skills.
  14. demonstrate the ability to separate design elements from content.
  15. conduct usability testing.

Competency 1 (1-6)
None
Competency 2 (7-10)
None


Courses and Registration



Add to Portfolio (opens a new window)