30
CS 4963: UI Design (or you are possibly in the wrong room)

CS 4963: UI Design (or you are possibly in the wrong room)

Embed Size (px)

Citation preview

Page 1: CS 4963: UI Design (or you are possibly in the wrong room)

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)

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)

Jason Alderman(pictured below)

Page 4: CS 4963: UI Design (or you are possibly in the wrong room)

Matthias Shapiro(pictured below)

Page 5: CS 4963: UI Design (or you are possibly in the wrong room)

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)

What this course is NOT

Academic Human Computer Interaction (HCI)

Page 7: CS 4963: UI Design (or you are possibly in the wrong room)

What this course is NOT

Lots of tests (if any)

Page 8: CS 4963: UI Design (or you are possibly in the wrong room)

What this course is NOT

Lots of projects (if any)

Page 9: CS 4963: UI Design (or you are possibly in the wrong room)

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)

What this course is NOT

Boring

Page 11: CS 4963: UI Design (or you are possibly in the wrong room)

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)

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)

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)

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)

Real World Design & Development

Page 16: CS 4963: UI Design (or you are possibly in the wrong room)

Agile

The hip new(ish) thing

Page 17: CS 4963: UI Design (or you are possibly in the wrong room)

UX?

UX = User Experience

UX > UI

Page 18: CS 4963: UI Design (or you are possibly in the wrong room)

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)

User Research

Page 20: CS 4963: UI Design (or you are possibly in the wrong room)

Information Architecture

Page 21: CS 4963: UI Design (or you are possibly in the wrong room)

Interaction Design

Page 22: CS 4963: UI Design (or you are possibly in the wrong room)

Visual Design

Page 23: CS 4963: UI Design (or you are possibly in the wrong room)

UI Development

IntegratorImplements VisD/IxD in UI code

Page 24: CS 4963: UI Design (or you are possibly in the wrong room)

Principles in UI Dev/Design

• Interaction design patterns

Page 25: CS 4963: UI Design (or you are possibly in the wrong room)

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)

Principles in UI Dev/Design

Designing forms

Page 27: CS 4963: UI Design (or you are possibly in the wrong room)

Principles in UI Dev/Design

• Designing for mobile

Page 28: CS 4963: UI Design (or you are possibly in the wrong room)

What do you want to learn?

• No, really!

Page 29: CS 4963: UI Design (or you are possibly in the wrong room)

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)