14
CS 615 User Interface Design - Overview Gabriel Spitz 1 Lecture # 1

CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Embed Size (px)

Citation preview

Page 1: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 1

CS 615 User Interface Design - Overview

Lecture # 1

Page 2: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 2

Lecture Objectives

Instructor

Course objectives

Course outline

Page 3: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 3

Before we startPlease send me an email to [email protected]

Include your personal informationYour name (First name, last name)

Student ID

Email address that you could be reached before class for class cancelation information

If you prefer add a phone number for text message

Page 4: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 4

Who Am I

Gabriel Spitz

BA, Psychology, NYU

MSIE, SUNY Buffalo

Sc.D, Behavioral Sciences, Technion, Israel

Principal Human Factors @ Akamai, IncUX Design, Customer Experience, Research,

Previously, LiveData, Aptima, Wang, BBN, MITRE

I am Human Factors Engineer & User Interface Designer (UX)

Page 5: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 5

Contact Information

[email protected]

Phone781-572-7695

Office hoursBy appointment

If needed M W 7:45-8:15 pm in class

Lectures’ Websitehttp://cs615.blackgecko.com

Page 6: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 6

Frequently Used Names

Human Factors Engineer

Interface Designer

Interaction Designer/Engineer

Graphical Designer

Usability Engineer

Information Architect

Technical Writer

More…

Page 7: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 7

Course Objectives – Understand

Understand what is a good UIGoals and criteria of good UI

Lear how to develop a usable and useful UI UI design process

Become sensitized to poor UIUI Design issues

Page 8: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 8

Why Take This Course?

Software is everywhere

More individuals use software to do their work

Individuals use software for longer and longer portions of their day

User Interface therefore impacts individuals:

Mood

Productivity

Safety

Page 9: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 9

My Design Objectives – Beyond Usability

Create a positive and rewarding user experience when using technology

Design technology with users’ work activity in mind

focus on designs that will enable individuals to be:

Productive - Do the work they need to do and beyond

Efficient – Do it in a way that will save them time and effort

Effective – Do it with minimal or no errors

Safe – Do it with no harm

Happy -

Page 10: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 10

Task vs. Activity Centered Design

User Task –

Get a Boarding Passfor my flight

User Activity –

Get home fast andcomfortably

Is there an earlierflight

Is there a better seat

Check in luggage

Get a Boarding Passfor my flight

Page 11: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 11

Course Requirements

Two interface evaluation projects (30%)Device or software interface evaluation – End of Feb. 2011

Website interface evaluation – Beginning of March

A Group project - interface design project –Mid May(40%)

A short midterm (20%)

Class attendance and participation (10%)

Page 12: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 12

Course Books

Course book

RecommendedGarett, J, J., 2003, The Elements of User Experience, User Centered Design for the Web, New Riders publication(Paperback)

Norman, D.A., 1989, The Design Of Everyday Things. New York, NY, Doubleday 1989

Web sitehttp://cs615.blackgecko.com

Page 13: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 13

Course Outline 1/2

Establishing ObjectivesWhat is UI d why worry about it

How we interact with products; Norman’s Action Model

Goal of UI design & Key UI design principles

Approaching the DesignUI design Process (including HCD)

Getting ready for design; Persona & Scenario

Task Analysis

Page 14: CS 615 User Interface Design - Overview Gabriel Spitz1 Lecture # 1

Gabriel Spitz 14

Course outline 2/2Designing

Understanding the Design Problem – Goals, Users and Environment

Conceptual Design – Scenarios, and low fidelity design concepts

User stories and Activity flow - understanding user’s activities and tasks

Interaction design – stringing tasks together, closure and guiding the user

Interface and dialog design – Wireframe design

Visual Design – High level visual design principles; PARK

EvaluationEvaluation- heuristic evaluation and user testing