How we created the Toxic Test and matched people with “The Office” characters

<p>Today, we would like to take you behind the scenes of our latest project implemented here at the Spans Agency. It is a test that helps people identify toxic communication in the workplace. It was created in collaboration with Alter, a platform that connects people with qualified psychotherapists. Get ready for a journey into the realms of design and psychology!</p> <p><img alt="" src="https://miro.medium.com/v2/resize:fit:700/1*LQvrJL4YvNYzje-89zU7Wg.png" style="height:362px; width:700px" /></p> <p><strong>Ideas and Concepts</strong></p> <p>We wanted to create something fun and educational about communication that can poison our work lives, a challenge many of us can relate to. And so we thought, why not create the Toxic Test that would help people check how well they can distinguish between healthy and toxic communication at work? To ensure that this test is written by professionals and shows valid results we offered Alter, a psychological platform, to become a partner of this project.</p> <p>Together with our colleagues at Alter we came to the idea of connecting the visuals of the test with the iconic TV series&nbsp;<a href="https://en.wikipedia.org/wiki/The_Office_(American_TV_series)" rel="noopener ugc nofollow" target="_blank">&ldquo;The Office&rdquo;</a>. Everyone loves the American adaptation, and it is perfect for exploring the theme of toxic communication in the workplace.</p> <p>We brainstormed and came up with three design concepts.</p> <p><img alt="" src="https://miro.medium.com/v2/resize:fit:700/1*hRxZgUXVouFIbFoYVk5q1A.png" style="height:291px; width:700px" /></p> <p><strong>Concept 1: Minimalistic Illustrations</strong></p> <p>Our first idea was to build the test around GIFs from &ldquo;The Office.&rdquo; But we wanted to keep it light and positive, so we added illustrations made in a minimalistic style. After completing the test, users would see a text description of their results and a picture representing a generalized image of a person who tends to demonstrate such behavior.</p> <p><a href="https://medium.com/@spansagency/how-we-created-the-toxic-test-and-matched-people-with-the-office-characters-b9f4c4d98197"><strong>Read More</strong></a></p>