
Project Research Document (PDF) - CX/UX Expectations of a Digital Wallet App.
View PDF
View PDF

1/2 - Lo-Fi sketches/wire-frames exploring functionality, transitions, user task flows, interaction gestures. Later integrated into Hi-Fid wire-frames/Functional Spec and Axure prototypes.

2/2 - Lo-Fi sketches/wire-frames exploring functionality, transitions, user task flows, interaction gestures. Later integrated into Hi-Fid wire-frames/Functional Spec and Axure prototypes.

On-boarding concept animated gif to look at how to best introduce learnability of the core gesture-based interaction of the design, an interaction pattern that is key to one of the top user tasks.

1/5 - High Fidelity wire-frames detailing functionality, use cases, interaction, transitions and state behaviors. Part of an iterative cycle to produce maps for the client and 3rd party Developers.

2/5 - High Fidelity wire-frames detailing functionality, use cases, interaction, transitions and state behaviors. Part of an iterative cycle to produce maps for the client and 3rd party Developers.

Enter Your Description Here

4/5 - High Fidelity wire-frames detailing functionality, use cases, interaction, transitions and state behaviors. Part of an iterative cycle to produce maps for the client and 3rd party Developers.

5/5 - High Fidelity wire-frames detailing functionality, use cases, interaction, transitions and state behaviors. Part of an iterative cycle to produce maps for the client and 3rd party Developers.

1/4 - Login Screen - Initial app concept visuals - an exploration of UI elements/treatment, sourced from research across a range of financial digital products/apps.

2/4 - Menu Screen - Initial app concept visuals - an exploration of UI elements/treatment, sourced from research across a range of financial digital products/apps.

3/4 - Dash/Overview Screen - Initial app concept visuals - mobile users need visual/info-graphical displays of their data. A Business objective was that the app could be used while literally on the run, therefore "glanceability" was a factor in user data display.

4/4 - Proximity-based contextual advert Screen - Initial app concept visuals - designs to explore how to integrate contextual recommendations from brand partners. An objective of the app design was that it could be white-labeled to brand partners.

1/3 - Swipe panel interaction affordance - designs variations of subtle UI elements.

2/3 - Swipe panel interaction affordance - designs variations of subtle UI elements.
(*chosen design)

3/3 - Swipe panel interaction affordance - designs variations of subtle UI elements.

User Testing Script and Moderators Guide (PDF) to an Axure Prototype. Testing for top user task and interaction acceptance, I created a map of each task-flows' tap target areas so the (external) Moderator could follow the users behavior, and understand the sequences required to complete the script tasks.
View PDF
View PDF
gLike