About Bersin by Deloitte

Bersin by Deloitte is a subscription based service that delivers research and strategies to the HR professional

 

Situation

Search is not responsive and presents usability issues on tablets and mobile devices and its complexity seems to target technically savvy users, thereby excluding a wider audience.

Task

Enhance customer satisfaction by modernizing and simplifying the search user experience.

Action/design process

After in-depth research and collaborative discussions within the team, we chose to implement the Material Design pattern, tailoring it to meet our specific requirements.

Result

Customers expressed enthusiasm for the responsive design, indicating a higher likelihood of revisiting the site.

One year post-launch, subscriptions saw a 15% uptick, and we achieved cost savings on future development by making the search component reusable.

Client

Deloitte, San Francisco CA

My role

UX Designer

Team

Product owner, developer, content strategist and UX designer

Tools

Adobe Illustrator

Timeline
Three sprints — 30 days

Date

2017

Discover

Problem Statement • User Research • Features • Material Design

Problem statement

Our customers require a modern and streamlined search experience, allowing them to easily navigate the site using an iPad or mobile device.

Research

Fortunately, the research team had already conducted some initial studies, providing us with valuable insights to work from.

Key findings

Reduced engagement: 64% of our users use a iPad or mobile device but only use search when they get really stuck causing them to manually navigate through menus and pages, which is time-consuming and frustrating.

Decreased conversion rates: 22% of our customers who sign up for a trial dont continue their subscription.

Limited accessibility: Users with disabilities or impairments rely on search to access the content. A lack of responsive search hinders their ability to navigate and interact with the website effectively.

Power user efficiency and simplicity: Our power users who rely on comprehensive search have expressed interest in using other devices like iPads, and would like to see the search UI modernized.

Feedback from customers

Pain points

  • Search is difficult to use and seen as a last resort
  • Customers will simply use the default settings
  • Search filtering appears complex because of the array of drop-downs
  • Customers are frustrated they can’t use search on tablet or mobile

Customer quotes

  • “I can’t find what I’m looking for”
  • “Looks complicated”
  • “Too many results”
  • “Doesn’t work on my iPad”
  • “Why isn’t it as good as Google?”

Feedback from our business partners

Missed insights: Search analytics can provide valuable insights into user behavior and preferences. Without a responsive search component, you might miss out on understanding what users are searching for and how they interact with your content.

Missed personalization opportunities — more relevant research: Search components are integrated with personalization algorithms, tailoring search results to individual user preferences. If more users use the search feature we can offer them more relevant research.

Competitive disadvantage: Many modern websites and platforms offer responsive search functionality as a standard feature. Not having this functionality could put your website at a competitive disadvantage and make it less appealing to users.

Search v navigation

Our team had a debate about the merits of search versus top-level navigation. Specifically, we discussed whether a well-designed search pattern could potentially replace top-level navigation.

We concluded that a blend of both navigation and search would provide the most optimal user experience.

Material Design

We've opted to use Material Design as the foundation for our search pattern because it offers a high level of familiarity and recognition. Its also very well documented.

We'll customize the component incorporating our own unique features and branding.

Exploration

Search Model • Wireframes • Design • Specifications

Search model


Wireframe


Final design


Specifications


Conclusion

Customers expressed enthusiasm for the responsive design, indicating a higher likelihood of revisiting the site. They specifically mentioned, "I can finally view research on my iPad," and "I can find new content more easily."

One year post-launch, subscriptions saw a 15% uptick, and we achieved cost savings on future development by making the search component reusable.