EV Flow · Mobile App · 2023

Electric Vehicle Charging StationMobile Application

Designed an EV charging app to help users quickly find, compare, and navigate to charging stations based on real-time availability and preferences.

UX DesignMobile AppUX Research16 Weeks
App Screen
App Screen
App Screen
My Role
UX Designer & Researcher
Tools
Figma, Canva, Miro, Google Forms, Zoom
Timeline
September – December 2023
Team
5 people
The Brief

Rangeanxietymeetsinfrastructuregaps

Over the past decade, EV adoption has surged, but the lack of charging infrastructure compared to gas stations has led to range anxiety. We designed a mobile application to understand EV drivers' behaviour and preferences for better station selection.

Electric vehicle parked next to a charging station, glowing in the dark
Powered Up
EV Flow
Live
02 — Research

Understanding the driver

We benchmarked the EV charging landscape and reviewed academic literature to learn how drivers actually choose stations.

Competitive Analysis

PlugShareChargePointElectrify America
Pros
  • In-App paying methods
  • Detailed charger info
  • Up to date charging speed
Cons
  • Unreliable infrastructure
  • Restricted access limits utility
  • Frequent app switching

Literature Review

  • Key FindingsRange anxiety, inaccurate data, lack of real-time info
  • FactorsService concerns, perceived utility, built environment
  • Decision StepsState of charge → location → availability → cost
  • Ideal FeaturesAccessibility, real-time data, cost info, consolidation
  • EnhancementsPersonalization, parking, nearby amenities

Aim:Reduce cognitive load, address user issues, respond to unique EV driver needs and improve the overall charging station selection process.

04 — User Persona

Meet Jennifer

Jennifer, EV driver persona
NameJennifer
Age39
OccupationEngineer

User Background & Driving Habits

Jennifer drives different EVs and works far from home. She checks station availability mid-drive and weekend road-trips with friends — sometimes pushing range to the edge.

I think I'm pretty confident, but sometimes I can be irresponsible like I've to reach office early and forgot to charge my vehicle at home.
Concerns with AVs
  • Worried about charging range
  • Concerned about cost per kWh
  • Public station compatibility
Driving Influenced By
  • Text & social notifications
  • Passengers in the vehicle
  • Friends driving alongside
Goals & Needs
  • Reach office on time
  • Stay connected while driving
Challenges
  • Locating the nearest station
03 — Sketching & Ideation

How can we display availability for quicker selection?

A Likert-scale survey paired with hierarchical task analysis surfaced the priorities EV drivers act on first.

Map Home Screen

Navigation bar for quick access to profiles, history, search.

Profile

Car model, plug type, amenity personalization.

Search Bar

Real-time availability + charger type filter.

Plan Trip

Tailored charging stops by battery level + distance.

BusySemi-busyQuiet or free
Hand-drawn EV Flow wireframes exploring map, filters, station details, and trip planning
Hover to Magnify Details
Interactive View
05 — Prototype

Final Prototype

EV-Flow collects data on EV driver thought processes when choosing a charging station.

Busy
Semi-busy
Quiet or free
Final Prototype — All Screens

A look at the complete EV Flow interface

A comprehensive look at the complete EV Flow interface for maximum legibility and ease of use.

EV Flow Onboarding screen
EV Flow Sign Up screen
EV Flow Log In screen
EV Flow Map View screen
EV Flow Station Suggestions screen
EV Flow Driver Profile screen
EV Flow Trip Intro screen
EV Flow Plan Trip screen
EV Flow Station Details screen
EV Flow Amenities screen
EV Flow Charging Start screen
EV Flow In Progress screen
EV Flow Payment screen
EV Flow Summary screen
EV Flow Onboarding screen
EV Flow Sign Up screen
EV Flow Log In screen
EV Flow Map View screen
EV Flow Station Suggestions screen
EV Flow Driver Profile screen
EV Flow Trip Intro screen
EV Flow Plan Trip screen
EV Flow Station Details screen
EV Flow Amenities screen
EV Flow Charging Start screen
EV Flow In Progress screen
EV Flow Payment screen
EV Flow Summary screen
06 — Attention Analysis

Key design details receive optimal focus

Attention Insight software, trained with 70,000 eye-tracking images, tested focus on key elements.

Title (Charging Station)Availability barETA of each station
Eye-tracking heatmap on EV Flow station screen
0%
Design clarity score
Attention Insight rating
0%
Report range anxiety
From preliminary survey
0%
Of popular websites outperformed
By our design clarity
07 — Usability Testing

What real drivers said

Online and in-person sessions on Figma prototypes — drivers narrated their station-selection thinking on iPhone & Mac.

Suggested brighter interface, more vibrant charging icons, and changing pinpoint icon to a battery.

Participant 1

I selected that charging station for its availability and cost-effectiveness.

Participant 2

Appreciated the visibility of charging station locations but found the search bar incomplete.

Participant 3

Desired a filter option for charging stations to prioritize preferences.

Participant 4

Usability Testing Data Collection

Scale 1–5: 1 = Poor · 5 = Excellent
Participant
Cost of Charging
Charging Speed
Proximity
Amenities
Availability
Participant 1
5
4
3
1
2
Participant 2
4
2
3
1
5
Participant 3
5
2
3
1
4
Participant 4
2
4
3
1
5
08 — Process

But how did I get here?

Research
Background, Literature Review, Survey
Persona
User Persona — Jennifer
Ideation
Brainstorming, Crazy 8's, Sketching
Prototype
Hi-fi screens, Station details
Testing
Usability testing, Iterations

Thanks for reading.

Range anxiety, charging clarity, and calm interfaces — this case study covered the full arc. If EV product, research, or UI is on your mind, I'd love to continue the conversation.