stanford hci group / cs376 design processes and tools sharon lin bowen li

17
stanford hci group / cs376 http:// cs376.stanford.edu Design Processes and Tools Sharon Lin Bowen Li

Post on 20-Dec-2015

220 views

Category:

Documents


1 download

TRANSCRIPT

stanford hci group / cs376

http://cs376.stanford.edu

Design Processes and Tools

Sharon LinBowen Li

Readings Sitemaps, Storyboards, and

Specifications: A Sketch of Web Site Design Practice - 2000– Mark Newman and James Landay

The Designers’ Outpost:A Tangible Interface for Collaborative Web Design – 2001 Scott Klemmer, Mark Newman, Ryan Farrell,

Mark Bilezikjian, James Landay

Sitemaps, Storyboards, and Specifications: A Sketch of Web Site Design Practice

Interviews with 11 designers Identify current web design practices for

developing informal design tool Brief intro to DENIM

Design Areassitemap

storyboard

mockup

Design Process Iterative refinement

Discovery, Design Exploration, Design Refinement, Production phases

Artifacts at different levels of detail Sitemaps, Storyboards, Schematics, Mock-

ups, Interactive Prototype

Presentations to client Want useful feedback, also want to

impress/please client Earlier move towards electronic-based tools

(?)

Feature Suggestions

Informal tool best in early design phases

Support multiple representations Integration with other tools Managing variations

DENIM

The Designers’ Outpost:A Tangible Interface for Collaborative Web Design

DENIM vs. OutpostDENIM Individual Targets

Storyboards and Schematics (supports Sitemaps)

Outpost Collaborative Targets Sitemaps

Design Study

Mock info architecture design task 5 design sessions

Conversation, observation, survey, video

Study Findings Facilitator and Open Board style

interactions Outpost more appropriate for information

architects than visual designers Only explicit user actions should trigger

visible system feedback Interest in annotations and versioning Capture and export of whiteboard

important

What did you think of DENIM vs. Outpost?

Design artifacts: brainstorming tools or

communication devices?

What is the role of technology in supporting “informal” interactions?

How do you define “informal”?

What has changed from 2000 to 2009 in web design

practices?

Communication with clients: problematic?

Findings applicable for other fields?