Avoid gaps between elements that give the illusion that the page has ended when it really hasn’t
False bottoms are when your page gives the illusion that the page has come to an end somewhere in between sections where it really hasn't. This is usually caused by big horizontal empty spaces or horizontal lines.
Design empty states for first-time users
When first time users try to start their tasks and all they are shown is a blank slate, questions might arise. Guide users through creating some content or display helpful and unobtrusive tips. Empty state are perfect opportunities for showing users what the next steps are.
Ensure the website header, footer, and navigation consistently comply with branding guidelines when appropriate
Header comprise of the SMU logo flushed to the left, optional secondary logo, navigation menu, social media icons along top right and a site search function.
Group or position related/similar elements close to each other
- “Chunk” related or similar elements together by using consistent styling or proximity
- Provide enough space between chunks
- Order information logically
- Avoid too much borders and dividers
Make every click or tap bring the user closer to task completion
Every click should bring the user closer to completing the task, or to the content sought. Ensure that the path for any task is at reasonable length (not more than 3 to 5 clicks) by:
- Exposing frequently used controls or actions
- Consider direct manipulation on items (e.g. click text to edit, right-click to delete, etc.)