EIEIOTECHNOVATION
← Training programmes

EIEIO / AUTOMATION & EMERGING TECHNOLOGY

Axure Training

Course outline

3 days

Duration

3 days

Overview

Axure is software available for Windows and Macs that allows people who work in UX (user experience), interaction design, development, design, or product management to create flow charts, wireframes, and interactive clickable prototypes. Axure's main competitors are Omnigraffle and Visio for wireframing and JustInMind for prototyping.

Axure easily handles low, medium, and high fidelity wireframes and prototypes. It can also handle data sets, variables, listeners, mobile interactions, and a seemingly endless heap of great features. Clickable interactive prototypes that work on desktop and/or mobile are great for socialising, user testing, and documentation.

Axure can publish HTML, CSS, Javascript, and Jquery (not for production servers, please!) and can also generate a variety of spec documents. Published Axure files can be uploaded to your own hosting or straight through the software to the Axure Share site. Axure now lets you host up to 1000 prototypes for free (password protection on each is optional).

Whether you need to show a quick mockup or reproduce a polished product, Axure is a great tool to know well. Many UX employers are starting to look for Axure on resumes! With a great coach (that's me!) and some Axure training, you can expand your skill set.

Audience

Anyone who wants to learn Axure. UX practitioners, product managers, visual designers, developers, etc

Introduction

  • Axure Environment: Toolbars
  • Axure Environment: Pages
  • Axure Environment: Libraries
  • Axure Environment: Masters
  • Axure Environment: Inspector
  • Axure Environment: Outline

Settings and Publishing

  • Team Projects
  • Printing and Exporting
  • Previewing and Publishing Options
  • Web Embedded Fonts
  • Notes and Documentation
  • Grids and Guides

Styling Pages, Widgets and Custom Shapes

  • Page Styles
  • Shapes, Icons, and Images
  • Creating and Applying Widget Styles
  • Interaction Styles
  • Format Painter
  • Naming Conventions
  • Pen Tool
  • Grouping widgets

Flow Charts and Wireframes

  • Creating Flow Charts
  • Annotated Wireframes

Links and Forms

  • Understanding Cases, Actions, and Conditions
  • Three Types of Links
  • Form Widgets
  • Radio Buttons and Selection Groups
  • Writing Conditions on Checkboxes
  • Enabled and Disabled Widgets

Custom Designed Forms

  • Custom Input Fields
  • Custom Checkboxes
  • Custom Radio Buttons
  • Custom Droplists - Part 1 of 2
  • Custom Droplists - Part 2 of 2
  • Segmented Controllers

Building a Navigation Menu

  • Treat As Flyout
  • Menus Responding to Each Other
  • OnMouseEnter vs OnMouseHover
  • Mega Menus

Dynamics Panel

  • Overview of Dynamic Panels
  • Carousels - Part 1 of 2
  • Carousels - Part 2 of 2
  • Tabs
  • Multiple Messages
  • Progressive Disclosure
  • Break Away Panels and Masters
  • Overlays and Lightboxes
  • Listeners - Automatically Running Processes
  • Snapshot Widget

Variables

  • Overview of Variables
  • Store Information and Set Text
  • Using Variables Across Pages
  • Carousel Dots Gone Wild

Accordions

  • Super Easy Cheesy Accordions
  • Multiple Accordions Open - Part 1 of 2
  • Multiple Accordions Open - Part 2 of 2
  • One Accordion Open - Part 1 of 2
  • One Accordion Open - Part 2 of 2
  • Changing Size of Background Container
  • Moving an Accordion and Using Variables

iFrames

  • Scrolling Dynamic Panels
  • iFrame Widget and Embedded Video

Pinning Panels

  • Pin Panel to Browser
  • Pin a Smaller Header
  • Pinning Overlays

Adaptive Views

  • Overview of Adaptive Views
  • Designing for Multiple Breakpoints - Part 1 of 2
  • Designing for Multiple Breakpoints - Part 2 of 2
  • Publishing

Real Life Examples

  • Interactive Website
  • Complex Math
  • Mobile App

Programme scope, delivery arrangements and suitability are confirmed during enquiry.