1. Axure 7 –Repeater Review Shira Luk-Zilberman UX Designer | Israel August 8, 2014

2. Repeater Overview Basic Stuff Lists and Formatting More Features Images and Paging Dynamic Changes Sort, Filter, Add / Delete Advanced Stuff Axure Forum Summary Agenda

3. Duplicating widgets Tables and lists Usability tests The Pain

4. The Solution?

5. The Solution? Use a Repeater!

6. What we’ll see

7. Before we dive in…

8. Not That V

9. Repeater = list of items + one template The template repeats for each item What’s the big idea

10. One Template

11. List of Items

12. Template repeats for each item

14. Putting it all together

15. Now let's dive in…

16. Drag a repeater like any widget

17. Default setup: repeater with 3 items

18. Double click to edit

19. Design Area (like Dynamic Panel)

20. Three setup tabs

21. Three Tabs at the bottom

22. Basic Example

23. Basic example – Canvas & Dataset

24. Basic example – OnItemLoad

25. Basic example - OnLoad

26. Basic example – Set Text

30. Basic example - OnLoad

31. Basic example

32. Basic example – let's see it live

33. Basic Example - Formatting

34. Basic example – Formatting Tab

36. Formatting - let's see it live

37. Images

38. Images - Canvas

39. Images - Dataset

40. Images – OnItemLoad

41. Images

42. Images - let's see it live

43. Paging

44. Paging – Items per page

45. Paging – from outside the repeater

47. Paging – Set current page

48. Paging - let's see it live

49. Sorting

50. Sorting – from outside the repeater

52. Sorting – Add sort

54. Sorting - let's see it live

55. Filtering

56. Filtering – Add Gender Column

57. Filtering – Gender Dynamic Panel

58. Filtering – OnItemLoad Condition

61. Filtering – from outside the repeater

62. Filtering – from ou

63. Filtering – Add filter

65. Filtering - let's see it live

66. ebay Search Results Hmm.. Where have we seen this?

67. Add Items

68. Add Row – from outside the repeater

70. Add Row

72. Add Row – from outside the repeater

78. Adding - let's see it live

79. Delete Items

80. Delete Row – from within the repeater

81. Delete marked row

83. Deleting - let's see it live

84. Examples from the forum

85. When should we use a repeater?

86. Repetitive Action When should we use a repeater?

87. High fidelity prototypes When should we use a repeater?

88. Exploring real data When should we use a repeater?

89. Reusing design patterns When should we use a repeater?

90. Code is better when you know what you are building UX design is all about iterations Integrated with the rest of Axure Faster to learn So why not just write code!?

91. Realistic interface, fast to build, easy to maintain Mastering the repeater will take time But it's worth it! Takeaways

92. Axure 7 - Repeater Review Shira Luk-Zilberman @ Shiraluk @ RP File + PPT File

93. Axure 7 - Repeater Review Shira Luk-Zilberman @ Shiraluk @ Questions?