ANWB

Creating a must-have tool for Dutch motorists

ANWB
The ANWB (Royal Dutch Touring Club) is the largest travelers’ association in the Netherlands. In 2012 the ANWB introduced their first app, ANWB Onderweg, but 5 years later the app was still far from perfect. I conducted UX research to find out on what points the app could be improved and came up with suggestions to make the app better.

The challenge
The ANWB introduced the ANWB Onderweg app back in 2012, meant as an extra service for its 4.5 million members. With the app users can, among other things, get the fastest route to their destination, find parking spots and gas stations and get notifications when there is a traffic jam on their route.

About the ANWB

The ANWB is the largest travelers’ association in the Netherlands, founded in 1883.
Read more

However, even after a complete redesign in 2017, the app was still far from perfect and received mostly negative reviews. During my studies at the Amsterdam University of Applied Sciences, I was challenged to get a good overview of the stumbling blocks for users and to come up with useful suggestions to improve the app based on those results.

Review: ANWB Onderweg app

A review by Dutch blog iCulture of the app redesign that was introduced in 2017.
Read more

The process
One of the main issues mentioned in the reviews, and one we found out ourselves as well, was that the navigation of the app was quite difficult to use; the only way to go to a different section in the app was by returning to the start screen and using the menu there. On top of that the structure of the app was overly complex which made navigating through the app even more difficult. Especially while sitting in or while driving a car, the app wasn't easy to navigate through. The first step we took was to conduct a content audit and see how we could restructure the app to improve the overall experience.

ANWB old sitemap

The structure of the app after its first assessment with  blue being components that could potentially be merged into an other section, and  red being components that could be removed due to the mergers.

With a new structure we were able to start working on the next question: how do we make it as easy as possible to navigate through the different sections of the app or possibly make navigating through sections unnecessary (especially while driving)? 

ANWB new sitemap

Proposal for the new structure of the app.

After brainstorming we came with a few possible solutions. Keeping in mind the feasibility we were able to reduce these solutions to four concrete proposals:

  • Introduce a toolbar (similar to e.g. Instagram or Spotify) so users can easily navigate between the different sections in the app. This would solve the navigation issue.
  • Restructure the app and merge/remove sections. This will make the app clearer and easier to use, especially with a toolbar.
  • Make one view which shows all core functionalities of the app at once – for example in ‘driving mode’. Users can see their route, nearby gas stations, available parking spots, etc. in one view and don’t have to constantly switch between different sections in the app, which is especially annoying while driving.
  • Improve the rest of the design so the tap areas are bigger.

Based on these proposals we worked on some mockups to show the app in the right context and accurately demonstrate the differences and improvements.

ANWB app old vs. new

Old (left) vs. new (right): with a new structure, larger buttons and more focus on the primary sections of the app, the app is clearer and easier to use.

The result
Although the ANWB Onderweg app had the potential to become a must-have app for all Dutch motorists, it lacked a final touch that would convince potential users to download (and keep) the app. With the proposed changes the app can definitely become an indispensable tool that will be a resource for millions of motorists in the Netherlands.

More projects

MastercardResearch

PathéWeb

ANWBApp

© Leon Lieffijn 2019