Axure 7 Beta - Repeater Review

Shira Luk-ZilbermanUX Designer | DG MediaMind21 Oct. 2013

• Overview• Basic Stuff Lists and Formatting• More Features Images and Paging• Dynamic Changes Sort, Filter, Add / Delete• Advanced Stuff Axure Forum• Conclusion

Agenda

Start from the end

Before we dive in…

Before we dive in…

Not That

V

• Repeater = list of items + one template• The template repeats for each item

What’s the big idea

One Template

List of Items

Template repeats for each item

Template repeats for each item

Putting it all together

Now let's dive in…

Drag a repeater like any widget

Default template

Double click to edit

Canvas (like Dynamic Panel)

Three setup tabs

Three setup tabs

Basic Example

Basic example – Canvas & Dataset

Basic example - OnLoad

Basic example - OnLoad

Basic example – Set Text

Basic example – Set Text

Basic example – Set Text

Basic example – Set Text

Basic example

Basic example – let's see it live

Basic Example - Formatting

Basic example – Formatting Tab

Basic example – Formatting Tab

Formatting - let's see it live

Images

Images - Canvas

Images - Dataset

Images - OnLoad

Images

Images - let's see it live

Paging

Paging – OnClick

Paging – OnClick

Paging – Set current page

Paging – Items per page

Paging - let's see it live

Sorting

Sorting – Add sort

Sorting – Add sort

Sorting - let's see it live

Filtering

Filtering – Gender Column

Filtering – Add filter

Filtering – Add filter

Filtering - let's see it live

• Zap results page

Hmm.. Where have we seen this?

Add & Delete Items

Add & Delete Row

let's see it live

Examples from the forum

• What do you think?

When should we use a repeater?

• Repetitive Action

When should we use a repeater?

• High fidelity prototypes

When should we use a repeater?

• Exploring real data

When should we use a repeater?

• Reusing design patterns

When should we use a repeater?

• Realistic interface, fast to build, easy to maintain

• Mastering the repeater will take time• But it's worth it!

Takeaways

Must - Get - Axure 7 - now!

Axure 7 Beta - Repeater Review

Shira Luk-Zilberman @

Shiraluk @

Axure 7 Beta - Repeater Review

Shira Luk-Zilberman @

Shiraluk @

Questions?