If the website developer follows the idea of C.R.A.P they will have an easier time guiding their user’s eyes throughout the website. Using the idea of C.R.A.P allows the website developer to guide the user through items on the webpage without having to use boxes or arrows to point to the next element. Contrast, repetition, alignment, and proximity is also visibly appealing to the user. Pages seem to flow and are easier to understand when buttons are the same size.
Contrast – Use separation for unlike elements or elements that need emphasis
Examples of contrast:
- Color of font
Repetition – Repeating aspects of design, keeping the same customization for elements that are alike
- Creates unity throughout the website
Alignment – Justifying to emphasize key points
- Creates a visual flow for the user
- Easier to connect elements visually
Proximity – Elements that are alike should be close together
- Easier for user to spot unrelated elements
After going through a few of the resources dealing with C.R.A.P I’ve realized that it could potentially be very beneficial in the long run and can also be related to other things outside of website development. Being an English major I can directly relate this to the same process that I go through when writing a paper. My introduction paragraph acts as the alignment because it emphasizes main points and shows the reader the direction I’m going. The body paragraphs are developed around the proximity feature because each paragraph only deals with one or two related elements. Contrast is not as obvious but it is used when citing a source, quoting, and also to distinguish the title from the rest of the paper. Repetition is not as easy to relate to, but it can be seen in the layout because each paragraph will start with an idea and then be followed by supporting details.