1 / 18

Jeffrey Heer · 7 May 2009

Design Tools. Jeffrey Heer · 7 May 2009. Administrivia. For rest of quarter, only 1 critique per lecture Lecture schedule has been adjusted Critique submission updating soon Comments on project abstracts posted Scores will be posted by end-of-day Next project milestone: ~2 weeks

ajay
Download Presentation

Jeffrey Heer · 7 May 2009

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Design Tools Jeffrey Heer · 7 May 2009

  2. Administrivia For rest of quarter, only 1 critique per lecture Lecture schedule has been adjusted Critique submission updating soon Comments on project abstracts posted Scores will be posted by end-of-day Next project milestone: ~2 weeks Schedule check-in meeting with 376 staff

  3. Early Stage User Interface Design Brainstorming • put designs in a tangible form Incomplete designs • illustrate important examples Sketching & other informal representations important

  4. Informal vs. Formal Representations Informal visual representation • communicates “unfinished” • encourages creativity • faster to create • Formal visual representation • communicates “finished” • inhibits creativity (detailing) • slower to create

  5. Informal User Interfaces Take advantage of natural input modalities • speaking • writing • gesturing • sketching Minimize recognition of the input • allow users to work & communicate naturally • document rather than transform

  6. Sketching All designers sketched ... at all levels

  7. Read my important email SUEDE:Informal Prototyping for Speech-based UIs Supports design practice • example scripts • Wizard of Oz • error simulation • iterative design (design-test-analysis) Informal user interface • no speech recognition or synthesis • need not be programming expert • fast & fluid design

  8. machine prompt user response

  9. SUEDE Summary SUEDE supports speech-based UI design • Moving from concrete examples to abstractions • Embeds iterative design • Informal interface supports fast & fluid design • Designers need not be speech technology experts Status • Downloaded over 1000 times (back in 2002) • Used by companies for designing telephone speech UIs

  10. Design Patterns Design is about finding solutions • unfortunately, designers often reinvent • hard to know how things were done before & to reuse solutions • design patterns allow designers to reuse what works well First used in architecture [Alexander] Communicate design problems & solutions • how to create a beer garden where people socialize… • how big doors should be & where… • how to use handles… Not too general & not too specific • use solution “a million times over, without doing it the same way twice”

  11. Web Design Patterns Communicate design problems & successful solutions • how to make e-commerce sites where people return & buy… • how to create a shopping cart that supports check out… • how to create navigation bars for finding relevant content…

  12. First-level navigation Second-level navigation Pattern Solution Captures essence on how to solve problem Navigation bar Generality of solution fits informal approach

  13. Informal Design Tools Iterative design is the key to good UIs Informal tools are the key to iterative design (?) Berkeley built several informal design tools • Web Design (Outpost & Denim) • Speech UI Design (Suede) • Multimodal, Cross device UI Design(CrossWeaver & Damask)

  14. Other Approaches? Juxtapose, Hartmann et al 2008

  15. Much of this material is based on James Landay’s 2002 research overview talk

More Related