1 / 16

Design Tools Discussion

Design Tools Discussion. Jae min John Chen Wu May 1, 2008. Webpage Design. Blog design tools. Low-level design tools. calendar. Photoshop Dreamweaver Text editor. pictures. texts. Webpage Design. information. navigation. graphics. Integrated/others.

alejandroj
Download Presentation

Design Tools Discussion

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 Discussion Jae min John Chen Wu May 1, 2008

  2. Webpage Design Blog design tools Low-level design tools calendar Photoshop Dreamweaver Text editor pictures texts

  3. Webpage Design information navigation graphics Integrated/others • How long have you been using it? • Why do you like it? • What you don’t like about it? • Why not switch to other “better” tools?

  4. Webpage Design information navigation graphics • sequence? • time?

  5. Sitemaps, Storyboards, and Specifications: A Sketch of Web Site Design PracticeM.W. Newman and J.A. Landy • Goal: illuminate issues that would guide the design of informal tools for web site design • 11 designers, 10 of them from 5 design companies, the other one a freelance designer • Walk through the phases of a recent project

  6. Specializations and artifacts Site Map Mock-ups Prototypes Schematics Storyboards

  7. Tools of web design practice • Sketch on paper

  8. Desirable features • An informal user interface • Support multiple representations • Manage history and variations

  9. Critiques – 3.15/5 • Positive • Overall, I thought this article did a great job of providing an overview of understanding how the process of web design works, the various aspects of the design process, and the artifacts that are centric to the process. -- Amal Aziz • ...there were some things I really liked about the paper. One was the fact that it acknowledged the way design "really happens" in industry. -- Steve Marmon

  10. Critiques – 3.15/5 • Negative • Do the habits of designers at a couple of design firms really reflect what is common practice among website designers in general?-- Brett Miller • I'd love to see an updated version of this paper, because there are three areas where I feel that substantial changes have occurred that aren't captured by the 2000-version of design tools. 1. Explosion of CMS's, subsequent irrelevance of (simple) site-maps 2. user-generated content 3. effects of Flash prototypes or other mid-fi prototypes -- Mike Krieger's

  11. Minority Report?

  12. Designer’s Outpost - From Main Outpost System: UIST01, 12 November 2001

  13. Designer’s Outpost • Combining paper to electronic media • Electronic wall + post-it • Computer Vision, pen, other physical tools • Outpost for creating sitemaps • DENIM for creating schematics

  14. Outpost Interaction Techniques INK ADD LINK REMOVE SAVE MOVE MENU - From Main Outpost System: UIST01, 12 November 2001

  15. The Digital Advantage • What are the advantages of digital that can add value to paper? • Transition • Versioning • Remote collaboration • Then what are the disadvantages? • Distracting light • Cost • Latency

  16. Recent progress

More Related