Categories
Case Studies

A UX Case study with UI design for addition of a new feature in Nearbuy app

View the original post

A new feature addition to plan multiple events in a day with other people collaboratively in Nearbuy app

Nearbuy feature addition case study cover photo

Note: This is a UX case study developed by me using analytical data collected by Rituparna De (PGP student, IIM Indore). All the features and improvement suggestions mentioned here are not related to any business redesign of Nearbuy itself.

Introduction :

Nearbuy is an e-commerce platform, available in mobile phone app and website formats. The platform allows users to discover and avail offers on various hyper-local services. With some preliminary data analysis, it was found that despite it being a leading lifestyle app, many people didn’t use it as extensively for booking of day-to-day activities.

To find out the root cause behind this, I performed user research and a few contextual interviews related to the ‘Lifestyle’ problem space in general. I came up with a few missing touch-points which I feel ‘Nearbuy’ currently is not covering.

In this case study, I’ll explain the whole process that I performed, along with the solution I came up with.

Process :

Approached the problem solving by following a Design Thinking Process to keep a user-centriic mindset

Design Process

🕵️ Research and Discovery

Needfinding in the problem space :

To get a better understanding of the ‘Lifestyle’ problem space and consumer pain-points, I chose my roommate for a contextual inquiry. He is a 26 years old IT employee from Hyderabad whose typical weekday is spent at work ( 9 to 7 ) in the office followed by engagement in daily household chores. Over the weekends, he goes out to run various errands, meet his/her friends etc depending on availability of time. I firstly observed him to gather data on his behavior, and then performed a contextual interview. I took another interview with a student at IIIT Hyderabad.

Below are some of the major insights that came up during these interviews:

  • Users spend their free time, after completing their daily routine-work, on their phones and also make their upcoming plans and chalk them out on their smartphones only (and not in any physical planner).
  • Users don’t mind paying and booking in advance and rather prefer pre-booked tables, movies, shows, and events.
  • Users prefer going out and visiting all the places they need to go to, at one go, before returning to their home.
  • When users have one or two main errands to run or places to visit in a day, they try to adjust or squeeze-in some other lesser important tasks as well in the same trip, as much as possible.
  • Users generally prefer weekends for parties and other city trips (and not weekdays when they’re working).

After the contextual interview, I plotted an affinity map to understand more about user psychology when they indulge in lifestyle choices:

✏️ Synthesis and Ideation

User Personas :

I unearthed some key points which drive a user while indulging in lifestyle-related choices. To give a base and empathy to the rest of the process, I made two user models.

User model 1: A 26 year old IT employee who spends major chunk of the day in office and in commute, and has major time constraints throughout the week. This profile fits as an ‘extreme user’ for this problem space because of the user’s hectic lifestyle.

User model 2: A 24 year old student who attends college on weekdays studying, and explores different fun places in the evenings and on weekends.

How Might We’s :

After analysing their unmet needs, I figured out and made a list of ‘How Might We’s’ in the next phase. Mentioning the top 3 ‘HMW’ or How might we’s :

  • How might we help the user see the planned (already booked activities) and the unplanned (not yet booked activities) separately?
  • How might we help the user book events or places for successive plans, keeping in mind the distance from one-another?
  • How might we help the user invite his/her friends to the plan made, let them check the plan and help stay updated?

Task exploration / Goal :

To meet these needs, there are three main tasks that the feature needs to perform,

Task 1 :

  • To plan for multiple activities/events in a day (In my illustrations below, I am considering a case where the user is adding multiple events to an existing plan. This is to ensure we have the UI ready for the most complex task).
  • When the user starts the process of adding an event to a plan, he/she will first see the different categories available after which the user can select one category and view the choices available in that category.
  • These choices will be displayed in a list format which will include ratings and other key information, which will aid the user in selection of venue.
  • He/she will further be able to sort these options as per needs. The user can then select and book a place, and complete the payment.
  • This planned event will get reflected in the ‘My Plannings’ section of the app.

Task 2 :

  • In case the user intends to make consecutive bookings in a day, the user will be able to sort the venue options available for the next booking based on their distances from the venue of the preceding/succeeding booked venue ( if applicable ).
  • The user can additionally sort based on popularity, rating, price etc. as well.

Task 3 :

  • In case the user is making a plan with a group of friends, the user will be able to invite his/her friends into the plan as well.
  • After adding them into the plan, his/her friends will be able to view and track the plan from their own application interface.

Storyboarding :

The storyboards for the tasks are below;

🎨 Design and Prototype :

Wireframing :

After framing all the tasks and the flow, I went on to do the wireframing part. Below are the attached final wireframes. There were total 6 iterations in the process, and shown below are the ones that I was satisfied with:

Tool used : Balsamiq cloud

Design and Prototype :

After research and performing multiple iterations in the flow, I went ahead with the prototyping first so that I could conduct some user testing. After 5 phases of prototyping and 2 rounds of user testing, below are the demonstrations of the different task flows along with the final prototype which accomplishes all the above-mentioned tasks:

Designing Task 1: I have kept a My Plannings section in which multiple events can be added successively and can be selected from an available list of task categories. Further the date and time of the event can also be selected to confirm. Task Categories are almost kept in sync with the existing options within Nearbuy’s interface.

Task 1 : Add plan category, date and time
Task 1 : Add plan category, date and time

Designing Task 2 : For successive plannings in a day, the user will be able to choose the subsequent destination/plan by choosing the closest place in terms of distance from the venue of any succeeding/preceding planned event.

Task 2 : Sort the options by ‘Nearbuy prebious activity’
Task 2 : Sort the options by ‘Nearbuy prebious activity’

Designing Task 3 : In case the user is making a plan with a group of friends, family etc the user will be able to invite his/her friends into the plan. The user can select the add user button available on each part of a day’s plan.

Task 3: Add friends to the plan
Task 3: Add friends to the plan

Lets now look at the complete flow of the feature in the prototype below –

Screens-1
Screens
Screens -2
Screens

📋 Iteration and Feedback :

The prototypes went through a few iterations based on inputs received after user testing. Greater visibility of the sort options, distance mentioned just below highlight photo, check indicator for booked events added, are the main highlighted changes for the iterations done.

Goals Achieved :

  • Events can be easily planned now for separate days and maintaining continuation
  • Events can be sorted based on distance from another place
  • Participants can be added in a planned event.

What more can be done :

  • Place suggestions based on distance from both the event creator and the participants location to a particular place.

Conclusion:

I have taken up this personal project to brush up my skills related to the design thinking process. During the process, apart from gaining experience about various techniques used for testing and iterating a product, I have experienced that my learning had a steep graph.The above feature finding and design was a result of thorough user research and problem area understanding. I have learnt a lot throughout this project and I wish to learn more by doing such projects in the coming days.

If you’ve made it so far, I request you to provide your valuable feedback/suggestions in the comments below.


A UX Case study with UI design for addition of a new feature in Nearbuy app was originally published in UX Planet on Medium, where people are continuing the conversation by highlighting and responding to this story.