Practicing Design Thinking

Capturing some extra data points (timings) for better user experience.

Gurpreet Singh
Jul 30, 2020 · 6 min read
Image for post
Image for post

Problem Statement

Image for post
Image for post
Image Credit: Interaction Design Foundation

The above-shared image of the design process is taken from The Interaction Design Foundation which is lead by well-known UX practitioners like Clayton Christensen and Don Norman. I am personally a strong believer in the design process for solving any kind of real-world problems.

It’s very common for us to just see the problem statement and jump to a solution. Which is quite similar to the following lines by Nas & Damian Marley.

You buy khaki pants and all of sudden you say I am Indiana Jones. — Nas & Damian Marley — Patience.

Design thinking is extremely useful in tackling complex problems that are ill-defined or unknown. Let’s start to understand and resolve the above-shared problem statement using this approach.

Step 1 — Empathise

My primary objective was to know as much as I can about the experience of booking a bus ticket through an app. As I personally prefer to travel by motorcycle or car most of the time, that’s why I decided to prepare a short questionnaire and asked my colleagues to know the importance of timing while booking a bus ticket.

Fortunately, many of my friends & colleagues travel a lot through the bus. Some of them doing it on a daily basis by using platforms like Shuttl and a couple of them travel on a weekly basis to their home towns.

Image for post
Image for post

As a part of qualitative research below are the questions I asked :

  • Which platform do you use to book tickets?
  • What do you like about the platform?
  • Can you show me how you book tickets on this platform?
  • Would it make your experience better if your preferred timing is also asked before showing the listing of buses?

These questions helped me to understand the gravity of the problem and know more about the factors which help the user to take decisions while booking a bus ticket.

Step 2 — Define

Image for post
Image for post

“User needs to have clear access to the timings of buses in order to make booking decisions easy”

Although, there are multiple factors that affect the decision making of the user. Rating of the bus, Hygenic rest-stops, and price of the ticket are some of them.

Step 3 — Ideate

Image for post
Image for post

As I explored all of the above apps and tried to book a bus ticket to check the user flow and view the data inputs they take from users, I came to know most of them don’t ask users for the preferred timing. Instead of asking the preferred timing, they highlight the timings of the bus more prominently on the listing page itself.

Image for post
Image for post
Without asking users the exact timing of the trip

While exploring ticket booking through amazon pay I came across this screen(first screen). They have highlighted the timing of the bus most prominently. Others have also done it by making font bolder than the other fonts but amazon did it nicely.

Image for post
Image for post
Listing of buses

But at the same time, there are some apps(mostly are carpooling apps) that are collecting the timing information on the search page itself. Some are asking users for the precise timing and on the other hand, some divided the day into four quarters and ask the user to which quarter of the day they prefer to travel. Mostly all the apps add filter by time on the listing page.

Image for post
Image for post

Step 4 — Prototype

As I mentioned earlier, carpooling apps i.e. apps for daily travel, mostly ask users to provide exact timing because it makes the user’s experience more convenient as carpooling is more frequent than bus traveling. But still, if we have enough data to prove the requirement of timings while searching for the bus on the search page, below are two options by which we can achieve the same.

Image for post
Image for post

These two options are on the basis of current design patterns and information architecture. Since, if we want to add this additional data point to our current designs with the goal of having more ROI with minimum technical effort, we need to follow the current design language.

Apart from this, I personally didn’t like the current UI of the app. As it is cluttered and has many usability issues. Aesthetics pleases the mind and creates a feeling of harmony among users.

“Beauty is the ultimate defense against complexity.”

Also, It’s always advisable to put linear input fields in forms as they are much easier to fill information. Zig zag movement of input fields annoys users.

Step 5 — Test

Image for post
Image for post
Design Quote

Note: I did this exercise to practice and incorporate design thinking for problem-solving. I Would love to have inputs of the readers from there experiences.

Thanks & Please feel free to share feedback!

Design + Sketch

The best collection of articles, tips, tutorials, and…

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store