HOMEPAGE SEARCH

Increasing user engagment on search module


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.



ROLE:

User testing,
UX/UI design & direction

01
of
08

Original Search module


02
of
08

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


03
of
08

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


04
of
08

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.


05
of
08

Tablet design detail


06
of
08

Mobile design detail


07
of
08

Interaction states


08
of
08

Advanced Search opened


09
of
08

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


10
of
10

Selection of Channel pages with new Search module