• Topics
• FAQs
• API Documentation
• Professional Services
• User Experience Dictionary
  • 5-second test
  • A/B Test
  • Accessibility
  • Brainstorming
  • Card Sorting
  • Clickable wireframe
  • Conceptual Model
  • End user
  • Eye tracking
  • Faceted Classification
  • Focus Group
  • Graphical user interface (GUI)
  • Human-Computer Interaction (HCI)
  • Information Architecture (IA)
  • Interaction Design (IxD)
  • Interface
  • Iterative Design
  • Learnability
  • Mental Model
  • Moderator
  • Navigation
  • Out-of-the-Box test
  • Paper prototype (Paper Prototyping)
  • Persona
  • Prototype
  • Rapid Prototyping
  • Requirements Engineering
  • Site Map
  • Storyboard
  • Think Aloud
  • Topic Map
  • Usability
  • Usability Testing
  • Use case
  • User Experience (UE)
  • User Research Methods
  • User Scenario
  • User interface design (UI design)
  • User-Centered Design (UCD)
• Important Notice

Clickable Wireframe

What are clickable wireframes?

A clickable wireframe is a type of prototype that gives a visual representation of the user interface of a website or software application. Unlike static wireframes, in simulation clickable wireframes respond to user interaction. Clickable wireframes may include buttons that perform a specific motion when clicked, or even take the user to a linked page of the prototype.

What are the benefits of clickable wireframes?

Clickable wireframes can be used to prototype interactive elements of a user interface. With prototyping software, this process can be faster and more cost-effective than programming. The advantage of clickable wireframes is that these can be used to show more than one state of a user interface. For example in simulation, a drop-down menu may appear, which would not be possible with static wireframes. In usability testing, clickable wireframes can also provide more accurate results. This is because the interactive experience is very similar to that of a finalized application.

How to use a clickable wireframe

Clickable wireframes are often created with wireframing software. The basic components of a user interface design should be included, such as text fields, image holders, buttons and navigation bars. The level of detail of the clickable wireframes should depend on the type of project. Once the wireframes have been created they can be simulated with test users. In user testing, notes should be made on the user experience and usability of the application. This feedback should then be used to optimize the clickable wireframe prototype. This process can be repeated until the prototype can be used as a framework for the finalized application.

Related terms

• Interaction Design (IxD)
• Prototype
• Interface

<< back to overview