Re-Designing the Kijiji Mobile App

 

For this project, I worked with a fellow designer on a redesign challenge of an existing mobile app of our choice. We chose to improve the Kijiji mobile app as our initial usability test showed many inefficiencies in the ad posting experience that do not convey the simplicity that Kijiji strives to provide its users. The final result is a mobile app that provides users with a streamlined and efficient experience when posting an ad. This project was completed in just two days.

Software Used: Sketch, Invision

 

User Research of Current App

The first step we took for this redesign challenge was to conduct a usability test posting experience on the current app. We took screenshots of the typical flow of a user adding photos, product details and posting the ad. We identified a large number of usability issues including a inconsistent user interface elements, too many unnecessary pages, and confusing copy write on various screens. A full annotation of issues found during the user flow is shown below.

 

User Persona Development

After we determined the major usability issues with the existing Kijiji mobile app, we brainstormed the person who would be going though the posting experience.  We determined the target user for the re-design to be Belle Lumiere, a young professional from a small town in Ontario.  Her main motivation is to sell her furniture as quickly and efficiently as possible, as she is moving to a nearby city. She finds it difficult to sell her belongings through her small social network, and feels the current Kijiji app requires to much time and has too many steps in order for her to complete a post.  The experience is frustrating as the existing features and requirements are overwhelming and confusing to her.  She is tech savvy and would be open to trying out new features in the Kijiji app. 

 

Information Architecture

In order to determine how we can simplify and streamline the posting experience, we mapped out the task flow for the current posting process.  It became evident the information was not organized in a succinct way to minimize the number of screens needed to complete the task.  The user was frequently directed to a new page to fill out or check a piece of information.  Below is the task flow for the existing app, whereby all rectangles depict screens, and circles depict actions.

Based on the task flow above, we began re-organizing the information in a more logical way that would require less screens and linear flow to the posting experience. As depicted in the task flow, an effort was made to organize the ad details in a way that would minimize the number of unique screens the user would need to land on before completing the task.  

Re-Designed Screens

The goal of the re-design was to minimize the number of unique screens the user would need to lang on in order to complete the task.  We did this by re-organizing the information that needed to be entered, and established the purpose for which the user was posting at the beginning.  By categorizing the type of post the user is looking to do, it pre-sets the information that will appear in the subsequent screens.   Once the user taps on a category, they will be led directly to the Ad details page, where all ad information will be filled out.

 

This page differs from the old app in that all components can be filled out on the same page; the user will not be re-directed to a new screen to enter information.  Once all ad information is filled in, the user then is brought to the location and contact screen, which is also re-organized in a more concise fashion.  We decided the location feature should allow the user to specify the general location/main intersection they would want to disclose, as opposed to a postal code, as we found postal codes to be not the most intuitive method for users to locate themselves.  We also added a location suggestion feature for users to indicate a nearby business/pre-determined location.  The user then is led to the confirm post information and "paid for" options, before they complete the task. Throughout the re-design, we tried to keep the buttons and call-to-actions as centered as possible, in order to maximize comfortable touch areas for users, as seen in the following image.

 

The final step was to wireframe and create the final mock up by incorporating Kijiji’s visual identity (colours and font style) and assets taken directly from the Kijiji brand.  Below are the redesigned screens for the Kijiji mobile posting experience, based on our re-designed task flow.