Browse
Airtasker

Airtasker is an online marketplace connecting people that need a job done (Posters) with people that can do the job (Taskers). Users describe the task and indicate a budget, community members then bid to complete the task. Airtasker was founded in 2012 by Australian entrepreneurs Tim Fung and Jonathan Lui in Sydney.

My Role

Design Lead

Product design

Strategy

My Role

Design Lead

Product Design

Strategy

TEAM

Ming Luan

Aarti D'Cruz

Bernardo Luz

Browsing tasks

The Browse Tasks page is the central focus of the Taskers experience. This is the place where Taskers come to find work and to see what's happening in the marketplace. The existing filters and sub-navigation were not supporting these needs, malfunctioning and creating confusion for our users.

Browse_Tasks

Above
The filters before the redesign. 

Brief

Due to the growth of the platform, the browse tasks page receives a large influx of new tasks every minute. Starting from a previous Design Sprint, we defined the scope of the project. We knew that there was so much that we could do but we wanted to define a small first step that could enable the next phases.

Taskers wanted to create a curated view based primarily on location, radius, price and status of the task. But they also wanted to come back to this page and find tasks that are based on their previous activity. 

We noticed that user couldn't trust our search (based on keywords) and they developed an incredible "FOMO", that translates into users checking the browse tasks constantly to avoid missing out but also for entertainment.

So the goal was to give the ability for users to save filters against their profile - so they can access the same search results across devices, filter by task value, location and task status. Plus we wanted to give to the page a much-needed facelift. 

Research

We ran multiple user testing to verify the assumptions and ideas that came from the DS, we also wanted to check the order of importance and correlation for the filters.

initial-test-browse-tasks
initial-test-browse-tasks-3

Above
Some recorded user testing that we have done during this phase. We use lookback to keep track of the insight to then share with the rest of the team.

Above
Some recorded user testing that we have done during this phase. We use lookback to keep track or the insight to then share with the rest of the team.

Competitor research

The initial Design Sprint was focussing mostly on Mobile devices, we knew that we had to do a bit more work to understand the differences in terms of patterns for larger devices. We looked at products that had similar needs and we discovered that filtering was as important as showing the active filters.

We discovered that there were a lot of users that like jumping between the website and the native experience. So we wanted to find a solution, that could work and feel similar across platforms. Something that could work for basic filtering options but also a good foundation for the future to add additional functionality.

Competitor research

The initial Design Sprint, was focussing mostly on Mobile devices, we knew that we had to do a bit more work to understand the differences in terms of patterns for larger devices. We looked at products that had similar needs and we discovered that filtering was as important as showing the active filters.

We discovered that there were a lot of users that like jumping between the website and the native experience. So we wanted to find a solution, that could work and feel similar across platforms. Something that could work for basic filtering options but also a good foundation for the future to add additional functionality.

competitors-browsetasks

Above
Some screenshots from the competitor research. We generally use Dropbox Paper to collect insights as it makes it easy to share and collaborate with other team members.

Ideation

We worked and tested our designs for Web and Native in parallel, trying to find a unified solution.

Ideation

We worked and tested our designs for Web and Native in paralleled trying to find a unified solution.

browse-wireframe-5
browse-wireframe-4
browse-wireframe-3
browse-wireframe-2
browse-wireframe-1

Above
Some initial designs. 

Design

The final design has all the filters always visible at the top of the screen. That gives contextuality on the applied filters. The same approach has been rolled out through the native apps.  

Problem

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

empty-state

Above
The empty state designed if no results are found. 

price-type-control
location-control
chips-filters

Above
The different states of the filters (Location/Remotely, Distance, Price range and Task type)

autocomplete
Status-3
Status-2
Status-1

Above
The new Task card has been redesigned to better highlight the task state, location and due date.

Above
The animation created to notify Taskers that new tasks are available to be diplayed. 

Android List Filter Categories
Android Filters Categories b
Android Filters Categories A
Android-Empty

Above
The Browse tasks screen with the new filters in our Android platform.

Above
Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

browseDefault
filters
filters b
iOS-Empty

Above
The Browse tasks screen with the new filters in our iOS platform.

Results and next phases

The new Browse tasks has increased the Assign rate by ~3%, and, accordingly, reduced the cancellation rate. With the completion of this project, we ran user testing to refine and better validate phase 2.

Results and next phases

The new Browse tasks has increased the Assign rate by ~3%, and, accordingly, reduced the cancellation rate. With the completion of this project, we ran user testing to refine and better validate phase two.

final-test-browsetasks