You are here

Interaction design

Interaction design looks at how people engage with computers, mobile and digital devices and user interfaces (UI) - with the aim to adapt and simplify interactions to meet the needs of the end-users. 

I've included some example diagrams and wireframes from various projects I have worked on. These projects cover web sites, learning & assessment objects, and online demos or training media.

 

Setup flow for mobile - interaction diagram

 

Westpac NZ iPad app

Westpac iPad app - setting saving goals
Westpac iPad app - setting saving goals

Date picker pattern for iPad app
Date picker pattern for iPad app

 

Westpac mobile banking app

Online Guardian for mobile
Online Guardian for mobile

 

 

Document structure for process documentation
Document structure for process documentation

 

Sketches for an iPad UX flow
Interaction design sketches for an iPad app

 

IRD property homepage wireframe

 

Tool For Business - annotated main screen

Tool For Business - annotated inner screen

 

Tool For Business - Flash framework diagram

 

Putaiao annotated wireframe diagram

 

Leargas web site diagram

 

Web production process

 

The Learning Federation project flow diagram