Tweeker
2019-2020
Role: Product Designer
Tweeker is a multivariate testing tool to help users A/B test their ideas, and figure out which ones are pulling the best conversion rates. It’s incredibly easy to install, and with a super simple editor, allows users to feel like they’re making edits to their site directly and view their copy changes in a finalized state, no coding necessary.
I worked on designing Tweeker’s branding, identity and UI across the site, as well as worked with its developer, Ryan (who I’d previously worked on Juicer with!) to do some UX problem solving with the Tweeker editor.
Problem solving the Onboarding & Editor
I worked closely with Ryan to wireframe most of the site’s features, one of the most difficult UX problems being the editor where users set up their variants and goals for testing. We wanted to keep it super simple and minimal, but faced a lot of issues with designing the onboarding process and helping a user to understand how to setup their first test.
Our initial brainstorming session and wireframes laid out an elaborate, tutorial-style onboarding flow, which had us running into a number of issues with the order in which a user might want to execute actions, and the limitations this style of onboarding created. I think this was a great lesson in jumping the gun on our assumptions, as well as not taking the wireframes into low-fidelity testing so we could catch the problems earlier in the development process. We ended up simplifying this flow quite a bit, which I think made for a much more flexible and elegant user experience.
Rather than choosing to hold the user’s hand with overly detailed instructions, we opted for tooltips to help the user along. Alongside this, a simple floating menu at the bottom which gives users a simple checklist for the tasks necessary to complete to complete a test: setup at least one variant and one goal.
Test Results Page
Alongside the editor, we designed a simple but beautiful test results page that a user can access through the dashboard, which will easily display which variants are getting them the best conversion rates.
Tweeker Landing Page & Identity
Tweeker’s branding identity was a fun little play on words, and with the Breaking Bad theme in mind, we decided to play with the idea of chemistry + testing throughout the site’s design.
