UX DESIGN FOR IoT

EV charger application

Sector :

Company :

Time :

Challenge :

My Work :

Automotive, Consumer Electronics

Vestel Electronics

4 months

Designing an application to control the Vestel Electric Vehicle Charger and to provide additional functionalities within an IoT system.

Research, Ideation, Information Architecture, User Flow, Layout Design, Prototyping, Guidelines for UI & development

Strategy

The chargers of Vestel is designed for both home and public use, and the application should be targeting mainly home use but would also consider and public contexts. And the target user group would be a large group that is EV users in general.

@home

Users would be able to control the charging process easily from anywhere.

@work

@public

The first steps of the project was to understand the functionality of the EV charger and possible user scenarios and contexts of its use in combination with the application.

It was defined that three main use cases are performed in the use scenario of this system. As common for an IoT product, the first step was the setup of the charger that consists of connecting the product to the Wi-Fi network of the house and creating a profile. Second one was operation of the charging with the electric vehicle, which has a number of different use scenarios, such as configuring charging process, selecting eco-time of the region, etc. The Last main use case was getting information about the status of charging instantaneously or provide an overview of general use, which necessitates a data visualization design. The design strategy was built on these considerations.

Information Architecture

Following user requirements, I defined possible functionalities to satisfy those requirements. Later on, I concentrated on defining the Information Architecture and a possible layout accordingly. I conducted open and hybrid card sorting and later, tree testing sessions, on which I formed the application site map.

20170221_144126

20170217_170324

20170221_153118

selim atam_IMG_20170220_143324

20170221_151610

20170222_112539

20170222_095641

20170217_171657

Final site map with cards

Early Explorations

While trying to finalize the Information Architecture, I was exploring on the possible layout and flows with sketches and diagrams.

I prepared low-fi prototypes and wireframes to define user flows and main interactions. I conducted discussions over these interactive prototypes and did a lot of guerilla testing to validate my decisions.

Prototyping

Lo-fi prototype used for early usability tests and for communication among teams

UI Design

Green_Car_Filter02_02_1280X800_ms

3_edited_edited_edited

I didn't work as a UI designer in the project. However, I guided early UI design processes to make sure that UX concerns are satisfied. Unfortunately, I left Vestel at the beginning of the UI processes until defining main interactions, basic usability concerns. You can find some examples of the early UI screens of EV charger application.