Car Console Application

UI-UX case study

Overview

01

Project
Overview

What is Guddrive?

As part of an RFP, we designed a way for drivers and passengers to customize their in-vehicle experience with their favorite content, all from the comfort and convenience of their own mobile device. We then developed a prototype for tablet-based apps running Windows and web, that adjusts the theme dynamically to the environment as you drive. Patents pending.

Design Process

The design process ensures user-centricity and enhances the overall user experience.

Research

Architecture

Wireframe

Prototype

Visual Design

Build & Test

Sprint Timeline

This was a six-week sprint. Afterwards we coded a web prototype.

Research

02

Research
Project

Challenges & Solutions

Convenience

C:

Limited visibility due to a default theme with low contrast on the car console.

S:

Provide an option to adjust the contrast and brightness settings of the car console, allowing drivers to enhance visibility according to their preference.

Effiency

C:

Inconvenient access to frequently used functions on the default car console theme.

S:

Provide an option to adjust the contrast and brightness settings of the car console, allowing drivers to enhance visibility according to their preference.

Creativity

C:

Monotonous and dull default theme leading to driver fatigue during long journeys.

S:

Implement a variety of pre-installed themes or the ability to download custom themes for the car console, allowing drivers to personalize the interface and create a visually engaging experience.

Safety

C:

Default font size on the car console is too small, making it difficult to read while driving.

S:

Include an option to adjust the font size on the car console, enabling drivers to choose a larger font size that enhances readability and reduces eye strain, promoting safer driving.

Motivation Types

Challenges

Solutions

Convenience

Limited visibility of many default themes and lack of flexibility to meet multiple user needs.

Provide an option to adjust the contrast and brightness settings of the car console, allowing drivers to enhance visibility according to their preference.

Effiency

Inconvenient access to frequently used functions on most car console themes.

Customizable shortcut buttons on the console, enabling drivers to assign their preferred functions for quick access.

Creativity

Monotonous and dull default theme leading to driver fatigue during long journeys.

Implement a variety of pre-installed themes or the ability to download custom themes for the car console, allowing drivers to personalize the interface and create a visually engaging experience.

Safety

Default font size on the car console can be too small, making it difficult to read while driving.

Include an option to adjust the font size on the car console, enabling drivers to choose a larger font size that enhances readability and reduces eye strain, promoting safer driving.

User Persona

Name

Ryan Lee

Age

26

Occupation

Graphic Designer

Location

Califonia, US

Family

Single

Name

Ryan Lee

Age

26

Occupation

Graphic Designer

Location

Califonia, US

Family

Single

Personality

Introvert

Extrovert

Traditional

Creative

Thinking

Feeling

Bio

Ryan is a talented designer who frequently travels for both work and leisure. He is constantly on the move, exploring new places and seeking inspiration from different cultures. As a creative professional, he values efficiency, organization, and seamless user experiences.

Need

  • Design-focused interface

  • Smart connectivity

  • Dynamic Theme Options

Pain points

  • Complex or cluttered interface

  • Limited space and distractions, focus on: Music, audio, list, map, compass

  • Monotonous Theme

Need

  • Design-focused interface

  • Smart connectivity

  • Dynamic Theme Options

Pain points

  • Complex or cluttered interface

  • Limited space and distractions, focus on: Music, audio, list, map, compass

  • Monotonous Theme

Name

Aliah Kiz

Age

40

Occupation

Accountant

Location

New York, US

Family

Married

Name

Aliah Kiz

Age

40

Occupation

Accountant

Location

New York, US

Family

Married

Personality

Introvert

Extrovert

Traditional

Creative

Thinking

Feeling

Bio

Aliah is a dedicated accountant working in a bustling city. With a demanding job and a busy family life, she values efficiency, organization, and a balance between work and personal responsibilities.

Need

  • Design-focused interface

  • Smart connectivity

  • Dynamic Theme Options

Pain points

  • Complex or cluttered interface

  • Limited space and distractions, focus on: Music, audio, list, map, compass

  • Monotonous Theme

Need

  • Time management features

  • Smart navigation , Β real-time traffic updates

  • Comfort and relaxation

Pain points

  • Limited time and high workload

  • Staying organized and connected, focus on: Phone, agenda, map, compass

  • Limited Theme Options

Name

Aliah Kiz

Age

40

Occupation

Accountant

Location

San Francisco, US

Family

Married

Personality

Introvert

Extrovert

Traditional

Creative

Thinking

Feeling

Bio

Aliah is a dedicated accountant working in the city but commuting to other sites. With a demanding job and a busy family life, she values efficiency, organization, and a balance between work and personal responsibilities.

Need

  • Time management features

  • Smart navigation and real-time traffic updates

  • Comfort and relaxation

Pain points

  • Limited time and high workload

  • Staying organized and connected,focus on: Phone, agenda, map, compass

  • Limited Theme Options

Ideation

03

Project
Ideation

Information Architecture

Information architecture refers to the practice of organizing, structuring, and labeling information in a way that facilitates effective navigation, retrieval, and understanding of content within the system. It involves designing the overall information framework, including the categorization, hierarchy, and relationships between different pieces of information to enhance user experience and findability.

User Flow

User flow in refers to the path that a user follows while navigating through a website, app, or digital product.

Workshop

The team prioritized features and functions from a hit list prior to visual design.

04

UI
Design

Wireframe Prototyping

Provide a visual blueprint and structure for the user interface, ensuring effective communication and planning of the user experience.

High - Fidelity design

1. All themes

2. Main Screens