Top Banner
AXURE RP Essential overview of 8.0 By Shraddha Swaroop UX Holiday Fest 2016 on December 3, 2016 Prototyping instructor [email protected] Next class: Dec 17
31

Axure Overview- 30 minutes

Jan 14, 2017

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Axure Overview- 30 minutes

AXURE RP Essential overview of

8.0By Shraddha SwaroopUX Holiday Fest 2016 on December 3, 2016

Prototyping instructor [email protected] Next class: Dec 17

Page 2: Axure Overview- 30 minutes

Prototyping made easy Axure instructor Next workshop: Dec 17

Introducing the interface

Page 3: Axure Overview- 30 minutes

Axure Interface: ZoomPage size

Page 4: Axure Overview- 30 minutes

Axure Interface: Alignment & Grouping

Alignment

Page 5: Axure Overview- 30 minutes

Axure Interface: Preview & PublishPreview & Publish

Page 6: Axure Overview- 30 minutes

Axure Interface: Create an accountLog in to AxShare

Page 7: Axure Overview- 30 minutes

Axure Interface: Styling Widgets

Styling

Page 8: Axure Overview- 30 minutes

Axure Interface: Positioning & DimensionsPositioning & Dimensions

Page 9: Axure Overview- 30 minutes

Axure Interface: Site Map

Site Map Palette

Page 10: Axure Overview- 30 minutes

Axure Interface: Libraries

Widget Library

Page 11: Axure Overview- 30 minutes

Axure Interface: Master Palette

Master Palette

Page 12: Axure Overview- 30 minutes

Axure Interface: Naming elementsNaming Box

Page 13: Axure Overview- 30 minutes

Properties, Notes and Styles Palette

Properties Palette(Interactions)

Page 14: Axure Overview- 30 minutes

Properties, Notes and Styles Palette

Notes Palette

Page 15: Axure Overview- 30 minutes

Style Palette

Properties, Notes and Styles Palette

Page 16: Axure Overview- 30 minutes

Widget and Dynamic Panel

Manager

Widget & Dynamic Panels Manager

Page 17: Axure Overview- 30 minutes

Page Canvas

Page Canvas

Page 18: Axure Overview- 30 minutes

Prototyping made easy Axure instructor Next workshop: Dec 17

Key concepts

Page 19: Axure Overview- 30 minutes

What is a master?

Masters are collections of widgets you can maintain in a single source location and then reuse throughout your file. Common elements that are created as masters include headers, footers, and navigation. Any edits you make to a master will be automatically applied everywhere that master is used.

Prototyping made easy Axure instructor Next workshop: Dec 17

Page 20: Axure Overview- 30 minutes

Dynamic Panel: When to use it?A dynamic panel is a container that holds other widgets in

layers, or "states". A dynamic panel can have one state or

many, with only one state visible at a time. The

currently-visible state can be set dynamically, using the "Set

Panel State" action. Each state has a visible area but can also

include widgets that are outside the boundaries of the visible

area.

Prototyping made easy Axure instructor Next workshop: Dec 17

Page 21: Axure Overview- 30 minutes

Prototyping made easy Axure instructor Next workshop: Dec 17

Collaboration with AxShare

Page 22: Axure Overview- 30 minutes

Sharing your work◉ Click the Share button◉ Fill in the name of the

project and the password and folder if you like

◉ Click the Publish button

AxShare: Collaborating with your team

Page 23: Axure Overview- 30 minutes

Sharing your work◉ Type in Axshare in

your browser. Or type in share.axure.com - both will take you to this screen

◉ Log in with your credentials or the Project ID

◉ Click the Log In button◉ You can share up to

1000 prototypes free

Logging in to your project

Page 24: Axure Overview- 30 minutes

Your dashboard

Page 25: Axure Overview- 30 minutes

Accessing your prototype

Page 26: Axure Overview- 30 minutes

Pages Pane◉ Allows the person viewing this prototype view any notes the designer put in the Axure RP file

AxShare: Viewing and commenting

Page 27: Axure Overview- 30 minutes

Notes Pane◉ Allows the person viewing this prototype view any notes the designer put in the Axure RP file

AxShare: Viewing and commenting

Page 28: Axure Overview- 30 minutes

Discuss Pane◉ Allows the person viewing this prototype to ask questions, get clarification or add suggestions

AxShare: Viewing and commenting

Page 29: Axure Overview- 30 minutes

Console Pane◉ Allows the person viewing this prototype to see all the interactions on the page

AxShare: Viewing and commenting

Page 30: Axure Overview- 30 minutes

THANK YOUwww.linkedin.com/in/shraddhaswaroop

Prototyping instructor [email protected] Next class: Dec 17

www.shraddhaswaroop.com

https://goo.gl/wzEVZh

Page 31: Axure Overview- 30 minutes

Resources● Core training on Axure including account login, accordion controls, sign-in

pages, hot spots, etc. https://www.axure.com/support/training/core/1-basics

● Axure Forums for questions: http://www.axure.com/c/forum.php

● Free Axure software for students & teachers: http://www.axure.com/edu

● Material Design library for Axure:

https://github.com/google/material-design-icons/

● AxLib: A Google Group with greats posts on how to do stuff and where to

learn: https://groups.google.com/forum/#!forum/axlib