Welcome to CS130(0): User Interfaces and User Experience!
Collect $200 as you pass GO.
LOCATION: Martinos Auditorium (Granoff 110)
TIME: Tuesdays and Thursdays, 1pm - 2:20pm
This course will cover concepts in human-computer interaction that focus on designing user interfaces. Topics include understanding when to use different interfaces, modeling and representing user interaction, principles of user experience design, eliciting requirements and feedback from users, methods for designing and prototyping interfaces, and user interface evaluation. Students interested in learning the process behind building a user interface and gaining hands-on experience designing a user interface should take this course.

Both CS1300 and CS0130 will have the same lecture, labs, and readings, but some assignments will differ. CS1300 will have assignments with computer science prerequisites (involving more statistics, logic, programming). You may choose which one you want to take, but you won't be able to take the other one for credit in the future. CS1300 provides 1000-level CS credit, but CS0130 does not, so CS concentrators may prefer CS1300. Typically, a number of RISD students also take the course; RISD students should come to the first day of class to get information about enrolling. Any student in CS0130 may substitute their assignment with the corresponding CS1300 assignment for credit, but not vice versa. Note that due to both courses having the same lecture, all students will see everyone in both courses, and sometimes work with students in the other course number.

UI Camp happens in the first weekend of class. UI Camp is a 2-day bootcamp that teaches you all about the basics of UI softwares. Each day will consist of three sessions led by the TAs: Sketch + Framer, Balsamiq + InVision + Adobe XD, and an optional Javascript session. This a chance to obtain lab credits and meet the TAs early on; the labs will introduce design tools that will be useful for later assignments. Please RSVP through this form. Snacks will be provided by the TAs. UI Camp is sponsored by Balsamiq, a rapid lo-fi wireframing tool.



Lecture Due (Noon) Date
Introduction 09/06
History 09/11
Affordances Reading: Portfolios [PROMPT] 09/13
Models 09/18
Understanding Assignment: Everyday UI [HANDOUT] 09/20
Text 09/25
Visual Reading: Design (Norman) [PROMPT] [READING] 09/27
Layout [grid example] 10/02
Prototyping Assignment: Personas & Storyboarding [HANDOUT], Reading: Canon (Vignelli) [READING] 10/04
activity 10/09
Evaluation [examples] Reading: Sketching (Buxton) [PROMPT] [READING] 10/11
Usability 10/16
Analysis Assignment: Redesign [HANDOUT] 10/18
GUI 10/23
Interaction Reading: About Face (Cooper) [PROMPT] [READING] 10/25
Navigation 10/30
Accessibility Assignment: A/B Testing [130 HANDOUT] [1300 HANDOUT] 11/01
Pointing 11/06
Natural Reading: Input (Buxton) [PROMPT] [READING] 11/08
Output 11/13
Crits Iterative Design Prototype 11/15
HCI (optional) 11/20
No class (Thanksgiving) Assignment: Iterative Design [130 HANDOUT] [1300 HANDOUT] 11/22
React [Notes, Sample Code] 11/27
Social Reading: Goffman and Eggers [PROMPT] [GOFFMAN] [EGGERS] 11/29
Emotion 12/04
Onboarding Assignment: Development (1300) [HANDOUT] or Input (130) [HANDOUT] 12/06
No class 12/11
Portfolio (peer practice) Reading: NYT Innovation Report [PROMPT] [HANDOUT] 12/13
No class 12/18
No class Final Portfolio / Project [HANDOUT] 12/20

Guest SpeakerAffiliation & TitleDay
Vanessa ChoGoogle Ventures, Design Startup Executive10/09
Merrie MorrisMicrosoft Research, Accessibility Research Lead11/06
Dylan FieldFigma, CEO11/08
Brad MyersCMU, HCI Professor12/07


everyday ui

personas &


a/b testing &
user testing

Iterative Design

development /

final portfolio /


* Assignments and Readings are due on Thursdays at 12:00 p.m. (noon) on Gradescope.


All labs are held in Granoff N320 (MML) or CIT 269.

