Cybersecurity training module
I was inspired by the AR tech used in Pokémon Go to ideate a Cybersecurity workplace training app encouraging employees to engage actively at allocated times of day to search for virtual items with their phones, simulating hands-on training to prepare employees for real-world challenges. This could be adapted and reused for other training scenarios.
Development, ideas and thoughts
Initial sketches exploring the users optimal phone angles for best view and comfort, easier access and hand positions.
Initial sketches considered physical areas of screen, and controls.
I then sketched ideas for prompts, and a control dashboard.
Dashboard idea developed to have a time taken record, clues, radar guide graphic, and collected items with information to learn from in each item found.
I sketched a journey idea for information from each user, data that would compile and the training records that could be useful data.
Wireframe first drafts
Initial prototype mock-up
The prototype mockup uses signpost icons and work-related office images simulating the AR element and visual engagement to show ease of use in training.
New Wireframe dashboard designs
I've developed a new sliding panel dashboard design option featuring new icons and new brand colours.
Brand guide
Styling, Elements, and Brand Guidelines.
New concepts for the dashboard help panel
Usability and interaction ideas
After testing the app over morning coffee in a new environment, I sketched out fresh user flow ideas to simplify usability and interaction.
Large radar circular musings for Nav bar
Thinking about a simple sign in page
Instruction guide using existing and new icons
Scribble re: ergonomic touch areas
Standard screen
Mini journey plan with loading logo and templates
Refining Visual designs and Self-mark up development
Sketched revised ideas with new Logo, brand and icons. I always test and use my clickable prototypes, noting areas for improvement. Using screen snapshots and annotations I then save to review the next day, I streamline the product journey to match GDS usability standards.
Prototype screen designs
I designed the main dashboard using softer colour tones, tailored for portrait mode, and enhanced with interactive elements to engage users. Additionally, I've incorporated a hint of humour into the information presentation. As an example, a scoreboard introduces an element of friendly competition, leveraging gamification techniques.
Clickable prototype video showcasing initial demo levels comprising of introduction, user settings, and guide, followed by navigating the office environment to identify cyber risk items in the initial levels of the prototype.