Guided example

We will start with a quick example, which builds on the static wireframes we created in Chapter 2, Axure Basics—the User Interface.

Step 1: Defining the interaction in simple words

When the user clicks on a tab on the Global Navigation bar, it links to the corresponding page. The new page will replace the current page.

As a learning device, use the W3C to break the sentence into the following building blocks:

  • When: When the user clicks on it
  • Where: A tab on the global navigation bar (widget)
  • What: Link to the corresponding page
  • Condition: No condition

Step 2: The Axure interface

Open the Global Navigation master (M Global Nav), for editing in the Wireframes pane as shown in the following screenshot. The navigation bar is made of four rectangle ...

Get Axure RP 6 Prototyping Essentials now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.