Office training Augmented Reality app, ideation to presentation and build stage.
Development ideas and thoughts
I began to think about how we could produce a product that would be different from the standard corporate training. After chatting at an AR production agency, I began to plan and sketch an idea for an interactive and physical Office Security training and awareness app that incorporated gamification, learning and fun physical activity.
The User will download the app, and at certain allocated times of the working day, with a pre-warning that will move around the office searching for a set of 'risk' items, and compete against colleagues to win a monthly prize.
1. Sketches & ideation
Researching mobile use and human hand positions, plus adding a hint of gamification within the product, I looked at landscape options initially, based on wider-view games.
2. Visual presentation, research & dev
3. Wireframe template plan
To showcase the idea I made some frames with the ideas for controls, based on mobile games and screen finger positions as well as easy-to-use information clues, tips and the option to get a directional arrow.
The end aim and journey is that the users find and learn about cyber security, while using this app without becoming frustrated so that they can choose that option to have help and see scoreboards, time limits.
4. Visual test hi-fi prototype
5. Wireframe/design Dashboard slider
Two options and approaches to the slider, testing icons and colours.
First draft of landscape design.
A more Modular Compact design, which I prefer. Tried the idea to have a 'sneak peek' at the slider, making it able to pull out partially to see if anything was useable.
5. Prototype Dashboard slider v.1
Video file of the prototype to view
6. Reworked design for dashboard
6. Prototype Dashboard slider final v.2
I decided to create the main dashboard as a softer colour, slides in portrait mode and interacts with the user adding some humour to the information. Example: scoreboard encourages friendly competitive gamification.