small_Fcsqb5pWQAAzPIK.jpeg

thumbnail_Fcsqb5pWQAAzPIK.jpeg

Adobe acquires Figma, cue the memes 🤪

large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

Still can’t get a UX job? Give up.

large_featuredImage

medium_featuredImage

small_featuredImage

thumbnail_featuredImage

Sticking to UI/UX trends is a losing strategy

<p>Published on <a href="https://blog.prototypr.io/ubereats-ux-case-study-to-improve-user-search-experience-highlight-an-unused-feature-314d124cc955?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Jasmine Rosen <img alt="" src="https://cdn-images-1.medium.com/max/1024/1*eC94eRPsFF5wx-VXFfhSWw.png"></p>
<h4>To Improve User Search Experience &amp; Highlight An Unused Feature</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/342/1*jKVsWw07Vqwy3GQE6tIHUA.png"></p>
<h4><strong>OBJECTIVE</strong></h4>
<p>To explore the human-centered design process through evaluating the usability of apps.</p>
<p>I chose to do a case study on UberEATS because it is a great food delivery service mobile app that is really popular in the on-demand industry. I am not affiliated with UberEATS. I am just looking for ways to challenge myself as a designer.</p>
<p>​<strong>Through this case study I discovered that:</strong></p>
<p>1. The process to select food on UberEATS goes against most peoples’ natural food selection process.</p>
<p>2. All users were completely unaware of UberEATS’ “schedule in advance” feature. In order to order food in advance from a closed restaurant, a user would need to set the delivery time <em>then </em>search for food. Because this process isn’t what users naturally wanted to do, the pathway to this feature is currently hidden.</p>
<p>​</p>
<h4>OUTCOME</h4>
<p><strong>As a solution, I did the following:</strong></p>
<p>1. Redesigned the home page to provide a better searching experience for users.</p>
<p>2. Created a clear pathway to the “schedule in advance” feature that is currently hidden.</p>
<p>For UberEATS, this redesign would mean an increase in new user engagement and retention, leading to a higher customer lifetime value.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*F2p_l7PlXztwu-FeO-AL6w.png">Image: Summary of my design changes</p>
<h4>MY PROCESS</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZTfi1vlHAlAFjAMaePhVjg.png">Image: Summary of Design Process</p>
<h4>GUERRILLA USABILITY TESTING</h4>
<p>In order to gain insight on the app, I interviewed and tested five people. I asked each participant to complete a series of tasks while verbalizing their thoughts. I specifically chose these tasks to understand the user’s food selection process and to validate some of the pain points I observed from testing the app myself. I translated each task into a realistic scenario to help engage the user.</p>
<p>​<strong>​Task Scenarios</strong></p>
<p>​1. You are in the office and want to order healthy food now, without spending too much.</p>
<p>​2. You know your schedule is booked with meetings all day. Order food now so that it arrives for dinner.</p>
<h4>USER RESEARCH</h4>
<p>To better empathize with my users and to guide my decisions in this redesign process, I created and validated a proto-persona that reflects a typical UberEATS user.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*mmNE42zu7qO1JeP8zZGw0w.png">Image: Created proto-persona to understand users</p>
<p>To further understand the users’ motivations and desired outcomes, I used the <a href="https://jtbd.info/2-what-is-jobs-to-be-done-jtbd-796b82081cca">Jobs To Be Done Framework</a> to create multiple job stories based on my interviews. Below are the two I decided to focus on:</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*0voc_VmoAVEfls7dP9S2wA.png">Image: Create job stories to understand users</p>
<h4>AFFINITY MAPPING</h4>
<p>Once I developed a deeper understanding of my users and their needs, I identified the common pain points from my usability test through affinity mapping.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*lcZ9bAnwndBTj-Q4Qm5Zdg.png">Image: Affinity mapping to identify major pain points</p>
<h4>PRIORITIZATION MATRIX</h4>
<p>I decided to primarily focus on pain points 1–4.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cntVRk_8rxQimPVOIlVLZA.png">Image: Prioritization Matrix to identify primary focus</p>
<h4>Primary Focus</h4>
<p><strong>Pain Point 2: Users cannot change the location</strong></p>
<p>Making this more discoverable will improve retention rate, as users often change their location to view nearby restaurants. This is a very easy fix.</p>
<p><strong>Pain Point 1:Users cannot find the search bar</strong></p>
<p>Placing search bar where users expect it to be will reduce user cognitive load, increasing new user engagement. This, too is a very easy fix.</p>
<p><strong>Pain Point 4: User is unaware he/she can schedule orders from closed restaurants</strong></p>
<p>Exposing this path will bring in more users and drive sales. From usability testing, 0/5 users were aware of the feature to order food in advance and 3/5 users vocalized they were pleasantly surprised when discovering it. This is a relatively easy fix that can be a game-changer for UberEATS.</p>
<p><strong>Pain Point 3: Users expect to be able to sort search results</strong></p>
<p>Combining the search &amp; sort pages will allow users to sort food options presented from search more efficiently, matching their natural work flow. It will be more challenging to redesign the layout, but it would be a huge impact to positively improve user experience.</p>
<h4>Secondary Focus</h4>
<p><strong>Pain Point 5: User cannot interpret meaning of tab bar icons</strong></p>
<p>Adding labels to the tab bar icons is incredibly easy, but not a priority because its ux impact isn’t as great as the pain points listed above.</p>
<h4>UI SKETCHES</h4>
<p>I sketched out a new Home Page that combined the search and “filter/sort by” features because users demonstrated frustration toggling between filtering options on the Home page and searching on the Search page. I quickly realized that I needed to validate an assumption I was making. I conducted supplemental research (surveying 20 additional users &amp; conducting competitor analysis) to ensure my redesign was backed by data.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*HEpnOuhqu670_YWDqQN4jg.png"></p>
<h4>PROTOTYPE</h4>
<p>Complete the task scenarios below to test the clickable prototype.</p>
<p><strong>​Task Scenarios</strong></p>
<p>​1. You are in the office and want to order healthy food now, without spending too much.</p>
<p>2. You know your schedule is booked with meetings all day. Order food now so that it arrives for dinner.</p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fmarvelapp.com%2F62dc5ab%3Femb%3D1&amp;url=https%3A%2F%2Fmarvelapp.com%2F62dc5ab&#038;image=https%3A%2F%2Fmarvelapp-live.storage.googleapis.com%2Fserve%2F2017%2F8%2F1766bbd59cf5449a95555eb2eb9eded2.png&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=marvelapp" width="452" height="925" frameborder="0"><a href="https://medium.com/media/2ca6a397c6aa6e777896d0b76b3b5ac7/href">https://medium.com/media/2ca6a397c6aa6e777896d0b76b3b5ac7/href</a></iframe></p>
<h4>VALIDATE PROTOTYPE</h4>
<p>In order to validate my solutions, I tested five people with the same prompts described above.</p>
<h4><strong>Results</strong></h4>
<p><strong>Task 1:</strong></p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/205/1*_cCShlk94p9oCDIOcxpFLw.png">Original Design: 0/5 users can find cheapest option</p>
<p>Original Design: 0/5 could find the cheapest available healthy food option. Users settled for cheap options, but grew too frustrated to get exactly what they wanted (the cheapest option).</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/205/1*NRxqaAcpqqPkcdn-qHZFRQ.png">Redesign: 5/5 can find the cheapest option</p>
<p>Redesign : 5/5 could easily find the cheapest healthy food option by filtering their search results.</p>
<p><strong>Task 2:</strong></p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/205/1*RIy8Ux6LuSifR_d4ZLJQcQ.png">Original Design: 2/5 can order in advance</p>
<p>Original Design: 2/5 were able to schedule an order in advance using different methods. One user did it correctly, but on accident and the other users’ method would not work if the restaurant was currently closed.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/205/1*NRxqaAcpqqPkcdn-qHZFRQ.png">Redesign: 5/5 can order in advance</p>
<p>Redesign: 5/5 could easily schedule an order in advance, even if the restaurant was currently closed.</p>
<h4>TAKEAWAYS</h4>
<p>From this case study, I learned the importance of not relying on my own assumptions when it comes to designing for others. When I decided to move the “sort by” off the Home Page and onto the Results Page, I surveyed the 20 additional users just in case what I thought was best, wasn’t the norm. As designers it can be so easy to assume we know what is best for the product, but we need to remember that we aren’t designing for ourselves, but for our users.</p>
<p>Thank you for reading! If you’d like to see more of my work check out my portfolio <a href="http://jasminerosen.com">here</a>. If you enjoyed this case study or have any feedback, I’d love to hear from you. You can email me at jasmine.n.rosen@gmail.com.</p>
<p>​<em>*Note: I did this case study before Uber’EATS’ iOS update on June 30, 2017, which addressed part of pain point 5 (Changing “Schedule Order” to “Place Order.”)</em></p>
<p><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=314d124cc955" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/ubereats-ux-case-study-to-improve-user-search-experience-highlight-an-unused-feature-314d124cc955">UberEATS: UX Case Study</a> was originally published in <a href="https://blog.prototypr.io">prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


UberEATS: UX Case Study

UberEATS: UX Case Study

To Improve User Search Experience & Highlight An…

Top Stories