Yahoo! Go Mobile

Yahoo! Go Mobile Design Vision

Yahoo! Go Mobile Design Vision

Yahoo has made its content available on mobile phones since the first wireless enable cellphones came to market in the late 90‘s. In 2005 Yahoo! developed Go Mobile, a Java-based client application, the crown jewel of mobile offerings.

Challenge: Under the design direction of Pamela Mead, several levels of mobile service were developed allowing users with different types of phone to have an experience of Yahoo! on their phone, whatever the make or carrier.

Response: The most distinctive service, Yahoo! Go Mobile featured a “game changing” interaction design with carousel navigation for browsing Yahoo! content.

Result: The service allowed users to get all their Yahoo! information and content services in one place. Yahoo! Go Mobile seen above, was deployed as beta software and performed well until the Go platform underpinning the service was closed in December 2009.

Role: Senior Director, Product Design

Year: 2006

Yahoo! TV

Yahoo! Go TV Design Vision

Yahoo! Connected TV Initial Design Concepts

Yahoo! Go TV, or Connected TV as it is called today, explored the opportunity to transport the Yahoo! user experience from the desktop to the living room. It meant building a design team who could develop a 10 foot user experience.

Challenge: The challenge of Yahoo! Go TV was to create a team of designers who could develop a go to market solution and a design vision that could attract new partners to collaborate and invest in an emerging business.

Response: Dr. Mike Mills led the design team who prototyped a series of short and long-range concepts. A short term go to market solution made entertainment services available on any PC-connected TV through a small downloadable application on the PC. The services included local and video search, movie trailers, movie times, TV shows, user ratings and weather, sports scores, stock data and news from My Yahoo.

Long term design visions were created as working prototypes to show how Yahoo! personal content could be integrated with live broadcast. Single point solutions called ‘widgets’ were developed for delivering the latest sport or news highlights. A flexible interface for navigating and filtering personal media content for photos and music with10 levels of zooming was also built.

Results: The go to market solution was demonstrated at the CES electronics show in 2006 to good reviews. The long range design prototypes were shown to business partners and succeeded in creating opportunities for new joint ventures.

Since August 2010, Yahoo! Connected TV has deployed widgets for TV’s providing customers with the latest updates on information from across the Yahoo! network along with Movies and TV shows on demand.

Role: Senior Director, Product Design

Year: 2006

Yahoo! Connected Life

Yahoo! Connected Life Design Vision

Yahoo! Concept Diagram for the Connected Life Consumer Experience

Connected Life brought together three digital components of a typical consumers life – their phone, their television, and their computer. As creative director I led the user experience design teams to deliver the connected life customer experience extending Yahoo’s brand reach to become as ubiquitous as possible.

Challenge: Connected life consisted of Yahoo Go Mobile (aimed at mobile phones), Yahoo Go TV (for televisions), and Yahoo Go Desktop (for computers). With a Yahoo ID, users could connect the whole Internet to their mobile phone and Internet-connected TVs, as well as personal computers without using a browser.

Response: As head of user experience design for Connected Life, I built a world-class team of design experts to develop engaging personal and community-aware products in TV, desktop, broadband and mobile platforms.

The broadband and mobile teams had established products and revenue streams and could provide resources to develop the Yahoo! Go experience. The TV and desktop platforms were unproven businesses but needed a design vision which could demonstrate the value of the business.

Results: Using my experience in R&D and waterfall product development practice, I was able to build a multi disciplinary team of user experience designers capable of both pioneering new user experiences for TV and Desktop and evolving the existing businesses in broadband and mobile.

The investment in design paid off. In 2006 Yahoo! Go was unveiled to good reviews at the Consumer Electronics Show (CES)

Today, much of the Yahoo! Go vision has been released from service. However, the legacy of the early ground breaking work lives on through Yahoo Connected TV,  and Yahoo! Mobile.

Role: Senior Director, Product Design

Year: 2006

Yahoo! Sports

Yahoo! Sport Website Design Improvement

Yahoo! Sports redesign 2003 before and after

Evolving the popular sports website for Yahoo! was a huge challenge. With a very small team and resources compared to rival ESPN, becoming the leading online Sports editorial service and leader in fantasy sports and broadband programming for both users and advertisers was a tough task.

Challenge: Brian Grey, then head of Yahoo! Sports, requested a redesign that would compete head to head with rivals such as ESPN, Fox and Sportsline. The challenge was tough.

First, Making the site compete on content would be a challenge, because Yahoo! Sport creates less original sport content than media companies such as ESPN or proprietary right owners like the NFL and MLB.

Second, to attract fortune 100 advertisers to invest more heavily, the site needed to feel more sporty and less like a list of sport statistics and news feeds. This meant adding new content sources and new team members including user experience design.

Lastly, a new navigation experience was needed to accommodate more sports, enabling greater content and business to be developed in each vertical. Navigation had to be flexible to accommodate seasonal variations in sports, whilst remaining easy to use so repeat visitors could easily find sport results on a daily basis.

