HMI Design-Designing for the display of electric vehicle charging.

The problem:

The absence of well-organized data on an 'HMI display' necessitates the creation of a user-friendly, interactive interface. This entails prioritizing information and ensuring easy access to error notifications.

The goal:

My Goal was to create an Information Architecture design for engineers who need to access data through User-centered thinking methods.

Personas

User research:

Due to the tight deadline, I conducted the user research based on the assumption methods and concluded the findings based on empathy and best practices. In this project, the user is a highly educated individual responsible for addressing potential errors or malfunctions. Design plays a crucial role, as it should guide the user through a straightforward and efficient path to the subject. No extras!

User pain points

What is HMI?

HMIs generally consist of interfaces that are connected to industrial machines and equipment. For the most part, HMIs are related to industrial machines and equipment, not personal computers.

Sketching

My goal was to make it easy for users to access data through a simple and intuitive information architecture. Ensuring that information is organized and presented in a way that's logical and user-friendly. I aimed to create an architecture that not only made data readily accessible but also provided users with the freedom to choose how they interacted with it.

UI Design

Due to a lack of a brand guide, I started to make a handy quick UI design system based on the current fonts and colors.

Highlights of the design pages

Digital wireframes

While making continuous changes throughout the wireframing process, I focused on devising a way to structure the data within a separate section, ensuring that users have access to all the necessary information while retaining the freedom to choose. For instance, in this scenario, I needed to present to the user whether there was a malfunction in the battery or, conversely, if the battery was active and functioning properly.

In the prototyped version, the user should be able to identify the error and correct it.

Previous
Previous

Triiiper - A Travel Planner Website

Next
Next

Social Movie (Mobile App Design)