You asked for it, now you’ve got it. Go through this list of UX Hacks with any website or software and by the end you’ll have a pretty fantastic, elegant and intuitive application.
Visual Design
- Be consistent. Pick a design style and stick with it. Every page should be a minor variation on a theme.
- Never use more than 3 colors on your website. One neutral (gray, pale blue, pale yellow), one accent (any bright color) and one bold (white, black). Do the same for your living room.
- Use less colors if you use more images in your web design. It will make the images pop.
- Don’t use flashing anything.
- Don’t use Flash.
- Don’t use dark backgrounds for text.
- All websites must be responsive.
- If you make everything big, bold and loud, then nothing is big, bold or loud. (Same for making everything small.)
- Use more white space – it will make everything easier to read and less intimidating.
- Text should be #000, #333 or #666. Anything else is too light to read.
- Headers should be graduated in size, with H1 the largest size and H6 the smallest
- Use images. Nobody likes to see a whole screen full of text.
- Use at most 2 font types. Helvetica should be one of them.
- Underlines are only for links. Book titles should be italicized.
- Don’t use splash pages.
- Make your pages scanable by using heading, subheadings and spaces between blocks of text.
- Use images with people in your website. They’re friendlier and more compelling than those generic, stock-art photos.
- Use pictures of yourself doing something spontaneous and fun. Headshots are canned and look it.
- Identify the section at the top of the screen. E.g. Contact Us
- Don’t center align all your text.
- Line height should be 1.5 for all paragraphs
- Leave 2 lines before headers and 1.5 after
[divider]
![](https://i0.wp.com/imprint.li/ritsandcompany/wp-content/uploads/sites/3/2015/10/woman-typing-writing-windows.jpg?resize=1100%2C733&ssl=1)
Startup Stock Photos
Writing
![](https://i0.wp.com/imprint.li/ritsandcompany/wp-content/uploads/sites/3/2015/10/ecommerce-navigation-guidelines.jpg?resize=728%2C400&ssl=1)
Navigation
![](https://i0.wp.com/imprint.li/ritsandcompany/wp-content/uploads/sites/3/2015/10/Movement.jpg?resize=1100%2C732&ssl=1)
Interaction Design
![](https://i0.wp.com/imprint.li/ritsandcompany/wp-content/uploads/sites/3/2015/10/Mobile-App-User-Acquisition-Increases-Through-Aarki-Social-Advertising.jpg?resize=1100%2C642&ssl=1)
Advertising
![](https://i0.wp.com/imprint.li/ritsandcompany/wp-content/uploads/sites/3/2015/10/Centralis-842edit.jpg?resize=1100%2C733&ssl=1)