-
The Test
At the core of the app is a psychometric test to establish what
your type
preferences are. Originally developed for people with
learning disabilities, the test is based around choosing several
images from pairs of options.
As it turns out, this image-based approach was well received
by many more people than the intended audience thanks to its low
barrier to involvement and the sense of fun brought by images
rather than the traditional long questions.
In order to keep the tool accessible but build on the ease of
use we started with a basic, functional version of the test using
only HTML forms. We then used JavaScript to make it run more
smoothly by preloading images and using XHR to report choices back to the
server.
-
Generated PDFs
To allow people to easily save, email and print their reports
we generate both an online HTML version, and a downloadable PDF
version with the option to have it emailed to you.
Two interesting constraints that arose from these dual-format
reports were the need for multiple source images — one small
bitmap image for the HTML report, and one large bitmap or vector
image for the PDF report — and the need to have the branding and
styling of the reports feel similar, whilst also playing to the
strengths of the medium.
-
Admin Interface
The app uses a two-tier admin system for inviting and managing
people, teams and companies, and editing and creating reports.
Since the second tier admin functions (managing the creation and
permissions of people and teams) are available to companies using
the system they must be robust and easy to use.
I used a drag-drop interface for managing the permissions for
each report. This concept is reused across all the forms where
permissions are set: creating, inviting and editing of people,
groups and companies.
