Right after a scuba dive, I love to identify the fishes I encountered under the sea. For this purpose, I downloaded an app called Fishes: East Pacific that references 1358 species. The useful ‘combination search’ function enables finding fishes based on their location, color, shape, pattern, or habitat. However, looking for a fish without knowing its name is a real pain because the app architecture is redundant and not intuitive.
The useful search was lost in the depth of the app. Some sub-lists in the combination search were illogical. For instance, if I am looking for a sea-horse shaped specimen, I have to find the shape in the sub-list of long nose fishes called cornetfish. Looking for a fish without knowing its name required a lot of effort (taps and time).
Aside from the structure, the look and feel also needed some love.
I fixed the filters section by getting inspiration from Rent The Runway. I compressed the search criteria area with the results area to give the user some feedback in live time about the filters they are editing. What if I add those stripes on the fish? Oh no, my fish did not look like this! I imagine the great feeling of seeing relevant results updating simultaneously.
Scrolling to see the lasts filters might take a little longer than in the original version, however the app spatial metaphor is much simpler. The home screen is a fish data-base. The two main functions are in a reach of one tap. To search for a fish you can type text, or use the combination filters (net icon). To see bookmarked fishes, you can tap on the notebook icon. Fixing the filter section implied to look at the app with a more holistic approach. I ended up dissecting and analyzing the original app to clarify the conceptual model and to simplify the navigation. You can read more about the process and this project on our blog: Fishes, a Deep Dive into the Interaction of Filters.
Thanks to Shannon E Thomas for the Stone series of icons