Web Usability

Your BEST Source for Usability Information and Usability Tools

  • Home
  • Blog
  • Usability Tools
    • Testing and Evaluation
    • Prototyping and Mockups
    • Card Sorting & Navigation
    • Display (Screen) Design
    • Content Design
  • Usability Books
  • Research / Guidelines
    • Journals and Conferences
    • Website Publishing
    • User Interface Update
    • Usability Guidelines
  • User-Computer Issues
    • OS, Browsers, Connecting
    • User Demographics
    • User Languages
  • About Us
    • Contact Us
    • Bio Sketches
You are here: Home / Archives for Usability Tools / Prototyping, Mockups and Wireframes

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

04/16/2014 by Bob Bailey Leave a Comment

Man Taking a Test

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…]

Filed Under: Prototyping, Mockups and Wireframes, Test and Evaluation, User Performance Testing

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

02/19/2014 by Bob Bailey Leave a Comment

Prototyping-Wireframes

‘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…]

Filed Under: Prototyping, Mockups and Wireframes, Usability Tools

© Copyright 1995 - 2020 Webusability · All Rights Reserved · Powered by Webusability ·