Revamping Medicine Vending Machine Interface
UI/UX, Testing, prototyping
client
Internal GPI project
time
Published on June 2018
Tools
Pen&paper, Adobe CC
team
UI/UX designer, Product owner, Project Manager
Problem
Our team participated in a project focused on revamping the interface of a medication vending machine. The current interface lacked modernization and was not fully user-friendly, resulting in issues during the dispensing process. Additionally, it was crucial to address the language barrier, as these machines are frequently used by Arab patients. By incorporating Arabic language support, we were able to completely transform the interface to cater to the needs of the target audience.
Solution
We have undertaken a comprehensive revamp of the interface. We have incorporated informative animations to elucidate the functionality of the vending machine and incorporated diverse communication modes that cater to the varied user profiles. Furthermore, we have streamlined and enhanced the flow, making it more straightforward and intuitive.
Process
For the task that management assigned us, we used a modified version of the Design Sprint methodology, focusing on the features of existing products, first conducting tests and then proceeding to redesign.
Initial explorations & research
During the initial phase, a discussion took place between the product owner and the project manager. Both representatives provided an overview of the product and elaborated on their concept. Their proposal entails the installation of 24/7 vending machines in various locations such as campuses, hospitals, and other gathering spots. The objective is to provide convenient accessibility to medication. Subsequently, we conducted tests on the product to identify any potential issues, which we classified into three categories: keyboard functionality, availability of medicine, and dispensation process.
Keyboard:
Overlapping windows and unappealing colors can hinder visibility.
The Arabic language is not compatible with the keyboard.
Following the input of the code, the user is left unaware of its correctness or inaccuracy.
Presence/absence of medicine:
The lack of clarity in operations and vocabulary
The significance of the information
Dispensation:
To manipulate or move a tray by grabbing and repositioning it.
The act of shutting a door completely.
In order to obtain a record of purchase, please retrieve the receipt from the designated kiosk.
User testing
RephraseTo ensure our testers have a realistic experience, we have constructed a cardboard prototype of the vending machine and another one for the totem. This allows them to closely simulate the real-life interaction.
After conducting a preliminary inquiry, we assigned five tasks to the users. The following tasks were given:
- Accessing the system
- Inputting the individual identification number.
- Go back to the main webpage.
- Medication cessation
- Seeking Guidance
RephraseDuring the testing phase, we received feedback from three individuals who were assigned as testers. Here are a few comments they provided during the testing process.
test
User testing
RephraseTo ensure our testers have a realistic experience, we have constructed a cardboard prototype of the vending machine and another one for the totem. This allows them to closely simulate the real-life interaction.
After conducting a preliminary inquiry, we assigned five tasks to the users. The following tasks were given:
- Accessing the system
- Inputting the individual identification number.
- Go back to the main webpage.
- Medication cessation
- Seeking Guidance
RephraseDuring the testing phase, we received feedback from three individuals who were assigned as testers. Here are a few comments they provided during the testing process.
I would not feel entirely secure using my personal code if there were any overlapping recipe codes, or if the password was sent via SMS or required a separate card for authentication."
I anticipate receiving guidance in the event of a medication's absence - a written notice would also suffice
The "Exit" button goes back. I expected it to be canceled
As a resident, having knowledge of the locations of pharmacies is advantageous. However, there might be instances where I require assistance in identifying the closest pharmacy in proximity.
I had anticipated the option to cancel the transaction, similar to what is available at an ATM.
Must I also gather the tray? Is there a specific reason for including the tray in tray storage?
Heuristic evaluation
RephraseDuring our thorough analysis of the screens in the current application, we conducted a comprehensive heuristic evaluation. This evaluation involved examining various aspects, including error prevention, recognition versus recall, and user control and freedom. Our findings revealed that certain interfaces consistently violated the following heuristics.
