CS 615 User Interface Design - Overview

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

description

CS 615 User Interface Design - Overview. Lecture # 1. Lecture Objectives. Instructor Course objectives Course outline. Before we start. Please send me an email to [email protected] Include your personal information Your name (First name, last name) Student ID - PowerPoint PPT Presentation

Transcript of CS 615 User Interface Design - Overview

Page 1: CS 615 User Interface  Design - Overview

Gabriel Spitz 1

CS 615 User Interface Design - Overview

Lecture # 1

Page 2: CS 615 User Interface  Design - Overview

Gabriel Spitz 2

Lecture ObjectivesInstructorCourse objectivesCourse outline

Page 3: CS 615 User Interface  Design - Overview

Gabriel Spitz 3

Before we startPlease send me an email to [email protected] your personal information

Your name (First name, last name)Student IDEmail address that you could be reached before class for class cancelation informationIf you prefer add a phone number for text message

Page 4: CS 615 User Interface  Design - Overview

Gabriel Spitz 4

Who Am I Gabriel SpitzBA, Psychology, NYUMSIE, SUNY BuffaloSc.D, Behavioral Sciences, Technion, IsraelPrincipal Human Factors @ Akamai, Inc

UX Design, Customer Experience, Research,

Previously, LiveData, Aptima, Wang, BBN, MITREI am Human Factors Engineer & User Interface Designer (UX)

Page 5: CS 615 User Interface  Design - Overview

Gabriel Spitz 5

Contact Information

[email protected]

Phone781-572-7695

Office hoursBy appointmentIf needed M W 7:45-8:15 pm in class

Lectures’ Websitehttp://cs615.blackgecko.com

Page 6: CS 615 User Interface  Design - Overview

Gabriel Spitz 6

Frequently Used Names

Human Factors EngineerInterface DesignerInteraction Designer/EngineerGraphical DesignerUsability EngineerInformation ArchitectTechnical WriterMore…

Page 7: CS 615 User Interface  Design - Overview

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 Spitz 8

Why Take This Course?Software is everywhereMore individuals use software to do their workIndividuals use software for longer and longer portions of their dayUser Interface therefore impacts individuals:

MoodProductivitySafety

Page 9: CS 615 User Interface  Design - Overview

Gabriel Spitz 9

My Design Objectives – Beyond Usability

Create a positive and rewarding user experience when using technologyDesign technology with users’ work activity in mindfocus on designs that will enable individuals to be:

Productive - Do the work they need to do and beyondEfficient – Do it in a way that will save them time and effortEffective – Do it with minimal or no errorsSafe – Do it with no harmHappy -

Page 10: CS 615 User Interface  Design - Overview

Gabriel Spitz 10

Task vs. Activity Centered Design

User Task – Get a Boarding Passfor my flight

User Activity – Get home fast andcomfortablyIs there an earlierflightIs there a better seatCheck in luggageGet a Boarding Passfor my flight

Page 11: CS 615 User Interface  Design - Overview

Gabriel Spitz 11

Course Requirements

Two interface evaluation projects (30%)Device or software interface evaluation – End of Feb. 2011Website 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 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 Spitz 13

Course Outline 1/2Establishing Objectives

What is UI d why worry about itHow we interact with products; Norman’s Action ModelGoal of UI design & Key UI design principles

Approaching the DesignUI design Process (including HCD)Getting ready for design; Persona & ScenarioTask Analysis

Page 14: CS 615 User Interface  Design - Overview

Gabriel Spitz 14

Course outline 2/2Designing

Understanding the Design Problem – Goals, Users and EnvironmentConceptual Design – Scenarios, and low fidelity design conceptsUser stories and Activity flow - understanding user’s activities and tasksInteraction design – stringing tasks together, closure and guiding the userInterface and dialog design – Wireframe designVisual Design – High level visual design principles; PARK

EvaluationEvaluation- heuristic evaluation and user testing