Web Usability

Your BEST Source for Usability Information and Usability Tools

You are here: Home / Archives for Usability Tools / Prototyping, Mockups and Wireframes

Conducting a Set of Usability Tests: Wireframing and ‘FirstClick’ Testing

by Leave a Comment

Once the problems were better understood, and several solutions had been proposed, we created several competing wireframes to see which would best elicit the success levels we were seeking.  All of these eventually were combined into three homepage wireframes (A, B, and C).  After only one test, B was eliminated and the final two wireframes (A and C) were tested ‘head-to-head’.A vs C Wireframes

We had 65 participants attempt to complete 136 scenarios (68 using Wireframe A and 68 using Wireframe C).  Each participant spent about one hour completing the scenarios using Wireframe A and then Wireframe C, or Wireframe C then Wireframe A. [Read more…]

36 Usability and UX Tools for Creating Prototypes, Mockups and Wireframes

by Leave a Comment

‘Prototyping’ refers to the activity of creating early, quick and usually incomplete versions of a website or web application. A prototype (also known as a wireframe or mockup) can range from being very crude to being highly interactive, and allows the developer to explore a variety of ideas before taking the time to implement them. One of the main benefits of prototyping is to obtain early feedback from potential users, and from other members of the design team.

The process of prototyping usually begins after first identifying a basic set of requirements. However, in some situations the prototype itself can be used to help identify requirements. As you obtain more information about the proposed website or web application (usually through interviews, evaluations and testing) the prototype will be changed and improved.

We divided all of the tools into three categories:

  • Web Only
  • Mobile Only
  • Web and Mobile

[Read more…]