Digital Design Tips
Scrounged from all over the Internet:
- For web form design, add a dash of quirkiness (communicate personality)
- For web form design, break down the steps (make user feel like they are completing steps)
- For web form design, validate clearly (don’t make users spend extra time)
- For web form design, “people want to interact with elements that feel alive and that follow convention”
- For web form design, “make sure that the way of submitting the form is bold and specific”.
- For web form design, use clear labels (non-threatening as possible).
- For web form design, “selecting items from a list is naturally easier than filling in a blank”.
- Include a tagline (“should be the most obvious element on a website’s front page”)
- The less graphics the better (“dont’ use extensive graphics”)
- Search box must be “27 characters wide” to easily display text.
- Put search box on top of web page.
- Avoid CAPTCHA
- “Be careful of low contrast color schemes”
- “Keep the user interface consistent”
- “Don’t design graphic elements that looks like a button, but is not”
- Reduce the cognitive load (“don’t be afraid of the white space”)
- “Long text blocks without images and keywords marked in bold or italics will be skipped.”
- Color should be used to group related items.
- “Red or green should not be used in the periphery of the visual field, but in the center”.
- “Color codes should respect existing cultural and professional usage”.
- Use bread-crumbs to lets people know where they have been.
- “Site logo links to home page”
- “Keep most important website content above to fold”
- Clickable labels & buttons
- Have active navigation
- Add focus to form fields
- Increase the hit area on a link
- Faceted search on the left
- Keep homepages clutter-free
- Let users search
Sources:
- http://sixrevisions.com/usabilityaccessibility/five-simple-but-essential-web-usability-tips/
- http://www.keyrelevance.com/articles/usability-tips.htm
- http://www.webdesignerdepot.com/2008/12/10-usability-tips-for-web-designers/
- http://uxdesign.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/
- http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html
- http://www.netmechanic.com/news/vol7/design_no4.htm
- http://www.thescube.com/blog/essential-website-usability-and-web-page-design-tips/
- http://www.webdesignerdepot.com/2009/06/10-tips-to-create-a-more-usable-web/
- http://designreviver.com/tips/7-common-web-usability-problems/
Leave a Reply