Published on <a href="https://blog.prototypr.io/a-usability-study-on-starbuckss-mobile-app-375a840311da?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Vichita Jienjitlert <img alt="" src="https://cdn-images-1.medium.com/max/1024/1*YLXEJhNfKdooaKh3nKK5qg.png">
As a part of my Advanced Usability Testing class last semester, my team and I conducted a Usability Study on the Starbucks mobile application. This app allows users to pay for purchases, earn rewards, and order drinks in advance before reaching the store.
<blockquote>My Role: Prepared task list. Main observer/note-taker during test sessions. Identified and prioritized usability issues. Complied a video of usability issues. Provided recommendations.</blockquote>
<blockquote>Duration: Spring 2017, INST702 Advanced Usability Testing</blockquote>
<blockquote>Tools &amp; Methods: Usability testing, Pilot testing, Document camera, Note taking, Survey, Qualtrics, Think aloud</blockquote>
The purpose of our study is to :
<ol>
<li>Identify potential usability and design problems in the current app.</li>
<li>Analyze the issues to determine the causes.</li>
<li>Provide recommendations for improving the usability of the app.</li>
</ol>
Based on 15 usability testing sessions conducted in April 2017, our team has identified 5 most critical usability issues, provided a corresponding list of recommendations, as well as insights (likes, dislikes, and suggestions) from our participants.
<h3>Methodology</h3>
<h4>Task List</h4>
In order to evaluate many of the app’s vast functions while keeping the sessions short, we created 3 sets of tasks — each with a different focus. These were all programmed in Qualtrics, which automatically assigned participants to one of the three task groups. Below is the finalized list of each task in each group, after 2 rounds of pilot testing to revise any unclear wordings.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*PwfzARpJe_QeEeqCpJeF-g.png">List of Tasks for each Task Group.
<h4>Sessions</h4>
To keep the conditions of our tests as natural as possible, we conducted and recruited participants at a Starbucks Store.
Approach: Think-aloud method Data Collection: Screen recording with document camera, Note-taking Device: iPhone6 for iOS users, SS Galaxy S7 for Android users Location: Starbucks store on Cherry Hill Rd., College Park, MD
The process was simple and broken down for each for us to concentrate on a certain aspect of the process. One of us would bring the participant to our table and brief them up on what test we were conducting and how they would have to go about it. We had them verbally approve our consent speech, which said that we would be using the data and recording the phone screen but we won’t be revealing their identity. Then the participant would fill out a background questionnaire. According to their choice, we would provide them an Android or iOS device. The role of each person in the team is as below:
<ul>
<li>Tech support: Start &amp; stop recording the camera, take notes</li>
<li>Timer: Stopwatch &amp; notes down time taken for each task, prepares device/resets app</li>
<li>Observer: Write down observations, main-note taker</li>
<li>Moderator: Runs the session, sits with the tester (introductions, etc.), notes observations</li>
</ul>
<h4>Participants</h4>
Across two rounds of usability testing, both within the Starbucks store and remotely, 15 participants were randomly assigned to one of the three task groups mentioned above. Due to technical difficulties with the first usability test, demographic information was collected on 14 of the participants. Fourteen participants self-identified as iPhone, and only one participant completed the test on an Android.
Of the five participants who self-reported previously using the Starbucks app, all five participants have been using the app for at least one year, while another two stated they had used the app for three to four years. When discussing whether participants used the app previously or not, three participants spontaneously mentioned only using the app to pay and had never ordered from it.
<img alt="" src="https://cdn-images-1.medium.com/max/884/1*EVvYbhnuTuayitLpTPyVbw.png">Participant Characteristics by Task Groups.
<h3>Results</h3>
<h4>Task Completion Success Rate</h4>
From the data collected during our in-store sessions with the users, we deduced the task completion success rate. We had 5 users test each of the 3 task groups (15 users in total). The success distribution for the 3 task groups are shown below, ordered by %Incomplete to distinguish tasks with the most difficulties.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*bFv4LZ8AoxYlqlUxs3eWnA.png">Task Success Distribution by Task Group.
Average Time on Task
The graphs below show the average time taken by the 5 participants to complete each task from a particular task set, ordered to distinguish tasks that took the longest.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*GlsuO3o7aXOeCqHZK9J8fQ.png">Average Time Per Task (s) by Task Group
<h4>Survey Results</h4>
After participants completed their randomly assigned task set, each participant was asked to discuss their likes, dislikes, and recommendations on the app. We identified the most common themes as below.
<img alt="" src="https://cdn-images-1.medium.com/max/810/1*0dT_KSt-RAXwa-qje5Jojg.png">Common themes for Likes, Dislikes, and Recommendations from participants.<img alt="" src="https://cdn-images-1.medium.com/max/368/1*0xo6oV5Kw5qbdHPh7PCcTw.png">Multiple nested buttons on the same banner make them difficult to distinguish.
<h4>Net Promoter Score (NPS)</h4>
Participants were also asked the NPS via the following question: “How likely are you to recommend the Starbucks app to a friend, family member or colleague?”. The average NPS was 6.57 out of 10, which is right between a detractor and passive respondent score. The NPS score subtracting the percent of promoters from the percent of detractors (14.29% — 42.86%) was -28.57. Overall, participants are not likely to recommend the Starbucks app to a family member or friend.
<img alt="" src="https://cdn-images-1.medium.com/max/606/1*r4t51d89c07u-JgFZrZWeQ.png">NPS Score by Task Group.
<h3>Usability Issues</h3>
From the results of our observations and surveys, we consolidated a list of usability issues and then evaluated them based on a severity rating scale of 0 to 5 (0 being not a problem, 5 being a usability crisis). Please refer to this link for a video compilation of the issues we found during the test —
<a href="https://www.youtube.com/watch?v=824lEDzyBqE">https://www.youtube.com/watch?v=824lEDzyBqE</a>
<ol>
<li>Difficulty in finding the price of an item (Rating 5): The application only shows the price after a user have gone through to the checkout section. Many users have expected the price to be shown earlier on in the process while they were selecting their items — often times going back to check on the main ordering menu. Additionally, since the checkout process requires a store location to be defined, many users backed out before they reach the point where they see the price.</li>
</ol>
<img alt="" src="https://cdn-images-1.medium.com/max/802/1*B0Ai5Ls3ZvXDxFAbM1KFHA.png">The user expected the price to be listed in the item description or on the menu.
2. Minimum amount to reload is not clearly visible (Rating 4): After clicking on the drop-down list to select the reload amount, the users are shown options ranging from $25 to $100, with an additional “Other” option. Clicking on “Other” would reveal that the actual minimum amount to reload is $10.
<img alt="" src="https://cdn-images-1.medium.com/max/798/1*T_WH5_WOFp3ky-Flzqq7Hw.png">The user added $25 to the card, assuming this is the minimum amount possible.
3. “Add Payment Methods” is not clearly visible (Rating 4): After clicking on the “Manage” in the payment section, users have the option to “Edit Payment Methods” or “Add Starbucks Card”. Since the user wanted to add a credit card, the second option seems very promising.
<img alt="" src="https://cdn-images-1.medium.com/max/781/1*r-_Uz7KypHqkJQWJZho9QQ.png">The user clicked on “Add Starbucks Card”, assuming this would add a new credit card.
4. Misleading nutrition facts after drink customization (Rating 3): Although the application allows users to customize their drink, the nutrition facts listed are not updated accordingly. Users have reported that they did not realize that the calories are no longer valid after their customization. However, the application does update the calories when users change the drink size.
<img alt="" src="https://cdn-images-1.medium.com/max/713/1*1cIJJI1GOUyqHEA0EmVA7g.png">The nutrition info was not updated after adding 2 pumps of Caramel Sauce.
5. Cup size option may lead to misunderstanding (Rating 2): For several drinks (such as an Iced Americano), the users may select the size of the cup to be served in, which is different from the actual drink size. One of our users misunderstood the cup size for the size of the drink.
<img alt="" src="https://cdn-images-1.medium.com/max/788/1*0Cd99YMEh8_dz0njuM8Z_Q.png">The user misunderstood Cup Options for the Drink size.
<h3>Recommendations</h3>
From the usability issues we’ve identified in the previous section, we provide several suggestions for making changes to the application for a better user experience. We rate these recommendations on a scale of 0 to 5 (0 being nice to have, 5 being strongly suggested).
<ol>
<li>Add each item’s price to the menu (Rating 5): Many of our participants had difficulty finding the price and expect the the prices would be listed on the menu. Providing this information beforehand avoids the trouble of having to select the store and go through to the checkout process. One of our participants also pointed out that price plays a major factor in her decision-making and having the price right on the menu would make it easier for comparison.</li>
<li>Make the minimum amount to be reloaded clearly visible in the options (Rating 4): For a more logical understanding, the first options shown should start with the minimum amount then incrementally increase with a “More” option for higher values. For example the options should be $10, $15, $20, $25, $30, More.</li>
<li>Add a “Add Payment Methods” option (Rating 4): Instead of requiring the users to go inside the “Edit Payment Methods” section to add a credit card, there should be an additional “Add Payment Methods” option clearly visible at the same menu level with “Add Starbucks Card”.</li>
<li>Update nutrition facts to reflect drink customization (Rating 2): The application can implement additional features to calculate new nutrition facts based on the user’s customization. Alternatively, a note saying that the calories does not account to customization can be added to the top of the nutrition list if this change are not to be implemented.</li>
<li>Change the terminology for “Cup options”(Rating 2): “Size” and “Cup options” can be easily misunderstood, hence the cup size option should use a less ambiguous terminology, such as “Container size”.</li>
</ol>
<h3>Reflection</h3>
While we are aware that several of the identified issues may have been a result of stakeholder’s decisions, our team has evaluated the studies based on actual observations with real users with the goal to report these findings as accurately as possible. Our team have gained an articulate amount of experience in performing hands-on usability testing, recruiting participants in a real environment, and drawing conclusions from our records and observations. We hope this study would bring useful insights for future enhancements.
Lastly, I would like to share the 3 most important lessons I’ve learned from this project:
<ol>
<li>Finding a balance between the business goals and user goals is crucial to the design of a successful application.</li>
<li>The document camera drew our participants interest and evokes professionalism. This was extremely helpful in our recruiting process, especially with the lack of tangible incentives.</li>
<li>Determine what needs to be done to reset the testing device beforehand. It is extremely important to clear all added cards, settings, and small details before proceeding to the next session.</li>
</ol>
If you like this article, please feel free to give me some applause *clap clap*.
Please feel free to reach out to me if you want to learn more about our project. Find me on <a href="https://www.linkedin.com/in/vichita-jienjitlert-286b37131">LinkedIn</a>, or stop by my <a href="http://vichita.com">Portfolio</a> to see my other works!
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=375a840311da" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/a-usability-study-on-starbuckss-mobile-app-375a840311da">A Usability Study on Starbucks’ Mobile App</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.

A Usability Study on Starbucks’ Mobile App

Top Stories