SEARCH BAR, BEFORE
The existing site’s search bar required several clicks to even complete a search. The homepage search bar defaults to site search and has a small target area to toggle between site and catalog search. The style of the catalog search bar is different than the site search bar.
It also decreased in size, making the targeting area even smaller. The explainer text has to be manually deleted, and the search button has to be manually clicked with the mouse instead of being activated by “return” on the keyboard.
PREVIOUS SITE SEARCH BAR
PREVIOUS CATALOG SEARCH BAR
SEARCH BAR, AFTER
The search bar on the current site is in the right corner, but on my redesigned homepage, I wanted to elevate the importance of search, since that’s the purpose of most users on the site, based on my survey responses.
My design iterations moved the search bar to the middle of the homepage’s hero section and eventually address the target area’s sizing. I eliminated the ability to search the site because it was not a goal of my survey respondents, but it could easily be added to the search dropdown if there is a public outcry.
NEW SEARCH BAR
SEARCH RESULTS, AFTER
In my redesign, I added the ability to filter by format, age group, and availability, and to sort alphabetically, by ratings, and published date. I also added a headline that positions the search results in user-centric language.
I landed on a solution that allows skipping from previous and next, to selecting the exact page you want from a dropdown. I displayed one list result per title, then listed available formats as links and unavailable formats greyed out. This reduces the number of list results, which should decrease decision making time.
I also made it easier to place a hold (similar to a “buy now” button). I created the ability for users to save an item to a favorites list. I also added ratings to these list items to make choosing a quality item easier at a glance. The entire item area (between ruled lines separating list items) could be clickable to increase target area, instead of requiring users to click directly on the title.
NEW RESULTS FILTER SYSTEM
NEW SEARCH LISTING
PRODUCT DETAIL PAGES
I streamlined the ability to preview an item’s first pages (similar to Amazon). I added a section for nationally aggregated ratings and reviews and streamlined the ability to view a summary and recommendations based on various item criteria.
I also gave users the ability to specify which format of a title they’d like to save or reserve, directly from the product detail page, with visible availability as paramount to decision making.