Syllabus Sections
Publish Date
05/12/2021 16:26:20
Introduction to UX Tools
UXUI-1374
Credit Fall 2021
08/23/2021 - 12/12/2021
Course Information
Section 001
Distance Learning
T 09:00 - 09:55
DLS DIL
Josiah Spence
Section 001
Laboratory
T 09:55 - 11:40
DLS DIL
Josiah Spence
Office Hours
-
M W
12pm - 3pm
Remote
Virtual meetings held via Google Meet or Zoom
Course Requirements
Major Assignments:
Project 1, Working with Figma - Shapes, Screens, Prototypes
Project 2, Design principles - The essentials
Project 3: inVision Prototyping
Project 4: Mural - Present and give feedback
Project 5: Google Slides
Project 6: UI Kit manipulation/Design Systems
Project 7: Apply UI design guidelines to a wireframe
Project 8: Responsive Layouts
Project 9: Content Design and Wireframing with Figma
Project 10: Mobile Web - Interface design with Figma.
Project 11: Creating Focus images in Photoshop
Project 12: Tablet Web - Interface design with Figma.
Project 13: Desktop Web - Interface design with Figma.
Grading system:
Below is a list of assignments and their grade percentages for this course. If any of these projects or grades change, I will notify you of those changes before we continue with the project. Grades will be computed on a 100 point scale. Projects along with attendance, participation and presentation contribute to your final grade for the class.
Ongoing // Minor activities & quizzes, group discussion, participation // 5%
Week 1-4 // Software & Design Essentials // 20%
Week 5-7 // Kits and Guidelines // 20%
Week 8-10 // Layouts and wireframing // 20%
Week 11-16 // UI Design // 35%
Tools:
- Figma and inVision accounts(Free)
- Mural and Google Slides(Free)
Course Subjects
Course Competencies:
Competency Module 1: Manipulate tools used for User Experience Design.
Competency Module 2: Explain the difference between UI Guidelines, Design Systems and Design Patterns.
Competency Module 3: Initiate a design with a focus on layout and wireframing.
Competency Module 4: Create high fidelity website design for the mobile screen size.
Competency Module 5: Create high fidelity website design for the tablet screen size.
Competency Module 6: Create high fidelity website design for the desktop screen size.
Student Learning Outcomes/Learning Objectives
What you’ll learn to do by the end of this course:
Course Level Outcomes:
- Discover tools used for creating visual assets, for prototyping, and for collaboration.
- Design for Web & Mobile
- UI Design Patterns
- Intro to Design Systems
- Layout and Wireframe
- Design Project - Design to Prototype
What you’ll learn to do by the end of the program:
Program Level Outcomes:
- Demonstrate effective Ideation for creative problem solving and idea generation.
- Describe the benefits of team collaboration.
- Use Human Centered Design and Design Thinking for design challenges.
- Apply a User Centered Design process to design websites and software applications.
- Explain the effectiveness of information gathered through UX research methods.
- Produce prototypes for software applications using industry standard methods, tools, and techniques.
- Design and develop responsive layouts for multi-device applications.
- Demonstrate professionalism and proficiency, in the presentation, design, and delivery of a UX portfolio.