Studying company security practices typically not thought of as a good time for most people. The challenge for this large pharmaceutical company was to create an experience for their employees that would compel them to stay up-to-date with security practices.
As a team we were responsible for figuring out a way to make this possible. In particular, I was responsible for leading the team effort in brainstorming ideas to get the ball rolling. Developers, creative designers, project and account managers and myself rallied around a whiteboard, generating as many ideas as possible.
When the dust settled, it was my responsibility to take the ideas that were most feasible and craft them into a user flow that told a story and guided users along a logical path through the information they were to consume.
The Fun Part
The challenge we were able to solve was how to make seemingly boring content and interactions fun and compelling. To accomplish this, game elements were introduced to perform the main functions of selecting information to consume as well as the basic process of taking a quiz around that information.
To make things more interesting through competition, a Leader Board and Recent Activity functionality was included. A point system was developed for the entire experience, and users would be able to see how their score would compare to that of their coworkers on the Leader Board (not to mention there was a grand prize being offered to the highest scorers). The Recent Activity display was utilized on some parts of the experience where users had to write a post in order to earn points for a section.
The timeline for this project was extremely short. To help speed up the process, I worked very closely with the creative designer. Together we worked off the same Adobe Illustrator file, quickly merging the process of wireframe creation and creative comp designing. Constant communication and flexibility was required to ensure a seamless process, and through this we were able to provide solutions to the client within the strict deadlines. The whole experience was also needed in a mobile environment. All screens and flows were designed to transfer easily to the mobile environment, and wires were developed to show how this would work.
Because of the fast pace of the design phase and the complexity of the interactions, a detailed set of annotated wires were needed to explain all the details to our developers. For this I created a complete set of annotations that included key points on interaction, animations and user flows.
Joe Stangarone - SendJoeAMessage@gmail.com - 414.322.7584