1. Gabriel Spitz
CS 615 In A Nutshell
Lecture # 1

2. Today Me Course objectives – UI design
Gabriel Spitz
Today Me
Course objectives – UI design
UI design as a critical part of UX
Other fields contributing to UX
Course outline
My Expectations

3. Who Am I Gabriel Spitz BA, Psychology, NYU MSIE, SUNY Buffalo
Sc.D, Behavioral Sciences, Technion, Israel

4. Gabriel Spitz
Contact Information
Phone
Office hours
By appointment
If needed M W 8:00-8:15 pm in class
Lectures’ Website

5. Course Objectives – Understand
Gabriel Spitz
Course Objectives – Understand
Understand what is a good UI
Goals and criteria of good UI
Learn how to develop a usable and useful UI
UI design process
Become sensitized to poor UI
UI Design issues

6. UI Or UX A common question, are we designing UI or UX
Gabriel Spitz
UI Or UX
A common question, are we designing UI or UX
UI = User Interface
UX = User Experience
UI is not UX

7. User Experience and User Interface Design
Gabriel Spitz
User Experience and User Interface Design
UX is the abstract feelings people get from using a product
UI is what we design and what people interact with
When we design a product we want the UX to be as positive as possible, we want users o enjoy using our product or service, but we cannot manage it
Good UX depends on good UI
Good quality UI directly impacts UX

8. Gabriel Spitz
UI – UX Example (1)
Trello enables users to drag and drop "cards” from one list to another
Drag and Drop is a UI interaction pattern
Drag and Drop improves UX by making the interaction more convenient

9. UI – UX Example (2) Airbnb uses "Lazy signup" UI pattern
Gabriel Spitz
UI – UX Example (2)
Airbnb uses "Lazy signup" UI pattern
Lazy signup allows users to shop first and create an account later
By delaying sign up until a user is ready to buy “commitment” pressure is reduced and shopping experience is improved

10. Examples of UI  UX UI UX Consistency Instruction Sound effect
Gabriel Spitz
Examples of UI  UX UI UX
Consistency
Instruction
Sound effect
Color schema
A sense of familiarity and therefore comfort
confidence in how things work
reassurance
Certain ambiance

11. Gabriel Spitz
Facets of UX
Peter Morville 2004

12. What Will We Cover in CS 615
The process of designing the User Interface
Steps in creating a usable user interface
How to evaluate the User Interface
Principles of usable user interface

13. Course Requirements Interface design and evaluation projects (60%)
Gabriel Spitz
Course Requirements
Interface design and evaluation projects (60%)
Quizzes (30%)
Class attendance and participation (10%)

14. Course Books Recommended Web site
Gabriel Spitz
Course Books
Recommended
Garett, J, J., 2003, The Elements of User Experience, User Centered Design for the Web, New Riders publication(Paperback)
Norman, D.A., 2013, The Design Of Everyday Things. New York, NY, Doubleday 2013
Web site