cs 4963: ui design (or you are possibly in the wrong room)
TRANSCRIPT
![Page 1: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/1.jpg)
CS 4963: UI Design
(or you are possibly in the wrong room)
![Page 2: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/2.jpg)
Summary for Today
• Who we are• What this course IS• What this course is NOT• What we’re planning to cover• What do you want us to cover– You are our users– “Only two industries call their customers
users.”
![Page 3: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/3.jpg)
Jason Alderman(pictured below)
![Page 4: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/4.jpg)
Matthias Shapiro(pictured below)
![Page 5: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/5.jpg)
What this course is NOT
These are a few…
…of the things you won’t do in this class
![Page 6: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/6.jpg)
What this course is NOT
Academic Human Computer Interaction (HCI)
![Page 7: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/7.jpg)
What this course is NOT
Lots of tests (if any)
![Page 8: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/8.jpg)
What this course is NOT
Lots of projects (if any)
![Page 9: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/9.jpg)
What this course is NOT
Deep-dive
Side note: The internet is awesome
![Page 10: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/10.jpg)
What this course is NOT
Boring
![Page 11: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/11.jpg)
What this course IS
LIMITED BETA VERSION
READING & HANDS-ON LABS
LINE-OF-BUSINESS (LOB)
REAL-WORLD DESIGN & DEVELOPMENT
![Page 12: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/12.jpg)
What this course IS
LIMITED BETA VERSION
READING & HANDS-ON LABS
LINE-OF-BUSINESS (LOB)
REAL-WORLD DESIGN & DEVELOPMENT
![Page 13: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/13.jpg)
What this course IS
LIMITED BETA VERSION
READING & HANDS-ON LABS
LINE-OF-BUSINESS (LOB)
REAL-WORLD DESIGN & DEVELOPMENT
![Page 14: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/14.jpg)
What this course IS
LIMITED BETA VERSION
READING & HANDS-ON LABS
LINE-OF-BUSINESS (LOB)
REAL-WORLD DESIGN & DEVELOPMENT
![Page 15: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/15.jpg)
Real World Design & Development
![Page 16: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/16.jpg)
Agile
The hip new(ish) thing
![Page 17: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/17.jpg)
UX?
UX = User Experience
UX > UI
![Page 18: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/18.jpg)
INTERACTION DESIGNER
INFORMATION ARCHITECT
USER INTERFACE
DESIGN
USER EXPERIENCE
DESIGN
VISUAL DESIGNER
UI DEVELOPER
(INTEGRATOR)
USER RESEARCHER
COPY WRITER
IDENTITY DESIGNER(BRAND)
CUSTOMER SERVICE MANAGER
stolen shamelessly from robby ingebretsen – http://www.nerdplusart.com/
![Page 19: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/19.jpg)
User Research
![Page 20: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/20.jpg)
Information Architecture
![Page 21: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/21.jpg)
Interaction Design
![Page 22: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/22.jpg)
Visual Design
![Page 23: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/23.jpg)
UI Development
IntegratorImplements VisD/IxD in UI code
![Page 24: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/24.jpg)
Principles in UI Dev/Design
• Interaction design patterns
![Page 25: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/25.jpg)
Principles in UI Dev/Design
Visual design principles
Color
Typography
Layout
![Page 26: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/26.jpg)
Principles in UI Dev/Design
Designing forms
![Page 27: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/27.jpg)
Principles in UI Dev/Design
• Designing for mobile
![Page 28: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/28.jpg)
What do you want to learn?
• No, really!
![Page 29: CS 4963: UI Design (or you are possibly in the wrong room)](https://reader030.vdocuments.mx/reader030/viewer/2022032600/56649dbb5503460f94aac316/html5/thumbnails/29.jpg)
For next time…
1. “10 Most Common Misconceptions About User Experience Design”
http://mashable.com/2009/01/09/user-experience-design/
2. Point to one example of good design and one example of bad design (and tell us why)