Results: The sports team had very clear goals and objectives, but no dedicated design resources to help achieve them. I argued the business case for investing in two dedicated heads (visual and interaction design disciplines) and negotiated borrowed headcount from user research and web development. With a world class design team hard at work, the site went through the full user centered design process. Within a year the news site was launched.

Results following the launch of the redesign were spectacular. The site moved from #4 to #2 on the internet behind market leader ESPN. Unique monthly visitors increased by 52%.

Three new sponsors, Pepsi, Ford, and KFC, invested heavily in the newly designed sponsorship templates for major league sports. Companies such as Ace Hardware, Nike, Cingular, Planters, and Tums followed suit, bringing new advertising to the service.

Our users were impressed, too. The amount of time spent on each page was greater than on competitors ESPN, Sportsline, and AOL Sports. The look and feel of the service set a new standard for online sport media that has been very hard to beat but often imitated.

Role Design Director

Year 2003

Yahoo! News

Yahoo! News Website Design Improvement

Yahoo News Design Improvement before and after images

Yahoo! News requested a redesign of the their popular website. What started out as a dynamically generated set of text based news feeds was transformed into a customer centric, advertising friendly #1 news internet site on the web.

Challenge: Yahoo! News wanted to be the best and most relevant online news service on the Internet. Its goal was to create a compelling and customizable new view for users; build deeper feature and content packaging to enhance contextual advertising opportunities; and drive traffic from the site, deeper into other parts of the Yahoo! network.

Response: Making over the site involved introducing new skills to the News department who were reluctant to let go of the way things worked at first.

With the introduction of a six-month research phase consisting of focus groups, usability studies, segmentation analysis, field research, and advertising studies, I was able to bring the news team to a shared understanding of the scope and scale of what we needed to do from a design perspective to help them achieve their goals. Resources were approved and I built a world class team of interdisciplinary designers to transform the site.

Findings from the research phase informed the design of a customized digital news experience targeted at specific customer segments. Users were offered up-to-the minute, comprehensive, contextual news with features informed by consumer insights. Pages were easier to navigate and were laid out to be clearer to read.

For advertisers, the new site offered integrated and more valuable ad units. The design enabled sponsors to underwrite parts of the site by providing templates that they could “plug and play” their content and brand into.

Results: Yahoo! News moved to #1 news site category on the web according to Neilson Netratings enabling it to reach its goal of becoming the best and most relevant online news service on the Internet of its time.

Unique visitors to the News site increased five times within a year of launch. With new visitors and greater traffic to the site, advertising revenue increased and more people were drawn into the Yahoo! brand experience.

Testimonial from Kourosh Karimkhany, Senior Producer of Yahoo! News

“I met Sally when she was running one of Yahoo’s design groups and I was running the day-to-day operations of Yahoo News. My product had been performing well, but was not well respected and was not growing fast enough in comparison to our competitors. Sally was assigned to my redesign project – which turned out to be one of the most fortuitous turns in my career. She led a team that essentially invented the current form of Yahoo News – the largest news site in the world.

She came up with very clever solutions to devilish problems – like how to display a lot of information on one page without overwhelming the reader, and how to present the same story from several news organizations. These were radical ideas that Google News aped a couple years later. 

She was a consummate pro as well.

My team had several strong personalities (yours truly included), but she managed to keep egos and tempers in check. What’s more, even though different members gave wildly different suggestions, Sally managed to sprinkle just the right pinch of each of our demands into the final product. 

The result: Yahoo News’ traffic exploded. A year after the redesign traffic was five times higher.

I would LOVE to work with her again. While I like to brag about Yahoo News’ explosive growth as one of the highlights on my career, Sally truly deserves more of the credit.

Role: Design Director

Year: 2004

Guidepad Mobile App

Guidpad mobile application screen design

Mobile screens for travel application Guidepad

Founder Labs is a five week program focused on the first phase of launching start ups in the mobile space. In January 2011 I  participated in the program and collaborated with an engineer and product business lead in the design of a mobile application Guidepad.

Challenge: In only five weeks, the team met, determined a problem space and customer, prototyped a solution, sought customer insights and presented the findings and results to an audience of investors.

Response: Guidepad sought to reduce the stress of traveling for affluent travelers visiting destination cities in the USA. Available from concierges at high end hotels, Guidepad offered travelers a customized mobile phone with essential travel services, internet and phone. Above are screen shots from a use case scenario I designed for supporting a traveler safely back to their hotel in a city they may not be familiar with.

Response: To learn more about the my lean start up mobile work at Founders Lab, please read my blog posts that track the experience week by week.

Role: Designer

Year: 2011

Yahoo! Movies

Yahoo! Movies Website Design Imrpovement

Yahoo! Movies Design Improvement

The web as a medium for promoting film had yet to prove its worth in Hollywood in 2002 at the time of the sites redesign. By making the presentation layer of Yahoo! Movies more familiar to often-conservative, middle-aged studio executives, Yahoo! was able to capture a major investment from the movie industry.

