INNOVATIVE EV INFOTAINMENT DESIGN SOLUTIONS
UI/UX Product Design

"SWIFTLY"
CONCEPT IDEA

INTRODUCTION
For delivery drivers, who spend significant hours on the road, a well-designed infotainment system can streamline their tasks, improve vehicle status monitoring, and provide essential navigation assistance.

WHY?
Because drivers are extremely busy, every second counts.

HOW/WHAT?
Enhance vehicle operation efficiency by minimizing distractions and displaying only essential and relevant information.

HOW TO MAKE DRIVER’S TIME COUNT?
Every tap, every glance, and every second spent contemplating what to do needs to be minimized or removed.

"BLEND"
UI EXPLORATION

FOUNDATIONS

  • Blending refers to seamlessly integrating visual assets (such as graphics, animations, and layout) with code (such as functionality and interactivity).
  • The goal is a cohesive user experience (UE) where design and development harmoniously collaborate.
  • Combining aesthetics and functionality.

MATERIALS

  • Blend Containers by using blur background with shadows
  • Adapts lighting conditions in your surroundings
  • Easy to place, view and use at any distance

ICONS

  • Looking more realistic by adding highlights and shadows
  • Using multiple layers

TYPOGRAPHY

  • Ensuring they are legible at any distance
  • Apply different font weight

VIBRANCY

  • Use vibrancy to indicate hierarchy for text, icons and fills
  • Enhancing legibility

COLORS

  • Using white text or icons
  • Accent colors for hierarchy

FAMILIAR

CONTAINERS

  • Users should be able to find what they’re looking for reliably, with minimal distractions from recognizable elements.
  • Consider placing interfaces within containers that allow clear visibility and usability.
  • The ultimate goal is to seamlessly integrate these containers into the surroundings.

DESIGN

  • Background blur containers provide contrast with the background and adapt to lighting conditions.
  • The system includes controls to close and resize these containers.

SIZING

  • The design is flexible and can adapt to fit any size.
  • It adjusts dynamically based on the content.
  • Panels are used to separate different sections from the main content.

HUMAN-CENTERED

FIELD OF VIEW

  • Ensure that the most important content is placed in the center.
  • Consider additional points such as peripheral content or contextual elements.

ERGONOMICS

  • The placement of your content significantly affects how people physically react.
  • Ensure that objects are comfortably positioned in all dimensions.

MOVEMENT

  • The user intends to always look forward in front of the vehicle while driving, ensuring minimal movement or distractions within the screen.

DIMENSIONAL

SCALE

  • Small content feels lightweight.
  • Large content feels impressive.

DEPTH

  • Nearby content invites interactions.
  • Determine the hierarchy of the screen.
  • Adding light and shadows will make it more integrated into the space.

SPACE

  • Adding dimming is a powerful way to maximize space; it will help the user focus on the content.

IMMERSIVE

COMFORT

  • Avoid large, fast movements.
  • Using a fade effect is enough to keep the user feeling steady.
  • Consider using short labels and recognizable icons.

SPECTRUM

  • The dynamic can transition between different states of immersion.
  • Keeping the design flexible.

AUTHENTIC

INTUITIVE USER INTERFACE

  • Enhance the user experience with intuitive features like gesture controls, voice recognition, and customizable moods (such as lighting and drive modes).

INTEGRATION WITH VEHICLE DESIGN

  • Ensure that the infotainment screen seamlessly integrates with the overall interior design of the vehicle.

NEED CREATIVE HELP?
You need help or if you have a cooperation offer, please contact me.