With the success of optimising the global navigation for the Zoopla site, we turned our attention to the search module on the homepage to increase user engagement. Previous user testing sessions brought to our attention that users would only engage with the search field and not the available filtering options.
Feedback from users included (1) the overpowering purple colour (2) they did not see the tab options for the other channel sections (3) filtering options was not clear.
Our objectives were (1) Increase engagement of search filtering options (2) Improve and make tabs more visible for users (2) make it less busy with clearer layout and design
Outcome: After several rounds of user testing we rolled out a minimal UI with the use of iconography to clearly show the main search filters and distinct colour palette for tabs and CTA's. We had a jump of 47% engagement with the new design.
UX/UI design & direction
Original Search module
First round of designs for user testing. Removed the overpowering purple colour with a more minimal approach. Tested the use of iconography and different colour CTA
Second round of designs for user testing. Included the iconography, tabs and orange CTA from the first round. Moved secondary search options into drowpdown link. Removed headline title
Final round of testing with chosen design. The key positive feedback from users were the use of iconography, and the removal of the addtional text and too much use of purple that was on the previous module.
Tablet design detail
Mobile design detail
Advanced Search opened
With the success of the homepage search module, we rolled out the design to the rest of the search modules on Channel pages throughout the site
Selection of Channel pages with new Search module