213: User Interface Design &

Development

Prof: Tapan Parikh (parikh@ischool.berkeley.edu)TA: Deepti Chittamuru (

deepti@ischool.berkeley.edu)

Lecture #1 - January 20th, 2009

Today’s Outline

1) What’s this class about?

2) Introductions

3) Course Overview

4) Group Project

5) Administrivia

What’s this class about?

UI Design and Development

Methods, theories, heuristics and tools

for the design, implementation and

evaluation of user interfaces

The study of which is often termed

human-computer interaction, or HCI

Not only useful for UI, but also for

designing all kinds of useful and

usable applications and technologies

Human-Computer Interaction

Design Implement

Evaluate

Why is HCI important?

Design Implement

Evaluate

Design Computer Science

Psychology

Design = Art + Engineering

When I first saw this site, I thought it would be best to do nothing. - S.Calatrava

Comp Sci = Science + Engineering

In 20 or 30 years, you'll be able to hold in your hand as much computing knowledge as exists now in the whole city, or even the whole world. - Douglas Engelbart

Psych = Natural + Social Science

For an experiment in hand movement, post doc [name removed] electrically stimulates parts of lab manager [name removed]’s brain. - Berkeleyan, Janaury 25, 2007

Introductions

Course Overview

Design Implement

Evaluate

Course Outline

Weeks 1-6: Design

–Design process, methods,

principles

Weeks 7-9: Evaluation

–Qualitative, quantitative methods

Weeks 10-12: Implementation

–Toolkits, frameworks, theories

Weeks 13-14: Final Project Pres.

Group Project

Design, implement and evaluate a working prototype for a user need that you have identified

Can be a web-based, mobile or standalone application

2-4 members per group

Potential Projects

Personal Health Record (PHR) for

migrant vineyard workers

Information tools / skills for

services to HIV+ homeless people

Knowledge access and sharing for

ethnic minority farmers

Connecting small organic farmers to

concerned consumers

Benefits of a Team Approach

UI design requires many different skills– Design

– Management

– Programming

– Observation

– Writing

– Speaking

You must work together with others who have complementary abilities

Kinds of Groups

Managed Groups– strong leader– individual accountability

– organizational purpose

– individual work products

– efficient meetings– measures performance by influence on others

– delegates work

Teams– shared leadership– individual & mutual accountability

– specific team purpose

– collective work products

– open-ended meetings– measures performance from work products

– do real work together

Adapted from James Landay, Marti Hearst

Group Project Schedule

Subject to change

Group Project Schedule

Week 10: Experiment Design

Week 12: Revised Prototype

Week 14: Final Presentation

Week 16: Final Report

Subject to change

Grading

Subject to change

Administrivia

Administrivia

Class meets T,Th 330-5 PM in South Hall 202

Class website:

http://courses.ischool.berkeley.edu/i213/s0

9/

Prof’s office hours are Wed 1030-1130, Fri

3-4 in SH 303B (let me know if you’re

coming)

TA’s office hours are by appointment

Mailing List

Email majordomo@ischool.berkeley.edu with:

subscribe i213

in the body. You will receive a confirmation message to which you must reply. If you have any difficulty, send email to help@ischool.berkeley.edu

If you are signed up for class or on the waiting list, you have already been subscribed

Course Wiki

Linked from the course home page…

For organizing / submitting project

materials

You can also use the Wiki to post content

that is relevant for the entire class

* Please use the course mailing list and

Wiki *

Readings

Readings are due before class

Posted to the course schedule at least one week in advance

List of recommended books on home page - useful as references, but not essential

Show & Tell

Show & Tell

Nothing motivates design better then real

artifacts

Whenever we have time, we will use the last ten

minutes to discuss an application, device,

interface, widget, trend or another topic

related to HCI

Sometimes I will supply the topic, but I also

expect students to come prepared with their own

ideas - this is part of class participation!

For Thursday

Bring in examples of user interfaces,

applications or technologies that are either

extremely well-suited or poorly-suited for a

particular user group and/or task

– Who is it designed for?

– What is it supposed to do?

– Does it work well?

– Does it look good doing it?

Also For Next Time

Four short readings, linked from home

page

– Accessing readings requires an ISchool

account http://ischool.berkeley.edu/arf/

Start thinking about the project you

want to work on, and whom you want to

work with

Make sure you are signed up for Mailing

List