Wireframes - Defining a process

6 important questions on Wireframes - Defining a process

Is an annotated specification specifying controls, rules, and feedback, and telling people how it works.

Wireframe

  1. Static
  2. Not suitable for usability testing
  3. Blueprint for development
  4. Includes annotated notes or system rules

Wireframe

  1. Interactive
  2. Recommended for usability testing
  3. Aid for development (don't use alone)
  4. Typically no annotations

Prototype
  • Higher grades + faster learning
  • Never study anything twice
  • 100% sure, 100% understanding
Discover Study Smart

  1. Hierarchy = Information architecture
  2. Structure = User flows
  3. Content = Wireframes
  4. Rules = Wireframes

Handover documentation

  1. How a website is structured
  2. How content is organised
  3. Influences primary navigation (but not all navigation)
  4. Defines where content "lives"

Information architecture

  1. Understand where it sits in the structure
  2. Understand its sequence in the main flows
  3. Be conscious of different screen states

User flow

The question on the page originate from the summary of the following study material:

  • A unique study and practice tool
  • Never study anything twice again
  • Get the grades you hope for
  • 100% sure, 100% understanding
Remember faster, study better. Scientifically proven.
Trustpilot Logo