C.R.A.P Money to buy two of every animal.
Task: Take a design that completely ignores C.R.A.P. talk about why and then redesign it in a better way.
- Contrast
Elements that aren’t the same should be very different so they stand out, making them “slightly different” confuses the user into seeing a relation that doesn’t exist. Strong contrast between page elements allows the user’s eye to flow from one to another down the page instead of creating a sea of similarity that’s boring and not communicative. - Repetition
Repeat styles down the page for a cohesive ‘feel’ if you style related elements the same way in one area, continue that trend for other areas for consistency. - Alignment
Everything on the page needs to be visually connected to something else, nothing should be out of place or distinct from all other design elements. - Proximity
Proximity creates related meaning: elements that are related should be grouped together, whereas separate design elements should have enough space in between to communicate they are different. (Source)
Original Website Design:
Redesign: Note the use of patriotic colours
