This was a design exercise given to the design team to accomplish in 2 days (no more). The level of fidelity was up to the designers. For this particular case and area of focus, I've kept the solution to a low-fidelity wireframes to focus on the hollistic user experience in the cabin considering the impact of the problem (from the scenario).
Alex is a fan of all things sports. She lives a very active lifestyle and just gotten a new performance EV to give her the max thrills on a daily basis.
She is renting a cabin with friends in Big Bear for the whole winter and makes the trip from Pasadena every weekends to join the crew.
She can’t wait to drive her new ride to the mountains!
For this design exercise and with the brief given, I focus the story on a segment of the full journey : the climb up to big bear.
She is renting a cabin with friends in Big Bear for the whole winter and makes the trip from Pasadena every weekends to join the crew.
She can’t wait to drive her new ride to the mountains!
For this design exercise and with the brief given, I focus the story on a segment of the full journey : the climb up to big bear.
Key areas / touchpoints of the experience (Heads Up Display / Cluster / Center Stack)
(1)Alex has started her climb onto the curvy road to Big Bear.
She is not worried because her vehicle has 4 independent motors to go through icy road and the route planner showed her she was going to make it to the cabin with some range left in the battery.
Alex also has her Real-Time consumption trip chart paired to the navi to let her know about how different conditions are affecting the battery.
She is enjoying the ride and blasting music to get her in a good mood.
She is not worried because her vehicle has 4 independent motors to go through icy road and the route planner showed her she was going to make it to the cabin with some range left in the battery.
Alex also has her Real-Time consumption trip chart paired to the navi to let her know about how different conditions are affecting the battery.
She is enjoying the ride and blasting music to get her in a good mood.
(2)As she is going up in altitude, the weather starts to change rapidly. So much that the vehicle battery range starts to deplete drastically.
Luckily, the HMI prompts a soft notification on all touchpoints (HUD, Cluster, Center Stack) for Alex to better assess the situation.
She’s seeing 1st hand that the range is being recalculated, and has a nudge to pull down the tab on the center stack to get more info.
(3)While driving, reducing slightly her speed, Alex pulls down the tab from the notification center to see a more detailed recommendations to take action.
On the left there is Range Mode with a clear description on what will be affected when turned ON.
On the right, the Real-Time consumption trip chart is expended showing that the weather is the main reason for range reduction.
Within seconds Alex is able to understand that the cold conditions are having an impact on the battery range, and has clear recommendations to take action.
In the Cluster, the Power Gauge has already adapted to the situation and is showing a reduced power output with color-coded brackets coaching Alex how to drive to optimize the range as much as possible.
On the left there is Range Mode with a clear description on what will be affected when turned ON.
On the right, the Real-Time consumption trip chart is expended showing that the weather is the main reason for range reduction.
Within seconds Alex is able to understand that the cold conditions are having an impact on the battery range, and has clear recommendations to take action.
In the Cluster, the Power Gauge has already adapted to the situation and is showing a reduced power output with color-coded brackets coaching Alex how to drive to optimize the range as much as possible.
(4)She holds the Range Mode button for 3 sec to confirm, and then all systems needing lots of energy are now minimized and optimized for Alex to drive safely to a nearby charger.
The cabin climate controls are now limited and are showing as grey (unavailable) with a green leaf icon that is also displayed across all touchpoints to remind Alex that some features are affected and now managed by the Range Mode.
On the Real-Time consumption trip chart, the trip zooms in to see more details on the next upcoming nearby charger that is being pulled up as a new recommended stop.
The cabin climate controls are now limited and are showing as grey (unavailable) with a green leaf icon that is also displayed across all touchpoints to remind Alex that some features are affected and now managed by the Range Mode.
On the Real-Time consumption trip chart, the trip zooms in to see more details on the next upcoming nearby charger that is being pulled up as a new recommended stop.
(5)Alex hit the navigate to the next nearby charger and it automatically adds it to the active route without abruptly cancelling it and asking for a new route.
She now feels more re-assured because the estimated range at arrival as gone from 2% to 3% without needing her to do that much.
“I love this Range Mode, i will be able to make it to Big Bear without stopping on the side of the highway”
“I love seeing my range in real-time and how its being affected by different elements so I can react to it or even get smart prompts with clear tips”
“This vehicle is great”
She now feels more re-assured because the estimated range at arrival as gone from 2% to 3% without needing her to do that much.
“I love this Range Mode, i will be able to make it to Big Bear without stopping on the side of the highway”
“I love seeing my range in real-time and how its being affected by different elements so I can react to it or even get smart prompts with clear tips”
“This vehicle is great”
