home.md

CPT-363 User Interface Design

What’s Happening This Week

How to explore the problem space?

Important Reminders

• Journey Map assignment Tue Jun 12th 11:59pm PDT
• Course Reflection Log assignment Fri Aug 3rd 11:59pm PDT

Required Reading

• The Skeptic’s Guide To Low-Fidelity Prototyping

Required Reading Quiz due Jun 4th

---

Week 1 (May 9 - 15)

What is usability and user experience design?

Summaries and Questions | Week 1

May 9th Class One-minute Summaries

Presented Slides | Week 1

<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vRnnRFelgw1ksq_p8Eryg3dnyLCRRLPf5fBgdwdv9p-tCIwcxqWvzDGrGbjxGHL7HqEJVpmV26ntk3a/embed?start=false&loop=false&delayms=3000" frameborder="0" width=780" height="585" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

Supplemental Materials | Week 1

Elements of User Experience by Jesse James Garrett

<iframe src="https://docs.google.com/viewer?url=https://qofr.files.wordpress.com/2016/11/q-of-r-presentation-11.pdf&embedded=true" style="width:780px; height:585px;" frameborder="0"></iframe>

Downloads | Week 1

Course Overview

Recommended Reading | Week 1

Usability 101: Introduction to Usability

---

Week 2 (May 16 - 22)

What does a holistic user experience design process look like?

Summaries and Questions | Week 2

May 16th Class One-minute Summaries

Presented Slides | Week 2

<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vRnnRFelgw1ksq_p8Eryg3dnyLCRRLPf5fBgdwdv9p-tCIwcxqWvzDGrGbjxGHL7HqEJVpmV26ntk3a/embed?start=false&loop=false&delayms=3000" frameborder="0" width=780" height="585" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

CPT-363 UX Design Process/Toolkit | Week 2

Downloads | Week 2

Product Reaction Cards

Assignments | Week 2

Course Reflection Log

Quick Quiz | Week 2

<iframe src="https://h5p.org/h5p/embed/214115" width="728" height="278" frameborder="0" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *" title="User-Centered Design"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

Recommended Reading

The Evolution of UX Process Methodology

---

Week 3 (May 23 - 29)

How to make more strategic design decisions?

Summaries and Questions | Week 3

May 23rd Class One-minute Summaries

Presented Slides | Week 3

<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vRnnRFelgw1ksq_p8Eryg3dnyLCRRLPf5fBgdwdv9p-tCIwcxqWvzDGrGbjxGHL7HqEJVpmV26ntk3a/embed?start=false&loop=false&delayms=3000" frameborder="0" width=780" height="585" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

Supplemental Materials | Week 3

<iframe width="780" height="585" src="https://www.youtube.com/embed/mSxpVRo3BLg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Assignments | Week 3

Journey Map

Required Reading | Week 3

What is a User Journey Map?

---

Week 4 (May 30 - Jun 5)

How to explore the problem space?

Summaries and Questions | Week 4

May 30th Class One-minute Summaries

Presented Slides | Week 4

<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vRnnRFelgw1ksq_p8Eryg3dnyLCRRLPf5fBgdwdv9p-tCIwcxqWvzDGrGbjxGHL7HqEJVpmV26ntk3a/embed?start=false&loop=false&delayms=3000" frameborder="0" width=780" height="585" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

Supplemental Materials | Week 4

<iframe width="780" height="585" src="https://www.youtube.com/embed/MwidSAlbEB8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Downloads | Week 4

4-UP BROWSERS + GRID
4-UP MOBILES + GRID

Required Reading | Week 4

The Skeptic’s Guide To Low-Fidelity Prototyping

---

Schedule

:fas fa-calendar fa-pull-left: Week 1 (May 9 - 15)

What is usability and user experience design?
:fas fa-desktop fa-fw: Introduction to UX Design
:fas fa-book fa-fw: Usability 101: Introduction to Usability

:fas fa-calendar fa-pull-left: Week 2 (May 16 - 22)

What does a holistic user experience design process look like?
:fas fa-keyboard fa-fw: Course Reflection Log Fri Aug 3rd 11:59pm PDT
:fas fa-desktop fa-fw: The Process of UX Design
:fas fa-book fa-fw: The Evolution of UX Process Methodology

:fas fa-calendar fa-pull-left: Week 3 (May 23 - 29)

How to make more strategic design decisions?
:fas fa-keyboard fa-fw: Journey Map Tue Jun 12th 11:59pm PDT
:fas fa-folder fa-fw: Informed Consent Materials
:fas fa-desktop fa-fw: Strategic UX Design
:fas fa-book fa-fw: What is a User Journey Map?

:fas fa-calendar fa-pull-left: Week 4 (May 30 - Jun 5)

How to explore the problem space?
:fas fa-desktop fa-fw: Prototyping
:fas fa-book fa-fw: The Skeptic’s Guide To Low-Fidelity Prototyping
:fas fa-users fa-fw: In-class office hours (tentative)

:fas fa-calendar fa-pull-left: Week 5 (Jun 6 - 12)

How to plan, conduct, and summarize usability tests?
:fas fa-desktop fa-fw: Usability Testing
:fas fa-book fa-fw: The Art of Guerrilla Usability Testing
:fas fa-users fa-fw: In-class office hours (tentative)

---

Resources

Reflective Writing

• A short guide to reflective writing
• How Reflecting On Your Work Can Make You A Better Designer
• Online Guide to Reflective Writing
• Reflective Toolbox
• Reflective writing: a basic introduction

UX Platform Guideline Collections

• Android User Interface Design Guidelines
• Google Material Design Guidelines
• iOS Human Interface Design Guidelines (iPhone and iPad)
• KDE Human Interface Design Guidelines
• OS X Human Interface Design Guidelines
• Windows App Design Guidelines (Touch)

UX Templates

• Contextual Interview Form
• One Page User Research Plan
• Templates & Downloadable Documents | Usability.gov
• cxpartners | Resources
• The PM Toolkit
• UX Project Checklist

UX Design Checklists

• A Checklist for Designing Mobile Input Fields
• Mobile UX Checklist (PDF, by Mobify)
• One-Page Touch Interaction Design Checklist (PDF)
• Usability checklist (Userium)
• UX Project Checklist

UX Technique Collections

• Methods | Usability.gov
• Methods | Usability Body of Knowledge
• Usability Planner
• UX Techniques (by UX Mastery)

UX Article Collections

• The UX Bookmark
• User Experience Magazine (UXPA)
• UI/UX Articles (Medium)

UX eBooks

• 50 UX Best Practices by Above the Fold (email address required)
• Bright Ideas for User Experience Designers
• The Fable of the User-Centered Designer

UX Design MOOCs & Courses

• Human-Computer Interaction | Coursera
• The Design of Everyday Things | Udacity
• Rapid Wireframing: Finding the Right Product Design

UX Podcast Collections

• Design Critique: Products for People
• Podcasts - UIE Brain Sparks
• Boagworld Podcast
• User Experience Podcast

UX Video Collections

• Google Developers Channel
• Interaction Design Association Vimeo Channels
• NNgroup YouTube Channel
• UX Mastery YouTube Channel

---

LMS Links

Calendar
Assignments
Quizzes
Class Discussions
Syllabus

---

Contact

Course Instructor

Some Name
[email protected]

Online office hours:
Mondays 12:00-1:30pm
Fridays 12:00-1:00pm

Suggestion, concern or complaint?
Send me your anonymous course feedback!