02.1 — Crazy 8s Workshop
The Crazy 8s workshop was incredibly helpful in figuring out which features of the app are most important. It gave me a better idea in developing wireframes and designing the overall navigation of the app. Some things that stood out to me include —
- Ensuring that the content displayed is specific to the car model
- Adding a guide with any solution based engine light diagnostic
- Display the car in an overhead or wireframe view to help display where an issue is
- Incorporate data visualization with gas mileage information, fluid levels, and so on
Overall, I really enjoyed this workshop and felt that the timeline for each person pushed each student to think fast and develop more ideas for everyone. It helped clarify what aspects of the app users find important in order to simplify the concept.
02.1 — Low Fidelity Wireframes
02.3 — Mid Fidelity Wireframes
I designed my mid fidelity wireframes on Figma and illustrated various user flows, such as setting up the Bluetooth device, accessing diagnostic information, and viewing the maintenance history. I wanted to map out the best placement for functions such as maintenance history, and ensure that I can design all the pages required for the prototype to function. During critique, classmates suggested adding a way to have multiple cars and specific drivers. This will be done by having a horizontal slider where the car is placed at the top of the dashboard. Tapping into the car will dictate who the drivers of the car are, and how their driving habits compare to the user of the app. Additionally, to make this product more speculative and "smart", it was suggested that the user can be provided with tips based on their driving habits to enhance the health of the car. These tips could relate to accelerating, braking, or turning habits, and they would appear on the screen as a snackbar that can be dismissed.