1 / 59

User-Centered Visual Design:

User-Centered Visual Design:. Views from Four Perspectives. Michael Schmidt, Director The University of Memphis Center for Multimedia Art Member, Palliative & End of Life Care Program St. Jude Children’s Research Hospital. Views from Four Perspectives:.

jholley
Download Presentation

User-Centered Visual Design:

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. User-Centered Visual Design: Views from Four Perspectives Michael Schmidt, DirectorThe University of Memphis Center for Multimedia ArtMember, Palliative & End of Life Care ProgramSt. Jude Children’s Research Hospital

  2. Views from Four Perspectives: Tactical - formal means for constructing visual artifacts Strategic - rhetorical means for conveying visual concepts Transformative - experiential means for greater user-centered insight Contextual - systemic means for framing, organizing, and sustaining a continuum of experiences, messages, and artifacts

  3. Postscript: Aesthetics

  4. Tactical View: Artifact

  5. Piet Zwart 1924

  6. Laszlo Moholy-Nagy 1925

  7. Laszlo Moholy-Nagy 1922

  8. 1925 Laszlo Moholy-Nagy

  9. Joost Schmidt 1923

  10. Jan Tschichold

  11. El Lissitsky 1917

  12. Ladislav Sutnar 1950

  13. McCall’s,August 1959 Otto Storch

  14. Saul Bass Ivan Chermayeff Paul Rand Yusaku Kamekura Raymond Loewy

  15. Massimo Vignelli c. 1980

  16. Willi Kunz

  17. Rosemarie Tissi 1996

  18. Bruno Manguzzi 1992

  19. Neville Brody 1999

  20. Josef Muller-Brockman

  21. * don't use more than 4 different font sizes per screen * use serif or sans serif fonts appropriately as the visual task situation demands * don't use all uppercase letters - use an uppercase/lowercase mix * don't overuse audio or video * don't use more than 4 different colors on a screen * don't use blue for text (hard to read), blue is a good background color * don't put red text on a blue background * use high contrast color combinations * use colors consistently * use only 2 levels of intensity on a single screen * Use underlining, bold, inverse video or other markers sparingly * on text screens don't use more than 3 fonts on a single screen http://ergo.human.cornell.edu/ahtutorials/interface.html

  22. Strategic View: Concept

  23. Visual Concept: a plan for generating intellectual and emotional responses by combining verbal and visual content—formally and rhetorically—in a manner that exploits both the advantages and the limitations of the chosen medium.

  24. Transformative View: Experience

More Related