227
InfoSec,
Inc.
GoPhish! Phishing Quiz by 227 InfoSec, Inc. is an online training tool for businesses to teach employees how to spot phishing emails.
Teaming up with the owner in February 2022, embarked on Phase I of the product - to create a live beta prototype in the short span of 3 weeks and a live consumer-ready version 3 weeks later.
contri
bution
role
Product Designer
Animator
Front-end Developer
responsibilities
Research
UX analysis
Design & animations
Iterations of the UI
HTML, CSS, JavaScript coding
team
Lamar Clapham, Owner/Developer
contribution
role
Product Designer
Animator
Front-end Developer
responsibilities
Research
UX analysis
Design & animations
Iterations of the UI
HTML, CSS, JavaScript coding
team
Lamar Clapham, Owner/Developer
challenge
Teaching moments
How might we create a high-quality resource to successfully teach employees how to recognize phishing emails and avoid internet scams?
GoPhish! needed to be easily understadable by people without any specific knowledge of phishing emails and provide resources to learn more.
research
the bare necessities
With limited time and resources we focused on Competitive Analysis, Wireframes, and Usabilty Testing.
competitive analysis
We researched more than 6 similar quizzes:
competitive analysis results
wireframes
We created 3 base wireframe templates that could be used for several screens.
unmoderated usability testing
unmoderated usability testing
problems
solved
Nowhere to go...
Because we skipped making a user flow upfront, we missed the infinite loop happening in not one, but two areas.
When passing the quiz, the new flow gave the user 2 options to move forward - either to learn more or take the quiz again.
telling a better story
The storyboards helped us find other gaps in our story:
Adding Scenes 1, 2, and 3 gave an introduction to the quiz and 227 InfoSec.
Scene 7 alleviated the pain point of hidden submit button discovered during usability testing by aligning the buttons horizontally.
When user did not pass the quiz in Scene 8a, the only option they had was to re-take the quiz. A missed opportunity to learn more.
We added a 'Thank you' page with options to retake quiz or lead the user to 227s website to learn more.
Not just for desktops anymore
Also during usability testing, it was discovered that users do in fact use other devices - despite our initial thought that employees would be at a desk.
Making the quiz responsive was necessary.
outcome
Expanding business idea
Phase I was released in the incredibly short time span of just 6 weeks. Built initially as simply a quiz, the first version kicked off an idea to expand to a full training program including training, quiz, and continued testing specific to the company.
Phase II will focus on back-end development of the login process, customized quiz questions, and additional animations.
finale
semi-finale
As we reached our 'semi-finale' - the completion of Phase I - we turned out a usable product that met all the criteria in our goals. Even on such a short time frame, we now have an excellent base to build on and make better as we move on to subsequent phases.
