Alice C. Han

< Previous | Next >

Accordion Design

Yahoo! Search

Objective

•Enrich the Yahoo! search experience by exposing a greater breadth of current and relevant content to its users
•Design a more engaging user experience for trending topics for news, celebrities and movies

Design Approach

As the sole designer, I identified use cases and sketched out design templates that would translate well across trending topics. I determined the prioritization of content categories based on usability studies and quantitative metric analysis. For the accordion behavior, I defined the logic and interactions based on best practices across the web. Once the template was complete, I collaborated with a prototyper to build the design for a qualitative user validation study. For quantitative data, we conducted a bucket test on 1% of our live users. After minor design iterations based on the data, the product successfully launched with positive response from the press and users.

Results

The product was successful with cumulative increase in click through rate of ~40% and dwell time.

Accordion Screenshot
  • Accordion Final Design Final Design
  • Accordion Sketches Sketches
  • Accordion Documentation Documentation

Responsibilities

• Information Architecture • Interaction Design & Flow • Visual Design & Layout • Design Templates • Display & Truncation Specs • Use Cases & Error Handling

alice.han@gmail.com