Redesigning the TechCrunch app

Posted on


Over the final two years we now have been working arduous to enhance the expertise of TechCrunch merchandise for our readers. Our tiny-but-mighty product crew launched the brand new TechCrunch mobile app for Android and iOS earlier this month and we couldn’t be extra excited. It has been fully redesigned with the purpose of giving you quick access to the news you care about most, regardless of the place you're.

TechCrunch has had an app in the market for a very long time, however it hadn’t been well-maintained and have become outdated, whilst mobile consumption of news grew over the years. Our mobile app customers are amongst our most devoted readers, and reimagining the app to raised serve them represented a novel design alternative.

We realized utilization of our mobile apps was dropping for a couple of causes: the apps weren’t absolutely native, adverts had been obtrusive, there was lack of assist for sure working techniques and the person interface was outdated. My crew and I had been excited to provide you with one thing distinctive and modern that additionally might elevate the TC model. After sharing tough sketches and wireframes internally we realized we would have liked to begin easy, focusing on this query: What are we providing that’s uniquely native?

Outdated app design

To get a greater thought of the place we had been standing, we surveyed present customers and regarded carefully at app retailer critiques. These findings led us to outline the first ideas with these high-level objectives in thoughts:

  • Customized news: Virtually half of our surveyed customers confirmed they needed personalised news. Whereas some care about VR, others may simply wish to get news about biotech and variety. We would have liked to cater totally different worlds (with totally different content material) for all TC customers.
  • Notify customers with recent content material: Ship push notifications with content material tailor-made to person pursuits.
  • Present Crunchbase knowledge: Discovering which firms are trending, acquired funded or acquired is one thing our viewers finds very helpful.
  • Offline studying: Permit customers to save lots of immediately from the push notification on the lock screen and sync throughout units. That is a part of a “know now, deep-dive later” thought.

These objectives gave us a transparent route for an MVP that has three top-level screens:

TechCrunch Information Feed: To entry all featured and newest tales, basically your private home feed of tales.

Your Information: To entry a feed of personalised tales, notifications and handle matter subscriptions (I’ll speak extra about this in a bit).

Saved Feed: To entry bookmarked tales offline.

As soon as the necessities for every feature had been outlined, we created two prototypes that had been examined with customers permitting us to find some fascinating insights. We iterated based mostly on these.

Making TechCrunch yours

Your Information is an area for accessing all the tales you care about; catch up on missed notifications and subscribe or unsubscribe to subjects.

On the high bar, you’ll discover three tabs: For You, Notifications and Subjects.

The For You feed presents all articles from subjects to which you’ve subscribed. Whereas the For You feed maintains the house feed article card elements, it’s extra visible, and articles are organized right here by class.

The Notifications screen is the place all of your notifications will dwell. Articles listed here are organized in the order the notification is acquired; tapping on the notification takes you on to the article.

And at last, the Subjects screen is the place you'll be able to simply subscribe/unsubscribe to TechCrunch’s subjects at any time. Subscribing to totally different subjects will change the tales you get notified about and which tales seem in the For You feed.

Certainly one of the features that stands out visually on Your Information screens is the use of emojis. We discovered from person testing periods that customers had been extra drawn to the prototype that had emojis integrated in the interface. They mentioned the emojis “felt acquainted” to them. With that in thoughts, we determined to provide this space of the app a friendlier expertise whereas making tales extra recognizable all through the circulation: from getting a push notification on the lock screen to rapidly scanning categorized For You tales.

Making a frictionless onboarding course of

Our preliminary assumption was that making a enjoyable and interactive manner for customers to subscribe to subjects would get them to finish the course of with out a lot friction. We tried a card-swiping interplay that was novel for some customers, however in the end felt pressured. We discovered there's extra willingness to finish the course of when presenting all subjects on one view with out requiring swiping or scrolling. It was easy and extra environment friendly.

Getting Crunchbase info

Moreover having the means to bookmark and share an article, you can also get Crunchbase details about the firm or particular person the article is about. The profit behind this feature is to get extra context on the topic talked about in the story.

Including texture to a uniform news feed

Observing how individuals learn news on mobile units acquired us considering fastidiously about how they scan via content material and the way we are able to optimize the card format to make scanning simpler for our readers. The primary iterations had been centered on readability and emphasis utilizing numerous white area. The preliminary designs used a big card remedy for all articles, with minor variations on the card elements relying on the article kind.

In the end, this design didn’t take a look at properly because it felt too uniform and wanted to be “texturized.” We then opted for an answer that shows card variations with totally different elements to assist create a greater sense of hierarchy, a extra condensed and fewer monotonous news feed that shows extra news with much less scrolling and, consequently, a extra environment friendly and higher expertise.

Dealing with the inflow of notifications

Certainly one of the nice benefits of enabling push notifications in the app is that you would be able to get news curated by TC editors each day. For every matter you subscribe to, our editors will choose the 1-2 most necessary tales to ship you as push notifications. To unravel for the concern of getting too many pushes per day — encouraging customers to disable them — we now have set 5 pushes as a tough restrict, even if you happen to subscribe to all 12 subjects. Moreover, we designed a setting that offers customers the means to set a quiet time to not be disturbed for a time frame.

Our strategy was to maintain studying the news easy whereas including non-traditional features corresponding to personalised news feeds, matter subscriptions and push notifications. We’re enthusiastic about the subsequent features we now have in the pipeline. We hope you get pleasure from the new expertise and inform us what you suppose, as a result of, in the end, this app is for you!

You'll be able to download the app for iOS and Android.

Large due to Robyn, Dwight, Jedd, Saurabh, Awais, Jose, Nicole and Mischa for the wonderful effort.

READ  Labor Day Video Game Console Deals: You Can Save $100 On Xbox One 1 TB Or 500 GB Bundles At Walmart


Source link