I know you might not be hoping for this, but you need a CRAP website if you want to get your business noticed on the internet. Now, let’s first clear this up. This is not the crap you are thinking about. Like, oh crap… I left the chicken in the oven and now it’s going to be dry. No, this is a positive crap, this is the kinda crap you want. Because this CRAP applies to excellent web design and stands for Contrast, Repetition, Alignment, and Proximity.
contrast is essential to your web design
Contrast is the difference in visual properties that makes an object distinguishable from other objects and the background. Take a look at Apple they have got the whole contrast thing wrapped up! The juxtaposing visual concepts, despite being so close to each other are strikingly different because of the use of contrast. This is visually yummy to your audience who are naturally drawn to the variations.
so, how do you achieve perfect contrast? For starters…
- Things that are similar should be grouped together
- Things that need to be highlighted should be done so with contrast
- If you are looking to separate content, try using contrast because you might just find it works
- Use contrast for a call to action or something that is clearly supposed to be a next step you want someone to take on your website
repetition makes the user experience seamless
Repetition is the repeat styles down the page for a cohesive feel. When a user is on your site, their mind needs to be able to absorb a lot of information quickly. Making them learn a new concept every time they scroll is exhausting, and may mean they actually leave. Make your audience feel more comfortable when interacting with your website by using consistent elements and repeating styles.
how you can achieve perfect repetition:
- Use consistent elements or repeating styles to create a consistent look and feel
- If elements involve a certain style, use it elsewhere in your website when referring to that element
- Repetition makes the user experience more thoughtful and intuitive
alignment should never be overlooked when creating a website
Alignment is simply lining up the top, bottom, sides, or middle of text or graphic elements on a page. It’s true that it is often those little things that create a truly beautiful user experience. If there is one thing I have really learned when creating websites, it is that you can never overlook the power of a few pixels when finessing your design.
Good alignment is a reflection of the quality of the website. It could be the difference between a professional looking site, and one that is the bad kind of crap.
how to achieve perfect alignment:
- Check, check, check – Have multiple eyeballs looking over your pages and alignment
- Use centre align sparingly
- Opt for left align
- Do not use right align unless it is truly called for
- When aligning items, make sure you use correct spacing, padding and font sizes
proximity could make or break the look and feel of your website
Proximity is the property of being close together. It is used to connect related content into tasty morsels which are digestible by the audience. Clear separation means your users can navigate and consume information a lot faster than they can when presented with a mile of text or just an image.
how to achieve perfect proximity:
- Proximity gives content, context
- Related elements should be grouped
- Really think about your rows and columns when creating a website design
If you would like to discuss the CRAPness of your website or would just like some friendly advice, contact businessDEPOT Marketing. We love talking websites!