Wallbox Design
MOBILE | UX DESIGN
Ideating, testing and designing the wireframes (UX) for some key screens of their mobile app
Overview
A company whose main goal is to design, manufacture and distribute innovative charging systems to support the advent of sustainable transport. Wallbox aims to accelerate the change into a more sustainable way of transportation by providing a comprehensive, simple and effective solution for the charging issues among electric vehicles. With over 167 million euros in investment since its inception, Wallbox is positioned in several rankings as one of the Top 5 startups in Spain (2020, 2021), and continues its journey to make EV charging experience readily available across Europe.
Challenge
Ideate, test and design the wireframes (UX) for the two main screens of the mobile application: Main Dashboard and Schedule
My role
As a Product Designer, I identified improvement areas, created and tested the new wireframes and collaborated with the Wallbox design team.
Activities
Product benchmark
Preliminary sketches
Wireframing
Prototyping
Usability tests
UX design
Tools
Sketch
InVision
Notion
Miro
Slack
Google Meet
Process
Explore
Client workshop
Benchmark
Analyse
Team workshop
Research outcomes (all the research actions of the "Explore" phase)
Build
Preliminary sketches
Mid-fidelity wireframes
High-fidelity wireframes
Prototypes
Usability tests
Outcomes
UX design
Support the Wallbox team
We focused our efforts around “quick-wins” for the two main screens of the mobile application: 1.Main Dashboard and 2.Schedule. Our team worked together with Wallbox over a period of 6 weeks to carry out 3 different usability test iterations with an overall total of 20 participants.
Design, test, design again
Explore and analysis
Why are we here?
1
Quick wins
Identified areas for improvement and inform UX decisions about dashboard and scheduling.
2
Wireframes (UX)
New wireframe designs for the app (mobile) delivered in Sketch and InVision format.
3
Collaboration
We worked hand in hand with the Wallbox team.
Build
We designed and executed 3 chronological iterations with an overall total of 20 participants in order to recurrently test and validate the different design approaches for Wallbox's app dashboard screen and schedule flow. Users were given a "traffic light" system, a simple and efficient method for ranking during the tests:
Red = Bad / Yellow = Neutral / Green = Good.
Demographics
The following information is from the participants who took part in our usability test iterations. The objective with this sample pool was to be inclusive in regards to age, gender and tech adoption. Wallbox’s app must be easy and clear enough to be used by everyone.
First iteration
In this first iteration we tested 5 proposals of the Main Dashboard screen and 2 proposals of the Schedule screen with 7 users.
Second iteration
In this second iteration we tested the 3 best valued proposals of the Main Dashboard screen and the same 2 proposals of the Schedule screen so that we could keep learning and improving the wireframes. This time the usability test was executed with 6 new users.
Third iteration
In this third iteration, the main difference from the other ones was that we implemented in the wireframes all the feedback we collected from the users from the other usability tests and we designed 3 wireframes proposals. In this case, we tested with 6 different users.
Design proposal
The following design proposal is our final recommendation based on the test results. This UX approach has tested positively in all iterations.
Credit
Wallbox and Pixel Research Lab