A sparkly new user interface for your participants

With our results platform receiving a makeover recently, we thought it was about time our survey interface got some attention too.

While most of these are purely visual changes, it was also a good opportunity to revisit and tidy up some older code, which makes for easier future development and happier developers. So, without further ado, here are some of the changes you will notice.

We've stripped back the survey pages to the essentials for a cleaner, more consistent design.

UI Welcome

Although it was a lovely, nostalgic branding element from our website of old, it was time to say goodbye to the old 'reptile skin' background. We think it gives greater consistency between the survey pages and offers users more of a 'white label' product to customize or brand as they wish.

The keener eyes among you may also notice our buttons have lost some weight. 'The Flattening' is perhaps nothing more than a sign of current fashion trends, but I think it's also a growing acceptance that users of the web no longer require buttons to mimic arcade game consoles.

UI Treejack

UI OptimalSort

UI Chalkmark

We've tweaked a few interactions too, including a more natural animation of the tree in Treejack. Each level now closes and opens giving a better indication to the user of the tree structure and depth.

tree-animation

And finally, we also made some subtle changes to the group naming interaction in OptimalSort to better indicate editability, and to make unnamed groups more obvious to participants.

Rename UI

That's all folks! And as always, we welcome any and all feedback so that we can continue to provide the best tools possible.

Happy Testing!

Published on May 08, 2015
Matthew
  • Matthew
  • Matthew is a front-end web and interaction designer at Optimal Workshop.

Blogs you might also enjoy