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

Preview:

Citation preview

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.”

Jason Alderman(pictured below)

Matthias Shapiro(pictured below)

What this course is NOT

These are a few…

…of the things you won’t do in this class

What this course is NOT

Academic Human Computer Interaction (HCI)

What this course is NOT

Lots of tests (if any)

What this course is NOT

Lots of projects (if any)

What this course is NOT

Deep-dive

Side note: The internet is awesome

What this course is NOT

Boring

What this course IS

LIMITED BETA VERSION

READING & HANDS-ON LABS

LINE-OF-BUSINESS (LOB)

REAL-WORLD DESIGN & DEVELOPMENT

What this course IS

LIMITED BETA VERSION

READING & HANDS-ON LABS

LINE-OF-BUSINESS (LOB)

REAL-WORLD DESIGN & DEVELOPMENT

What this course IS

LIMITED BETA VERSION

READING & HANDS-ON LABS

LINE-OF-BUSINESS (LOB)

REAL-WORLD DESIGN & DEVELOPMENT

What this course IS

LIMITED BETA VERSION

READING & HANDS-ON LABS

LINE-OF-BUSINESS (LOB)

REAL-WORLD DESIGN & DEVELOPMENT

Real World Design & Development

Agile

The hip new(ish) thing

UX?

UX = User Experience

UX > UI

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/

User Research

Information Architecture

Interaction Design

Visual Design

UI Development

IntegratorImplements VisD/IxD in UI code

Principles in UI Dev/Design

• Interaction design patterns

Principles in UI Dev/Design

Visual design principles

Color

Typography

Layout

Principles in UI Dev/Design

Designing forms

Principles in UI Dev/Design

• Designing for mobile

What do you want to learn?

• No, really!

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)

Contact Us

Matthias Shapiromatthias.shapiro@gmail.com

Jason AldermanJason.alderman@utah.edu

Recommended