HuffPost for iPad: Inside the Relaunch Process

We listen to our readers.

While record numbers of users are engaging on our desktop websites and mobile extensions, one thing was clear: our readers found our iPad app buggy, slow and difficult to use. We clearly needed a reboot! The facts were clear: the site is growing every day. Over seven-plus years, The Huffington Post has added dozens of verticals, expanded to five international editions, and publishes hundreds of multimedia stories each day. How do you pack that into an app experience and make it easy and fast to use? 

The new app, which launches today in the App Store, features extended sharing capabilities, stunning visuals and a completely new video section with a HuffPost Live archive. You can check out a demo video here. The all new iPad app was created with these five core elements listed below the video:

Rebuild from the ground up.

It’s a rare opportunity at a well established brand when the mobile team can have a clean start, ditch all of the 400k lines of code we inherited from the past and start again from scratch. On the technical side our aim was to lay out a solid foundation we can build on in the next couple of years. The main considerations were the unique capabilities of the mobile platforms, the user expectations and how mobile is different from the desktop counterparts. Data consumptions, client side computing capabilities, user experience and fully localized support of all the international editions were the main concerns.

2013-02-20-03EntertainmentdoubleiPad.png

All the other layouts, UI elements and animations are created in native iOS code to provide the best performance, smoothest user interaction and intuitive gesture and multi touch based navigation. We incorporated our brand new commenting API with the OS level integrated share capabilities. 

Editorial voice... with customization.

It was also clear from the beginning that HuffPost was serving up an amazing amount of content across our news, politics, entertainment, tech sections. Also, we’re not an automated feed like Flipboard. Editors are choosing the blogs and articles that make up their sections. Philosophically, we wanted an experience that allowed users to personalize our editorially curated content to set their favorite sections, but also dig deeper. Now, at start-up readers can select the sections that matter most to them. Then, you can simple swipe right-to-left to see those sections, and then swipe down to dig deeper within a section. Its the world in real-time at your fingertips.

2013-02-21-04_Comments.png

Conversation starts here.

As with desktop, conversation is key. For the iPad app we completely rebuilt and redesigned the comments section natively in iOS. And, they are now one tap away from the bottom left corner of an article or blog.

Native vs Responsive.

Temptation was high to build the new app based on pure HTML5 but in my opinion HTML5 is just not there yet. To combine the best bread of both we are rendering the articles in HTML format and instead of recreating the same layout million times on the devices we render and cache it on the server side.

The HuffPost core API were built in focus on the desktop experience and provided way too much unnecessary data for the mobile clients so we created a mediation layer between of the the core API and the clients serving only the data what is really necessary for them. By reducing the number of API’s and building article templates that are responsive to mobile screen sizes, we we’re able to speed up load times. Ultimately, the app is native AND responsive.

No instructions required.

From a design perspective, this new app could not be simply a fresh coat of paint. We wanted to get out of the readers way and let you dive in as quickly as possible. We kept referring to it as a “no instructions required” approach: we wanted an app that was so intuitive, we would not have to add a complex “how-to” screen when users entered the app for the first time. We did want to reflect the attitude of the desktop site on the smaller screen. We’ve reinterpreted our big & bold HuffPost splashes — which highlight the stories that matter the most. For a better and more legible reading experience we’re using typography designed for digital screens by Font Bureau. To quickly scan the news, the app uses a simple grid that is populated with the latest content that our readers are engaging with the most.

2013-02-21-dfdfdfdfdbreezi_placeit.png

This is just the beginning, but we hope the new app is “a hell of a lot better” and with this solid new foundation, we look forward to adding new features over time. Look for the companion iPhone app coming soon, as well as the phone app for Android. Download the app and let us know what you think.

— Josh Klenert and Otto Toth

Josh Klenert