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

CS 4963: UI Design

  • Upload
    kalona

  • View
    33

  • Download
    1

Embed Size (px)

DESCRIPTION

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.”. - PowerPoint PPT Presentation

Citation preview

Page 1: CS 4963: UI Design

CS 4963: UI Design

(or you are possibly in the wrong room)

Page 2: CS 4963: UI Design

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

Jason Alderman(pictured below)

Page 4: CS 4963: UI Design

Matthias Shapiro(pictured below)

Page 5: CS 4963: UI Design

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

What this course is NOT

Academic Human Computer Interaction (HCI)

Page 7: CS 4963: UI Design

What this course is NOT

Lots of tests (if any)

Page 8: CS 4963: UI Design

What this course is NOT

Lots of projects (if any)

Page 9: CS 4963: UI Design

What this course is NOT

Deep-dive

Side note: The internet is awesome

Page 10: CS 4963: UI Design

What this course is NOT

Boring

Page 11: CS 4963: UI Design

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

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

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

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

Real World Design & Development

Page 16: CS 4963: UI Design

Agile

The hip new(ish) thing

Page 17: CS 4963: UI Design

UX?

UX = User Experience

UX > UI

Page 18: CS 4963: UI Design

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

User Research

Page 20: CS 4963: UI Design

Information Architecture

Page 21: CS 4963: UI Design

Interaction Design

Page 22: CS 4963: UI Design

Visual Design

Page 23: CS 4963: UI Design

UI Development

IntegratorImplements VisD/IxD in UI code

Page 24: CS 4963: UI Design

Principles in UI Dev/Design

• Interaction design patterns

Page 25: CS 4963: UI Design

Principles in UI Dev/Design

Visual design principles

Color

Typography

Layout

Page 26: CS 4963: UI Design

Principles in UI Dev/Design

Designing forms

Page 27: CS 4963: UI Design

Principles in UI Dev/Design

• Designing for mobile

Page 28: CS 4963: UI Design

What do you want to learn?

• No, really!

Page 29: CS 4963: UI Design

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)