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

2. 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

3. 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

4. Design Areas sitemap storyboard mockup

5. 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 (?)

6. Feature Suggestions  Informal tool best in early design phases  Support multiple representations  Integration with other tools  Managing variations

7. DENIM

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

9. DENIM vs. Outpost DENIM  Individual  Targets Storyboards and Schematics (supports Sitemaps) Outpost  Collaborative  Targets Sitemaps

10. Design Study  Mock info architecture design task  5 design sessions  Conversation, observation, survey, video

11. 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

12. What did you think of DENIM vs. Outpost?

13. Design artifacts: brainstorming tools or communication devices?

14. What is the role of technology in supporting “informal” interactions? How do you define “informal”?

15. What has changed from 2000 to 2009 in web design practices?

16. Communication with clients: problematic?

17. Findings applicable for other fields?