Showing posts with label Usability. Show all posts
Showing posts with label Usability. Show all posts

Wednesday, June 24, 2009

10 UI Design Patterns You Should Be Paying Attention To

A great article from Smashing Magazine on some of the most useful UI design patternsSmashing Magazine
  1. Lazy Registration: Allow user to check out the site before requiring registration-
  2. Progressive Disclosure: Show what's relevant now, hide details and reveal when requested.
  3. Forgiving Format: Allow different input formats, like ZIP or Address in the same input field.
  4. Clear Primary Actions: Emphasize the primary action (e.g "Save") and de-emphasize the secondary (e.g Cancel).
  5. Breadcrumbs: Show the path to the current information (e.g Shop > Laptops > Toshiba).
  6. Account Registration: Improve user experience by letting users register, only neccessary information.
  7. Required Field Marker: Clearly label required fields.
  8. Steps Left: Clearly show current steps in a registration sequence.
  9. Subscription Plans: When a product or service is provided, give different options to the user. Highlight what you want to sell.
  10. Hover Controls: Hide tools until objects are hovered (e.g show Edit button when an editable list is hovered).

Wednesday, June 17, 2009

Econsultancy.com: Cool and usable

I stumbled upon an article at Econsultancy.com today, and immediately enjoyed the design and usability on their site:
http://econsultancy.com/blog/081-a-10-point-checklist-for-landing-page-designEconsultancy.com
  • Main menu opacity looks good
  • Balloons.. cool header
  • Tweet this: Promoted social bookmark, highly visible
  • Not just tags - also topics and sectors (main site categories)
  • Related content
  • HTML / formatting in comments
  • Nice footer. Notice search and extra footer with copyright / privacy policy
  • "Popular" box: Tags, authors, sectors, topics
  • Author info with Twitter and LinkedIn links
  • Content: Pyramid - main point early, then details (conversion intent)
  • Content: List - advises divided into short points, easy to scan

Sunday, May 24, 2009

Clixpy


Clixpy is a web usability testing tool. It’s very easy to install, just by pasting a few lines of JavaScript code in your site’s HTML. When users browse your website Clixpy traces everything they do and then plays it for you, giving you the opportunity to extract any information you may need.