Guerrilla Training: Information Hierarchy
-
Upload
thomfuller -
Category
Technology
-
view
106 -
download
1
description
Transcript of Guerrilla Training: Information Hierarchy
![Page 1: Guerrilla Training: Information Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c7f2924a7959580b8b4587/html5/thumbnails/1.jpg)
Information HierarchyA guerrilla guide to organizing your content
![Page 2: Guerrilla Training: Information Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c7f2924a7959580b8b4587/html5/thumbnails/2.jpg)
Visual information hierarchy is one of the most important principles behind effective websites
We can’t just dump all the information on a page:
Design = Communication
Most people are visual thinkers, and not data processors
![Page 3: Guerrilla Training: Information Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c7f2924a7959580b8b4587/html5/thumbnails/3.jpg)
Visual Relationships
People see things based on relationships to each other
![Page 4: Guerrilla Training: Information Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c7f2924a7959580b8b4587/html5/thumbnails/4.jpg)
Basic Hierarchy Makes a Big Difference
![Page 5: Guerrilla Training: Information Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c7f2924a7959580b8b4587/html5/thumbnails/5.jpg)
Back To Our World: Getting Feedback
The typical process:
- Take lots of notes- Sketch, dump all thoughts onto a page- No deliberate approach- Rely only on creativity
=
![Page 6: Guerrilla Training: Information Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c7f2924a7959580b8b4587/html5/thumbnails/6.jpg)
A Cheat Sheet to Content Hierarchy
We help consumers make better buying decisions
Don’t make me think*
* Steve Krug
or do work**
a) Overarching guiding principles
![Page 7: Guerrilla Training: Information Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c7f2924a7959580b8b4587/html5/thumbnails/7.jpg)
The information you want to present
The priorities The segments
b) Organizing Your Content
1 2 3
A Cheat Sheet to Content Hierarchy
A list of the key pieces of information you want visitors to see
Assign values (A, B, C) according to their importance to the visitor
Consider what different groups of visitors may see
![Page 8: Guerrilla Training: Information Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c7f2924a7959580b8b4587/html5/thumbnails/8.jpg)
Look at your design – do the squint test
Does your information and priorities match what the design communicates?
If it does not, iterate on the design.
If it does, you are good to go.
The squint test
![Page 9: Guerrilla Training: Information Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c7f2924a7959580b8b4587/html5/thumbnails/9.jpg)
Example: V-Day Home
visually hard to process
Here is everything you might find interesting – arranged in some visually appealing way (creativity)
Vs.I intend to communicate these pieces of information with
these priorities (purpose)
![Page 10: Guerrilla Training: Information Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c7f2924a7959580b8b4587/html5/thumbnails/10.jpg)
Appendix: Good book
![Page 11: Guerrilla Training: Information Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c7f2924a7959580b8b4587/html5/thumbnails/11.jpg)
Appendix: Tools in your toolbox
SizeColorContrastAlignmentRepetitionProximityDensity & WhitespaceTexture