Autonomous Cafe's
Redefine the cafe experience for users with a service that produces the fastest & highest quality coffee perfectly tuned for the individual by the individual.
1 Product Designer
1 Front-end Web Developer
1 Native Front-end Developer
1 Back-end Developer
Figma
Illustrator
After Effects
Lottie
Davinci Resolve
Design the native & web app experiences
Design the on-board kiosk ordering & queue app experiences
Usability tests
Motion & interaction
Product inconsistency
Wait times
Inconvenience
Overhead costs for operators
CBD Office Commuters
Specialty Coffee Enjoyers
Commercial Landlords
↑ 7% pt
↓ 38%
Design Process
Timeline
Mk2 Beta Testing
Initial Wireframes
In the early stages of the mobile experience design we came to a key junction, where we needed to decide between a cascading list style of menu or something else entirely. The cascading list had become very popular in food deliver applications and thus seemed like a safe choice in repeating that pattern. However during this discovery phase I had come across a hole in the wall cafe that had implemented an iPad to supplement its ability to take orders that used a cascading list menu style. During my morning commutes I was factoring time to observe these users, what I found was that one of two things would usually occur for new users:
Users would select a coffee type and milk but would get confused as to why they couldn’t add to cart, this was due the fact that they had not made all required selections which needed to be scrolled into view by them.
Users would know to scroll the view but would get struck with decision paralysis due to some coffee types requiring more selections than others. The ordering sequence would not be obvious for them, thus making this process slower than ordering verbally.
With more of our own testing we ultimately had opted for a ordering process that incorporated progressive reveal into its flow. This option allowed us mimic the process of ordering verbally where the process is usually broken into four parts, coffee type, coffee strength, milk type & an additional preference (sugar, extra hot etc). While a cascading list menu is usable across different hospitality types, in our specific case it was not the optimal solution.
User Journey
A Multi-Platform Experience
Ordering kiosk
The Mk4 features a front mounted ordering kiosk for users who don’t have access to the Once Alike native and web apps. The Ordering kiosk has a significantly reduced feature set that only allows for ordering coffee, however detail in how users order their coffee is not diminished. Users can tailor milk type, milk volume, milk heat as well as water volume and water heat using using any of the coffee types as a base(ie long black, cappuccino, latte etc).
Queuing kiosk
In order to update & alert users on the status of their coffee the Mk4 featured a kiosk solely dedicated to the current queue of orders. The queuing kiosk displayed the users coffee in three states:
Queued
Preparing
Ready
Native & web applications
The Once Alike native and web apps enable the best experience as they presented a map view of all active machines and their current wait times, it also allowed for users to create accounts. With accounts users could then engage with a loyalty system which greatly increased Once Alike’s user retention. The native experience had a particular advantage over the other platforms because of its more accurate location services. the web app was restricted orders within a 2km radius (this was to prevent unnecessary queue build up). Native app users could order from an extended range and always collect their coffee hot, the service was able to achieve this for native by only placing orders into the queue based on the users ETA.
Usability Tests
For our Mk4 usability tests we wanted to conduct the test around the users entry points into the service. For this we constructed ten different scenarios where we could observe and measure the user’s initial, secondary and tertiary exposures to the experience. The users were broken up into two main groups and a further two subgroups for the scenarios.
Group 1 will be a series of isolated tests on mobile and the Order Kiosk. Group 1 will be split into 2 subgroups to further test how order of events vary user experience.
Group 2 will be focusing on the Order Kiosk and testing the experienced in a busier environment. After Group 2 have completed 1 order each they will also be split into 2 subgroups to test the more advanced options of the order.
The key insight we gained from these tests were around sign posting and that we were not doing enough of it on our apps. The first point of failure was around users being unable to fine tune their coffees (add more milk, decrease water, increase temperature etc) in the advanced adjustments, this was a critical problem to fix if we wanted user personalisation. The second point of failure was our sign posting for our tray dispenser, when prompted to order multiple coffees it was not obvious for users where to find the trays.