| It's important to understand what catches a user's eye | | | | page by setting the text colour for the desired level of |
| first on a page, then second, etc. If you know this you | | | | contrast. |
| can order your page elements accordingly. | | | | Movement grabs attention. If you want someone to |
| There are several factors in what captures a users | | | | notice something animation is a strong way to grab the |
| attention. These are size, contrast, movement and | | | | user's focus. Add movement to text or images if you |
| position. | | | | want themn to catch the eye. This can also work |
| This is obvious but a user will see a larger headline | | | | against you. Do not have animated ads on a page |
| before a smaller one. This is why we use larger font | | | | where you want the user to read your copy - they will |
| sizes for higher impact. Making text bold or not has the | | | | get distracted. |
| same effect. Similarly, a large image will be seen | | | | Finally, positioning is important. The eye naturally |
| before a headline so decide what you want to be | | | | focuses on the middle of the screen, not the top left. If |
| seen first. If it's a headline before an image fade the | | | | you want something to be seen first, place it in the |
| image in after a few seconds. | | | | middle of the screen. Combine this with size and |
| Contrast is also a factor. If you have text on a white | | | | contrast to focus the user's attention where you want |
| background and some is pale blue, some is black, the | | | | it. |
| black text is read first. Order the sections on your | | | | |