Overview:
MedicApp was a mobile app prototype project. The goal was to design an application and create a functional prototype for the interactive system and a website showcasing the application to its potential users. The project tested our design principles and the components of usability we have learned using any UI prototyping tools. We picked Axure due to its flexibility to implement animations and statements like conditionals and loops.
First Step:
During our group discussion, we were pretty interested in the idea of an application for suggesting over-the-counter medicines in a foreign country. We agreed that this idea is useful for anyone moving to another country for either work or study. From there, we created the first set of mockups and a scenario for our users.
The Revision:
After completing the initial interface, we realized an important issue — we have way too many buttons on the screen, making it nearly impossible to add interactive elements as the user flow would be way too complicated for the project. Therefore, I took on the main interface design role and prepared a fully revamped MedicApp interface that is way more straightforward and user-friendly. With the integration of a predictive search function to reduce the number of buttons, the new design has a much simpler user flow. We all agreed that this was a step in the right direction. I also fine-tuned the animations to make the prototype feel more like an actual application.
Final Mockup:
While the revised mockup has a much more streamlined experience for our users, some more problems arose as we conducted our second usability testing. Some testers were not a fan of the colours I used in this application, they think that it looks like a video game rather than giving out suggestions for medicines and lacks a professional feeling to it. Some testers suggested a pharmacy list view to combine with the map view we currently have. They also suggested adding more shadows around some elements of the application to make it look more modern. Based on the feedback, I made some further improvements to MedicApp and produced the final mockup.
Conclusion:
At the end of the semester, we presented the final MedicApp mockup and its product website to our instructors. They were really satisfied with the outcome of our project, as well as how we were able to drastically improve the interface based on their feedback, despite all the difficulties related to the COVID-19 lockdown.