Module 3: Attention Driven Design Flashcards
What are the 23 Attention Driven Design Principles
- Direction
- Motion
- Affordance
- Contrast
- Nesting
- Highlighting
- Whitespace
- Anomaly
- Proximity
- Distraction
- Interruption
- Dominance
- Consistency
- Repetition
- Symmetry
- Overlapping
- Alignment
- Continuation
- Size
- Perspective
- Grouping
- Encapsulation
- Contact
What is Affordance?
clues about how an object should be used (e.g. buttons), typically provided by the object itself or its context.
Anomaly Clickable Tips
Colour Contrast- make it different
Size Contrast- make it bigger Affordance- make it more clickable
Starburst or Snipe- give it anomaly
What is the 6 Foot Test?
take print out of your page and stand back 6 feet! Pick apart your landing page and analyze what stands out and what doesn’t!
What’s the Importance of the Contact Principle?
having images, infographics, audio, etc close or connected (contact principle) to create new meanings for your customers.
The more great experiences we create_____
“The more great experiences we create, the more likely we are to have an impact overall in our marketing
A/B does not =
optimization.
It’s just one of the optimization techniques.
What are some Optimization Techniques
- Improved Clarity
- Better Attention Ratio
- Stronger Message Match
- More Effective CTA’s
What is A/B Testing?
Also known as split testing or bucket testing, A/B testing is a method of comparing two versions of a web page against each other to determine which one performs better
A/B Testing Mistakes
Testing the wrong things Copying case studies Overreacting to the initial spike Testing with low or no traffic! (Do not test when you have no or low traffic)
How to Know When to A/B Test
- Look at Google Analytics
- How much traffic do you get?
- Look at your traffic growth trajectory
- Use sample size calculator
- Bias
What is a Double Blind Test?
an experiment in which information about the test is masked from the participant until after the test is done, and you don’t get to see the results until the data is significant.
Other Optimization Techniques?
- 5 Second Tests (clarity test)
- Usability Testing (have someone physically go through your website, while giving them tasks)
- Session Recordings (Use HotJar software)
- Heatmaps (click, scroll, engagement)
The fundamentals of optimization and testing are____
that you have to do research into your situation, your page, your website, your visitors because they’re all different to someone else’s