Instructor: Lorie Loeb
Office: Sudikoff 163
Office Phone: 603.686.8726
Office Hours: Thursdays 12:30-2:30pm
X-hours: All x-hours are mandatory
This two-term course is funded by the DCAL Experiential Learning Seed Grant because of the innovative approach to mixing classroom and applied learning.
Every digital interface/interaction (e.g. web and mobile application, car dashboard, smart appliance) was designed to solve a problem or to make our lives better, easier, more successful. User Interface (UI) design refers to the way the interface looks (the actual layout of its elements). User Experience (UX) design tackles how it feels to use the product (what do we do? how do we feel?). This course teaches the principles and practice of UI/UX design through weekly exercises and homework (team and individual), student blogs and toolkits, class discussions, a field trip to a design firm and museum, presentations, and projects.
This is a two-term course sequence. CS25.01 and CS25.02 are hands-on, projects-based courses that teach the history, principles, tools, and practice of User Interface (UI) and User Experience (UX) Design. The first term (CS25.01) is open to First Year and Sophomore students with an interest in human centered design, product design, UI/UX design, interaction design, graphic design, or any other related field. No previous experience needed. We focus on design for digital screens, but will also explore design for installations and physical spaces.
CS25.01 (Spring ‘19) will be structured as other projects-based courses, with weekly assignments that build on each other and are intended to teach the foundational skills and thinking of UI/UX design. Students who successfully complete the first term are expected to take CS25.02 (offered in the following Summer ‘19, Fall ‘19, or Winter ‘20 terms) as a designer in the DALI Lab, where students will design a digital tool as part of a team of designers, developers, and a project manager. Both terms count toward the HCD or Digital Arts minors.
How to Succeed in this Course
Evaluation of student success will be based on assignments that include observation, brainstorming, sketching and prototyping, computer-generated low and hi res mock-ups, user testing, and analysis. There are a mix of short--skill-building--assignments and a long-term project designed to put learning into practice. In addition, students are expected to participate in discussions and reflections, generate regular entries to their blogs, build a personal website and portfolio, and do a final presentation of their work. Students will work alone and in teams.
Understand the definition and principles of UI/UX Design in order to design with intention.
Achieve a deep understanding of the entire life-cycle of design—the process, purpose, and tools.
Learn the basics of HCI (human-computer interaction) and the psychology behind user decision-making.
Discover the industry-standard tools and specific project deliverables in UI/UX.
Increase impact by being able to explain why you made the choices you made, and learning how to be an effective and persuasive communicator.
Improve presentation skills, including presentations of homework, portfolio building, process pages, and a poster at the end of the term, help you demonstrate skills, aesthetic viewpoint, UI/UX process.
Weekly Homework - 30%
Weekly Exercises - 20%
Weekly Reflections and Toolkit - 20%
Class attendance and Participation - 10%
Final Project and Presentation - 20%
More than one unexcused absence will result in a lowering of your grade.
Exercises and Homework Grading
Exercises are generally assigned on Tuesdays and due on Thursdays. Grading is out of 3 points as follows:
1 point for turning it in on time
1 point for completion of all elements of the exercise
1 point for effort and craft
Homework is generally assigned on Thursdays and due on the following Tuesday. Homework is graded on a 10 point scale, based on two factors:
6 points for completion of the assignment
Incomplete homework (turned in on time) results in a loss of 2 points
Late homework results in a loss of 4 points
4 points for effort and craft
Bonus Points: 1-2 points awarded for particularly creative thinking, strong demonstration of craft, extra effort
Homework and exercises are due one hour before class on the day it is due.
Student Accessibility and Accommodations
Students with disabilities who may need disability-related academic adjustments and services for this course are encouraged to see me privately as early in the term as possible. Students requiring disability-related academic adjustments and services must consult the Student Accessibility Services office in Carson Hall 125 or by phone: 646-9900 or email: Student.Accessibility.Services@Dartmouth.edu.
Once SAS has authorized services, students must show the originally signed SAS Services and Consent Form and/or a letter on SAS letterhead to me. As a first step, if you have questions about whether you qualify to receive academic adjustments and services, you should contact the SAS office. All inquiries and discussions will remain confidential.
Some students may wish to take part in religious observances that occur during this academic term. If you have a religious observance that conflicts with your participation in the course, please meet with me before the end of the second week of the term to discuss appropriate accommodations.
The faculty, administration, and students of Dartmouth College recognize the Academic Honor Principle as fundamental to the education process. Any instance of academic dishonesty is considered a violation of the Academic Honor Principle. Please see the full set of policies in the Student Affairs Guidelines.
Week 1: UI/UX Overview
3/26: Intro to UI/UX
EX: Finding bad UI/UX design
3/28: Design Thinking
Project 1 “HelloFresh”
HW: Team Design Sprint (Empathize > Define > Sketch)
X-hour 4/1: Design Toolkit and UI/UX Notebook
Week 2: User Research
4/2: How to identify stakeholders
Project 2 “The Guest List”
EX: Defining stakeholders
4/4: How to identify user needs
X-hour 4/8: Creating UX Flows
Week 3: User Journeys
4/9: Mapping the user journey
Project 3 “The Recipe”
EX: Making a user journey
4/11: Finding solutions & constraint cards
HW: Sketching solutions
X-hour 4/15: intro to Figma
Week 4: UX Principles
4/16: Present Sketches | UX Principles
EX: Converting Sketches to Grayscales
4/18: Psychology of UX
HW: Figma grayscales
X-hour 4/22: refining grayscales in Figma
Week 5: User Testing
4/23: Understanding user testing
EX: Prepare grayscales for user testing
4/25: Design for Inclusion
HW: User Testing
X-hour 4/29: Figma UI
Week 6: UI Principles
4/30: UI Principles: layout and alignment
Project 4 “Setting the Table”
EX: Finding good UI
5/2: UI Principles: color and text
HW: UI Design
X-hour 5/6: Dynamic: prototyping interactions
Week 7: Topics in UI
5/7: UI Components: buttons, icons, controls
EX: Style Guide Analysis
5/9: Responsive Design
HW: UI Component Library
X-hour 5/13: Presentation Activity
Week 8: Field trip & Final Project
5/14: Field trip to Boston - visit design firm
(field trip, no assignment)
5/16: Present UI Designs
Final Project assigned
X-hour 5/20: Portfolio Workshop
Week 9: Special Topics & Final Project
5/21: Information Visualization
Continue final project: UX
5/23: Delight and Impact Design
Continue final project: UI
Week 10: Check-ins & Presentations
X-hour 5/27: Final project check-ins
5/28: Final project check-ins
5/29: Final Presentations at Technigala