HBO.

Creating HBO GO, the TV anytime experience for HBO subscribers, began with iOS and Android and has since spanned 8 different launches.

The world's best content.

HBO has become nearly synonymous with great entertainment. The premium cable network has won acclaim and cult followings for original series ranging from Sex and the City to Game of Thrones. HBO is also a company of firsts: the first cable channel to specialize in films; the first channel to be delivered via satellite; the first movie channel to expand into original programming. So it’s no surprise that in 2010, HBO became one of the first entertainment companies to deliver its content to subscribers anywhere, anytime, on nearly any device or platform with HBO GO®. To leverage the unique opportunities provided by digital channels and connect with subscribers in new ways, HBO turned to Huge.

0:00 / -:-

The project began with apps for iOS and Android, and would continue for a multi-year engagement spanning eight launches. In our research, we learned that HBO fans all wanted one thing: more access to the programs they love. We wanted to build on HBO’s strength as a content creator by providing subscribers with a premium viewing experience for all devices. Ultimately, we determined to limit the number of steps involved in getting users right into the content, while also providing ways to explore more great content.

"Letting viewers find stuff and then get out of the way."

It was clear early on that a version of HBO GO for tablet and mobile had to help users accomplish two key tasks:

  1. Play the video you want.
  2. Discover new original content from HBO's library.

The first goal was imperative. The second emerged when we learned how extensive HBO’s library of original content was. The team quickly became excited about the ways in which mobile applications could aid the discovery new content, opening subscribers up to the best possible advertisement for HBO — more of HBO’s own content. 

Iterate, iterate, iterate.

0:00 / -:-

Working as a single team, we wasted no time getting started. Huge’s product design group presented work several times a day, developing and iterating multiple prototypes until we had a product that lived up to HBO’s formidable reputation. Our approach to the work integrated HBO with Huge’s strategy, design and UX teams who made a point of sketching every idea that came out of brainstorming — whether for a single page or the entire platform. Sketches were immediately turned into prototypes, which were tested with actual users and then changed accordingly. To nail the opening page of the iPad application, we designed 28 different wireframes and built out 4 separate versions.

Beyond the carousel.

"It has a drift to it… this is a little cognitive hack that is trying to get you to do something or look at something in a way that’s not the way you’d naturally engage with it." —Cliff Kuang, Senior Editor, Design, Wired.

This agile process helped us solve a big problem: how to successfully promote the most popular and latest content while also aiding the discovery of new content from HBO’s catalog.

The solution came in the form of a gently drifting mosaic grid that let HBO feature more content upfront. This was a radical departure from the standard carousel model, which prioritizes a single hero image at a time, and it became a defining element of the HBO GO tablet experience. From the mosaic, viewers can begin watching full-length programming with one click, the shortest possible distance from discovery to watching.

HBO

First launch done, seven to go.

0:00 / -:-

From the beginning, HBO wanted its subscribers to be able to access GO wherever they were, from Smart TVs to video game consoles. But replicating the success of the iOS and Android apps was not as easy as cutting and pasting: every platform is unique, with its own set of features and constraints.

The Samsung Smart TV interface, for example, has no back button, requiring the design of panels that users go deeper into the content, to the right of the screen, and then exit by going back left.

Many platforms, like Roku, employ specific design templates that must be adhered to. To ensure a seamless HBO GO experience, we had to hack these templates. For Roku, we found a way to create dividers between categories in a long list — between letters in an alphabetical list, for example.

Other platforms, like the Xbox 360, used UI styles that were so new at the time we had to invent our own guidelines to move forward. Microsoft’s new Metro style for the Xbox was still in development while we were designing for it.

0:00 / -:-

One thing that remained consistent throughout was the approach to design. Working with HBO’s technology team, we used the same rapid prototyping methodology to extensively test every new interface or interaction component before committing to the final design. This adaptability proved essential as user testing challenged our initial assumptions time and again. Moving from the mobile app to the TV apps like Samsung and Roku, for example, meant evolving the design for a close-up experience to one appropriate for the actual use case.

User needs always showed us the way. With the xBox 360, we had to consider different and divergent users in a shared living room experience. The mom who needs to be able to pick up the controls and find her favorite show and the teenage gamer who knows his way around the system. We had to make the experience exciting for the gamer but also accessible for the mom.

HBO

Cross-Platform Design & Development = Forward & Reverse Engineering.

0:00 / -:-

Designing across platforms isn’t linear. An elegant solution for one might inform the design for the next, or point the way towards improving an earlier launch. Ultimately, working on multiple platforms, often in parallel, means improving the experience on all.

For example, simultaneous user testing showed that users preferred the Roku app over the Samsung one because it required fewer steps to watch the last episode of a given show. This finding prompted us to go back to Samsung to see if we could find ways to reduce the number of steps. 

Ultimately, we took a dynamic approach to each experience for each app, with teams constantly going back to previously-launched apps to tweak based on new learning and innovation. We took every opportunity to optimize and unify the experience — the iOS app, for example, was updated twice to incorporate new features, look and feel.

Ongoing innovation. 

The original suite of HBO GO mobile apps launched in April 2011—free of charge and available to HBO subscribers through participating television providers. On the first day of its release, the app made its way to the top-ranked position in Apple’s iTunes Store, and received 3 million downloads within the first month. It has also won multiple awards, including 5 Webby Awards in 2013. Based on the success of HBO GO, Huge and HBO have continued to work together on several more projects, including: 

MAX GO.

Huge extended the concept for HBO GO to create MAX GO, a similar platform for HBO’s affiliate, Cinemax. 

SmartGlass.

Building off the interactive viewing feature, we expanded the app’s second-screen capabilities to operate on the new Xbox SmartGlass application. Using SmartGlass on their iPad or Microsoft Surface device, HBO GO users can view engaging supplementary show content while watching their favorite HBO shows on their TV screen via Xbox. The first show available on SmartGlass was Game of Thrones, and HBO launched the capability to coincide with the premier of the third season. 

HBO Connect.

We also created a social experience, HBO Connect, around the network’s popular shows with dedicated followings. This website aggregates all the social activity related to a particular show in a single, HBO-branded environment. HBO adds value to the page with editorial capabilities including live chats, contests and interviews with the cast and crew. HBO Connect integrates across a wide range of social platforms, including Facebook, Twitter and Instagram, and the site has also proven effective in promoting show launches. For example, Huge helped HBO Connect partner with Instagram and Urban Outfitters for a January 2013 marketing campaign around the second season of the hit show Girls

HBO GO is an evolving platform that continuously adapts to user needs and technological innovations as they become available. We look at the app’s evolution not only as user experience experts, but as devoted users and fans ourselves. Working with HBO has been about innovation: Together, we’re transforming the way people consume video entertainment, and helping one of the foremost creators of content lead the industry into the future.

More Work.

Share this: