The new QVC homepage, for iPhone and iPad, introduces an all-new modular design system to the apps. Users can now easily see whats on air when the app launches, and interact with the content like never before.
The state of QVC apps in 2016 was a bit frightening. We had a 5-year-old iPhone app, a relatively-new iPad app that lived in it’s own little world, and an Android app that barely functioned.. all built and ran by different teams.
In the summer of 2016, leadership decided it was time to get our house in order.. to finally be mobile-first. The goal was to create a universal design & content strategy that worked for ALL apps and ALL countries, in turn creating a universal design system, reducing workload for our content teams in the different markets, and streamlining development.
I usually hate dwelling on the negative stuff. This project was heavily influenced by the powers that be though, so it is critical to note.
1. Agile teams
Lots of cooks in the kitchen, all headed in different directions. That pretty much sums it up.
2. Leadership strategy
The teams were given at the onset, to align with the modular redesign work from responsive web. They wanted the same modular toolkit, just customized for native apps This was meant to reduce workload for the content production teams, but also meant less opportunity to come up with a new app strategy.
3. iPhone, iPad, or Android?
The biggest question of all… which platform would we focus on first? Leadership desperately wanted to fix the iPad conundrum by crafting a universal iOS design, so we could sunset the old iPad app. iOS apps also brought in more revenue than Android at the time. Leadership made the call to start with iOS, and then retrofit Android using Material standards.
Research & Analysis
Audit of current app
The original iPhone app was built in the early 2010’s.. in an age of endless table views, sliders, and text-in-image galore. The app was inaccessible beyond repair, not to mention abnormally static and void of user delight.
A customer research analysis of the homepage gave us some great insights right off the bat:
No-one was engaging with the promo-slider past slide 1-2.
The “Item On Air” link was the most-engaged with element on the page. This took users to the “QVC TV” page with a live video stream of the show, and the current/recent products on air.
Users found little value in the stacked table images.
After the research phase, we began crafting some guiding principles for the new app. Those principles were derived from the following questions:
How could we tie the imagery and text together, in a way that allows the imagery & products to speak for themselves?
Would it be possible to incorporate elements of the live video stream into the homepage, and make it easier for users to see the current product on-air (i.e. Facebook Live)?
This app needed more interactive elements. More motion would guarantee increased engagement (in the right context).. and just make it a more delightful experience.
Native vs. brand-right? Figuring out how to strike the perfect balance of QVC branding and native iOS standards. App users have different expectations than web.
3 months of research-whiteboard-design-critique, 2 rounds of remote user-testing, 6-12 months of development, and 90 days of beta-testing later… here is what we delivered…