Idea: A medicine management iOS app that can help user to add remove medicine he/she is taking. Users can set reminders for taking each medicine. The app can potentially get connected to a pharmacy to help with refilling future medicine.
Tool: Adobe XD
Time: 1 week
A user experience map is to visualize the entire end-to-end user experience that a user might go through in order to get to a goal. It’s used for understanding general human behavior in a larger context and helps me to visualize all possible actions that user can take all in one picture.
After having the UX process and User experience map I started putting together low fidelity sketch
Later I have transferred the sketch above to the wireframe more realistic and closer to the final design. I had the below design being tested with some early customers to collect feedback. This cycle has been repeated until I got to a good wireframe desing.
After the wireframe has been confirmed, the next step was to work on a style guide based on the idea of the app. The colors, texts, buttons and more has been decided based the persona of user of this app.
And finally, I have applied the style guide to the wireframe and put together a complete design of the final product. I had my early customers try the final design and by getting their feedback I was able to improve pieces of it overtime to get to the desired point.