Challenge: Yahoo! movies was a popular site with users on a Thursday evening when people were looking for a film to see on the weekend. It did rather less well during the week. In the eyes of potential advertisers in Hollywood, it did little to entice them to spend advertising dollars. The challenge was two fold, create a site to attract advertisers and keep users coming back every day of the week to the website.

Response: For the site to be appealing to the movie crowd, it had to offer movie sponsorship opportunities and integrate broadband content, editorial reviews and, most important, the promise to sell movie tickets over the web.

Getting the right balance between content aggregation, movie promotion, ads, and editorial content was a new design challenge. By offering fewer larger ad positions at the top of the page, producers were excited to invest. By rotating the content on the home page according to the ebb and flow of the movie industries production and promotion cycle we were able to attract users back on a daily basis.

For example, traffic to the site peaked on Friday, when users wanted to find a movie and show times. Promotions of weekend releases drove users to the theaters for opening day. Monday’s home page featured the box office highs and lows over the weekend. Understanding the movie studios’ timing, established Yahoo! Movies as a part of the entertainment industry.

Results: Yahoo! Movies became the #1 entertainment site on the web following the launch of the redesign. Within a year of the launch, unique monthly visitors increased by 34%.

The Movies team relocated to Santa Monica and quickly became enmeshed in the glamor of Hollywood. The movie industry took this commitment seriously, and their influence on the team’s thinking benefited both industries.

Role: Design Manager.

Year: 2002

Excite Mobile

Excite Mobile Application Design

Excite Mobile Application design

By 2000, mobile phones with Internet capabilities were coming to market rapidly. As part of its business strategy to extend customer reach and gain market share in the emerging mobile Internet market.

Challenge: As the mobile application designer, my task was to transform existing internet applications like email, news, entertainment and weather onto a limited-screen-space mobile phone experience.

Response: At the time, images on mobile internet phones were black and white and with screen sizes that could be as small as three lines of text. The work was highly creative despite the design constraints imposed by the hardware and software limitations.

Results: Of the many applications I designed, developing the first customizable internet enabled mobile phone home page in the U.S. allowed users to choose the mobile applications they wanted to use. The innovation gave Excite leverage to compete head-to-head with Yahoo! for placement of WAP services on the highly valued mobile home pages of carriers such as Sprint.

For Excite customers, the service provided increased freedom from their PC, now that applications were available anytime, anywhere and on any computer or mobile Internet device. The Excite, the service extended the brand to more customers, some of whom were accessing the Internet for the first time from their cell phones.

Role: Designer

Year: 2000

School Website

Website Redesign for FengShui School 2007

A new vision for the Golden Gate School of Feng Shui’s website. A great opportunity to enhance the brand appeal to attract new students to learn about the school.

Challenge: The goals of the redesign were three fold.

  1. To create a clean professional new look and feel that would appeal to a wider range of visitors.
  2. To create an exciting dynamic home page that would engage users to explore deeper into the site.
  3. To increase the amount of time visitors spent on the site by offering new content like video reviews, articles from past students, questionnaires, surveys, product merchandising etc.

Response: Establishing the right ‘mood’ for the site was key to its success. A competitive brand audit of other Feng Shui schools revealed a gap in the market for a high impact, professional design with strong visual appeal. Several  mood boards were created and tested. The one chosen used a rich color palette or reds and golds cut with green (image above right).

The mood and color palette brought a vibrant mixture of ancient oriental imagery combined with a modern sensibility which was how the school wished to position its brand in the market.

The imagery, colors and fonts from the mood board were applied to a new layout and a fresh set of page templates were designed to show case new and existing material in an easy to read, simple to use site.

Result: The new vision for the schools website was well received by its leader.

Date 2007

Role Designer

Kodak Picture CD Design

Kodak Photo CD Vision Work

Kodak Photo CD Design

Eastman Kodak was, at one time, the global market leader in camera film. During the 1990s, the rise of digital photography negatively impacted Kodak’s sales, and the company needed to find a way to recoup its losses.

Challenge: Before the Internet enabled the storage and processing of digital images, CD-ROMs bridged the digital gap by offering both traditional film processing and digital pictures. The challenge was to show Kodak how they could transform the marketplace for consumer photography by providing customers with a new way of working with their photos on a  CD-ROM.

Response: I developed the interaction and user experience specifications for the first working prototype of the Kodak Photo CD. Kodak provided the functionality, based on consumer insights, and Intel provided the technology. Product features supported storage, sharing, printing, and retrieval of photographs, as well as limited editing, slideshow display, wallpaper, and screensaver functionality.

Consumers would bring their CDs into national retail chains that offered Kodak Picture CD services and pay approximately $8.95 – $10.95 for two-day turnaround of their photographs.

Result: Designing the Photo CD helped Kodak to transform itself and the marketplace for consumer photography. The Kodak Photo CD proved to be an international retail success.

Role: Interaction designer with design agency Studio Archetype

Year: 1998