Date Time Location Lab (Software) Sign-Up Handout Slides
09/08 10:30 a.m. - 5:10 p.m. CIT UI Camp Day 1 N/A N/A
09/09 10:30 a.m. - 5:10 p.m. CIT UI Camp Day 2 N/A N/A
09/12 7 - 9 p.m. MML + Adobe XD N/A Slides
09/14 4 - 6 p.m. MML InVision + Balsamiq N/A Slides
09/17 7 - 9 p.m. MML JavaScript Handout Slides
09/19 7 - 9 p.m. MML + Adobe XD N/A Slides
09/21 4 - 6 p.m. MML Sketch + Framer Handout Slides
09/24 7 - 9 p.m. MML InVision + Balsamiq N/A Slides
09/26 7 - 9 p.m. MML Figma Handout Slides
09/28 4 - 6 p.m. MML JavaScript Handout Slides
10/05 4 - 6 p.m. MML Figma Handout Slides
10/10 7 - 9 p.m. MML React Handout N/A
10/12 4 - 6 p.m. MML + Adobe XD N/A Slides
10/15 7 - 9 p.m. MML React Handout N/A
10/26 4 - 6 p.m. MML React Handout N/A
10/28 5 - 7 p.m. CIT 269 React Handout N/A
10/30 7 - 9 p.m. CIT 269 + Adobe XD N/A Slides
11/06 7 - 9 p.m. CIT 269 Figma Handout Slides
11/10 2 - 4 p.m. CIT 269 React Handout N/A
11/11 5 - 7 p.m. CIT 269 Sketch + Framer Handout Slides

(general questions for all TAs)
(HTAs, Grad TA, & Jeff)
(sensitive issues)

Jeff Huang
Hours: Tuesdays 2:30 - 4:00 p.m.
Office: CIT 407
Hannah Chow
Junior concentrating in CS. Born and raised in Chicago. Mid-2000s cartoons connoisseur, comic book + scifi geek, lover of all things stationery-related, pringles addict.
Kat Chai
Junior concentrating in CS-Econ with an interest in graphic design. Has a soft spot for Milano cookies, especially the orange chocolate ones.
Alainey Hellman
Senior concentrating in CS with an interest in visual art and digital design. Other interests include video games, creative writing, and D & D.
Esther Choi
Junior concentrating in CS and Public Policy. Born in Seoul, raised in Boston. Music lover. Supporter of pineapple on pizza.
Iris Lee
Junior concentrating in CS. Lived in California and Taiwan before moving to the CIT. Enjoys grocery shopping.
Jessie Jiang
Junior concentrating in CS and Public Policy. Born and raised in Beijing. Film enthusiast, dessert lover, owner of a 12-year-old Corgi.
Maggie Matsui
Senior concentrating in CS and Statistics. Also a dog lover.
Marshall Lerner
Junior studying Computer Science. Midwest liver and lover of all things edible. If you want to bribe me sugar cookies are the quickest way to my heart.
Tanya Agarwal
Senior at RISD majoring in Graphic Design. Lover of animals and terrified of reptiles. Has a dog named Google and an obsession with Sea Otters.
Valerie Nguon
Senior concentrating in CS. Will stop mid-sentence to point out a cute animal in sight. If it looks like I'm crying, it's because I have allergies.
Jing Qian
3rd Year Ph.D. in CS, Grad TA. Born in China, raised in Shanghai, Cologne, Los Angeles. Trained programmer, visual communication designer and media artist.


Should I put my name on hand-ins via Gradescope?
No. If you submit through Gradescope, it will record the name you signed up for Gradescope with on your submission. Please be sure to sign up with your first and last name that you used to register for the course (i.e. not a nickname).
Can I take the course as a capstone?
Yes, but you must extend an assignment into something that has substantial development and design components. This can be done as a group, but the amount of work should be proportional to the group size.
Will there be a textbook for the course?
No, all readings will be available on this website.
Will there be a final exam?
Nope! You will complete either a portfolio review or a group project for your final assignment.
When is the last day I have to come to class?
The last day you have to be physically present in class is Thursday, December 13, 2018.
Can I take this course as a non-CS concentrator?
The CS0130 track is designed for non-concentrators and has no prerequistes. However, CS1300 requires one of the intro CS sequences (CS15/16, CS17/18, or CS19) and some knowledge of Javascript (which can be learned at UI Camp), but you may still enroll in CS1300 if you satisfy those even as a non-CS concentrator.