Mobile App

As part of the Yahoo! Connected Life team, which focused on seamless experiences across multiple devices, I designed high-demand, localized, UI flows for the mobile search application.

 

Ask Optimize mobile search application for high demand tasks such as flight times, sports scores, and finding nearby restaurants.

Role Lead Designer

Responsibilities

  • Collaborate with product manager to identify and create scenarios

  • Designed flows, pages and interactions for application interface

  • Optimize experience across multiple devices (OS & aspect ratio)

  • Collaborated with engineering team to solve implementation issues

YahooMobileSquare.png

“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.”

 

As lead interaction designer I was responsible for managing and enhancing the mobile search application. Along with Google, it was the native search app on the iPhone which launched during my tenure at Yahoo! Our work provided the first mobile localized search results.

I developed customized results for high demand tasks (searching for flight times, sports scores and restaurants near you). Clusters of information were triggered based on the search query, location and design concept. For each scenario it was necessary to create separate designs for each device class.

Implementation-ready designs were put together using the pattern library.

Cluster Search Result Example

Cluster Search Result Example

 

To determine intention of the query we made a sequence of inferences based on current location, exact matches and subtle messaging.

UI Flow

UI Flow

 

For approval and implementation, I created specification which included page layouts, wireflows and page flows. In addition, I collaborated closely with the engineering team to QA the final implementation. Using a device library, I cross checked the designs to ensure the experience was optimized correctly.

Wireflow

Wireflow

 
yahoo-billboard.jpg