Wanderlust Society - Button Tests

Date: Winter 2018
Client: Wanderlust Society
Role: CEO, Co-Founder, UX-Design

I was tasked with testing out a new button design for our “cards.” The goal was to capture more data from the users when they interacted with the cards. If a user had “Been There” we wanted to know if a location was “Recommended.” We weren’t sure what would be more valuable, a comment or a “Recommended.” In the end we decided to launch an easy way to add a “Recommend” star affordance to a “Been There.” We never did find an easy way for users to add comments. Furthermore, we did not want to introduce a complex star or thumbs up/down rating system. We decided a binary choice of “Recommended” would be easy enough, as the user did not have to implicitly act to make something “not recommended.” The goal here was to have only good, vetted, “recommended” content to show to other travelers.

Below are a few interactive samples of the button studies I conducted.
Please note, if the prototypes do not load properly please contact me to request a direct link.


Button Study #1

Very simple way to add a “Recommend” to a card that has been marked “Been There.” No option to add a comment from the front of the card.


Button Study #2

We tested out adding a “Recommended” star icon inline. Clicking the star would switch the star to an “on” state and then add flip the “Been There” flag to “on” as well. We did not want users “recommending” a place unless they had marked it as a “Been There.” A problem encountered with this design is the complexity of removing your “Been There.” We needed to let the user know that this act would also remove their “Recommended” rating. The alert that pops up was overly alarming so we passed on this design. It also did not easily allow for comments which we decided we wanted to implement if we could fit it into the card face.


Button Study #3

This design was the winner. Clicking the “Been There” flag would pop up a dialog box that looked friendly and easily tappable on both desktop and mobile.