5.1.3: Visual Hierarchy Flashcards
5.1.3: Original Link
https://www.invisionapp.com/design-defined/visual-hierarchy/
How are predictable paths influenced culturally?
Based on the culture, certain people read left-right, right-left, top-bottom, and so on.
The most common reading pattern that people use is the F-pattern and Z-pattern
What is the F-shaped Pattern? What is it commonly used for?
Refers to how the user reads left to right, then down, left to right again, and then down to consume the rest of the content. It is commonly used for organizing an article, blog, etc. to help the reader better digest the information
What is a CTA?
IDK
Why do users browse in F pattern?
- to determine whether or not the Topic is relevant / worth their time to read the rest
- to understand the information they are about to consume
What is the Z-shaped pattern commonly used for?
Product pages or articles that start with a big image is usually what the Z-shaped pattern is used for. This is effective in hooking in the reader by initially making it easy to the eyes and presenting the main topic in a clear and obvious manner
Why do users browse in a Z-pattern?
The users would usually read the header, left-to right, glance through the image in the middle while going down and returning to the left side to read the subtext.
Name the popular styles. (6 listed in the article)
Flat, organic, minimalist, skeu-something
- Flat
plain
- Organic
IDK
- Minimal
Less is more
- Skeuomorphic
IDK
- Retro
Old-school style; vibrant and warm feeling; quite expressive
- Illustrated
Very sleek and modern
Invision
Collaborative Design Platform. Free-Hand Wireframes, great animations and microinteractions. Inspect ensures pixel perfect hand offs
