1 / 22

Form Language For Stepping Back

Form Language For Stepping Back. Presentation for Rich Visualization 14 March 2006. Carlijn Stoof Linda van den Hurk H.K. Siniz Kim. INTO. BACK. feel real sense empathy photo/illustration detail make story diversify wood. get overview information illustration/graph abstract

debbie
Download Presentation

Form Language For Stepping Back

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. Form Language For Stepping Back Presentation for Rich Visualization 14 March 2006 Carlijn Stoof Linda van den Hurk H.K. Siniz Kim

  2. INTO BACK feel real sense empathy photo/illustration detail make story diversify wood get overview information illustration/graph abstract visualize facts converge forest

  3. converge diversify INTO BACK mindmaps - abstraction hierarchy - infographics - idea sketch - - persona - storyboard - rendering Designing; iteration of steps into and back

  4. With stepping back in designing, designer can get an overview and broader perspective on issues, and also explore further associations and possibilities. BACK 1. mindmaps 2. abstraction hierarchy 3. infographics

  5. Mindmaps The mind map harnesses the full range of cortical skills- words, image, number, logic, rhythm, colour, and spatial awareness - in a single powerful technique. In so doing it gives you the freedom to roam the infinite expanse of your brain. Techniques 1. use emphasis 2. use association 3. be clear 4. develop a personal style Layout 1. use hierarchy 2. use numerical order

  6. Mindmaps Tips! Do Don’t 1. use keywords 2. add blank lines 3. ask questions 4. add images 5. maintain awareness of your infinite associational capacity 1. make mindmaps that aren’t really mindmaps 2. have the idea that phrases are more meaningful 3. have the idea that a ‘messy’ mindmap is no good 4. have a negative emotional reaction to any mindmap

  7. Mindmaps examples

  8. Mindmaps examples

  9. Abstraction Hierarchy The abstraction hierarchy (AH) is one of the best known representation frameworks that has been proposed for describing complex work environments (Rasmussen, 1985). The AH is a multileveled representation format, with each level describing the system in terms of a different set of attributes or "language." Higher levels purpose & functions Lower levels physical implementation

  10. Abstraction Hierarchy Tips! Going up in the Abstraction Hierarchy, you ask Going down in the Abstraction Hierarchy, you ask Why? How? - Use pictures (drawings) when possible. - Think free; there are multiple answers possible on the WHY- or HOW- questions.

  11. Abstraction Hierarchy examples Love ABSTRACTION (MEANS <-> END) Friendship Communication Composing a letter Writing text Desk & stationary

  12. Abstraction Hierarchy examples

  13. Abstraction Hierarchy examples

  14. Infographics An infographic is a visualisation of lots of information in form of rich pictures, maps, charts, diagrams, or combination of those. The information is given in different layers. An infographic can support text or can be free-standing.

  15. Infographics Tips! - AIDA / 3, 30, 300 sectest - Topic must beclear directly - Must bebeautiful - In case of text;don’t overrulethe information by theimage/picture - Don’tuse an infographic to createempathy or emotions Furthermore:  - Clearly understand type of information (chronologic, spatial, quantitative) - Find a suitable way to present (map, timeline, charts, diagram, etc.) - Appropriate medium (static, motion, interactive)

  16. Infographics examples

  17. Infographics examples

  18. Infographics examples

  19. Infographics examples

  20. Infographics examples

  21. Infographics examples

  22. Questions?

More Related