E -Connect

Automotive Display / Smartwall Display

- UX / UI Design, UX Research

Bio-sensing infotainment system

for the future self-driving vehicle

Project Overview

How will our lives look like in 2025? With the advancement of numerous revolutionary technologies, our world is facing unprecedented innovations. One of the most important technologies leading the changes is self-driving. The development of self-driving technology would not only improve the quality of life of people and but also bring fundamental changes to our society.

 

In this project, first, I assumed the future that self-driving technology has been fully developed. And then I imagined the social aspects of 2025 and defined the new role of a self-driving vehicle in the future society. Based on the expected future social aspects, I designed an automotive and smart wall application service: E-Connect that can create new value in the future self-driving era.

E-Connect service is an infotainment system for a self-driving vehicle. The service keeps tracking driver's health conditions in real-time, provides customized contents based the bio-sensing data, and helps a driver in an emergency situation by working mutually with the smart wall-based application used by an emergency technician of the 911 report center.

Project Info

Internship Project at Amoeba UX

Project Duration

Jan 2018 - Feb 2018

My Role - UX / UI Designer, UX Researcher

Performed user research, design ideation, UX workflow, UI design. 

Design Challenge

" How would the user experience of the future self-driving vehicle be like? "

1. Research

Envisioning Lifestyle in 2025

At the beginning of the project, I needed to envision and conceptualize the lifestyle of the future society in 2025 to understand and draw out what would be the design opportunities in the future autonomous vehicle. As a way to achieve the goal, I conducted literature review research and organized the results into two categories: Social and Technology. I then analyzed the collected data of each category, listed out 3 notable points, and came up with the combined insight for each. 

Social

The increase of one-person households and the personalization of the society

- ForMe, Staycation, 1conomy

Personalized Household

- Sharing Economy, Social Dining

Relationships-focused spending patterns to overcome loneliness

New Consumption Pattern

Super-Aging Society

In 2032, population growth will stop and begin to decline

- Reduction of working age and youth population

" Emergence of new cultures and lifestyles according to the change of socioeconomic traits. "

Technology

Development of Display Technology

The advent of new technologies such as Flexible displays, Smart Mirrors

- Display installation constraints disappear

Connect Everything : C - DAS

Innovative communication tech that can lead the future smart-connected world

- Connect and control all the digital device

Key of the Future Society : AI

Deep Learning tech will change our future lifestyles and industries

- Innovation in education, finance, health care, etc.

" Society that shares and analyzes information continuously in real-time through revolutionary future techs. "

Expected Future Societal Keywords

dfewrwer.png

Based on the research, I have drawn out the seven expected future societal keywords in 2025.

Expected Social Aspects

I have imagined the expected social aspects of 2025 with the derived keywords. Among the aspects, I have focused on three Keywords, namely Alone Together, Space Blur, and Thread of Connections. Through this process, I was able to predict the appearance of our society in 2025.

 

In social terms, first, due to the realization of fully developed self-driving technology, the ownership rate of vehicles would be reduced drastically. Second, the growth of the sharing economy would make people's consumption patterns change from purchasing to sharing. Lastly, the beginning of a super-aged society would result in the reduction of young generations, and increasing demands for health care services.

 

In technological terms, first, AI technology would be utilized as a personal assistant that analyzes and manages the everyday lives of people. Second, the development of big data technologies would enhance the quantity and quality of information. Lastly, as our world becomes a super-aging society, the importance of bio-sensing technology that can keep track of people's health conditions would increase.

2. Design Ideation

Defining the role of vehicle in 2025

From the expected social aspects I have drawn out, I was able to define what roles would a self-driving vehicle in 2025 perform.

1

Disappearance of Travel Time

3

The realization of fully developed autonomous driving technology would eliminate the concept of travel time and allow people to spend the time doing other works.

Living Space

People would be able to spend their time doing a variety of activities like taking rest, shopping, watching movies, and having a meeting inside a vehicle other than driving.

2

Personal Assistant

4

Thanks to the development of technologies like IoT, Biometric, and AI, Autonomous vehicles would carry out the role of a personal assistant such as schedule managing, health condition detecting, and home caring.

Sharing Innovation

 Vehicles would become not for ownership but for sharing, and they will create unprecedented innovations for transportation infrastructure. 

Affinity Diagraming

Based on the insights and defined role of a self-driving vehicle from the previous research steps, I performed affinity diagramming exercise to group the insights and spot design opportunities in a future vehicle. As I continued grouping the insights, it became obvious that there would be a lot of new design spaces as our society becoming super-aged and highly personalized and sharing economy grows. In addition, I captured that, within those changes, the growth of AI, big-data, and bio-sensing technology would play a key role in future society. After spotting societal and technological traits, I started synthesizing these insights to find design opportunities in a future self-driving vehicle. 

Synthesizing Insights

SERVICE CONCEPT

Autonomous vehicle infotainment system that provides personally customized content for users and helps them in an emergency by keeping track of and analyzing their health data.

 

DRIVING MODE

Digital Howling

Focusing on the word "Howling", which means communication between wolves, I propose a new word called “Digital Howling.”

 

When users enter the Howling menu, they can share contents among users around them.

3. Design Prototype

Smartwall Display

Automotive Display

E-Connect service has two different displays that are working together. Automotive display is where drivers or passengers of a self-driving vehicle interact with. Smartwall Display is where emergency technicians interact with. Users of these two displays work mutually to handle emergency situations. Below are the detail description and information architecture of each display.

Information Architecture

With the development of technology, future vehicle displays are evolving into an integrated display that combines center fascia, clusters, and AVN. Hence, I utilized integrated shape for the automotive display and defined a user and a role of the display. Then I developed the information architecture of the infotainment system of the automotive display.

Smartwall display would be an essential part of our future lifestyles. In this project, I focused on the 911 emergency report center's smart wall display which is usually positioned in front of emergency technicians. To make the details of the display clear, first, I defined a user and the role of the display. Based on the definition, I developed the information architecture of the display.

UI Design Concept

Keywords

Share

Connect

Spread

Expand

Wave

Design Principles

Rhythmical

Blur

Curve

Fluid

 Color / Font 

General

Howling

Emergency

Basic

Icon Set

UI Wireframes

Home

Voice Recognition

Set Destination

Howling Menu

AI Assistant

Area Convert

Music

Mood

Emergency Mode

We started building the initial wireframes to visualize the information architecture above. I defined areas of contents in the new type of display and designed the UI in a way that enables users to easily manipulate infotainments and experience contents. While exploring the designs, I continuously had usability testing sessions with Amoeba UX designers and users to get better improvement points. Based on their feedback, I kept iterating the wireframes to have more simple and intuitive usability. 

Emergency Occur

Emergency Alert

Emergency_Connected

Smartwall

Emergency_Connecting

Emergency_First Aid Method

First Aid

Patient Connect

Select Aid Methods

Driving Mode

E-CONNECT

Bio-Sensing Infotainment System

Autonomous Vehicle UI

GENERAL MENU

The infotainment system of E-Connect service is composed of two respective areas: Cluster area and Contents area. In the Cluster area, there are functions including switching to Howling menu, setting destination, indicator, navigation map, and area convert. When the fully developed self-driving technology era comes, there will be no distinction between the purpose of respective seats. Therefore, E-Connect service provides area convert function that lets users change the respective areas depending on the seat that they are sitting. In the Contents area, users can choose contents they want to use and back to home screen.

When entering Howling Menu, recommended contents will be displayed according to a user's daily-mood that continuously collected by the bio-data sensors which is attached to car seats.

HOWLING MENU

MUSIC

Music contents will be automatically recommended according to the daily mood of a user. Mood Equalizer shows an emotional state of a user that reacts to musics in real-time.

DAILY MOOD

Users also can check their emotional-state details. E-Connect provides various information including Daily Mood Detail, Weekly Mood, and the statistical graph of Mood, Fatigue, Emotion, and Stress.

CLUSTER DESIGN

Legibility is one of the most important elements in the infotainment system for an autonomous-driving vehicle. Therefore, I carried out numerous rounds of cluster design iterations to find optimal legibility and visual look.

Single Type

Dual Type

EMERGENCY ALERT

When E-Connect senses health emergency situations of a passenger, a pop-up screen will appear to alert the current physical conditions and emergency details, and automatically change the mode from Driving to Emergency if a passenger doesn't react to the alert.

CONNECTING TO 911

After entering an emergency mode, E-CONNECT searches for the nearest hospital and automatically connects to a 911 emergency technician. At the same time, the physical condition of the passenger will also be displayed and monitored in real-time.

FIRST-AID

After connecting to 911, the emergency technician will continuously communicate with the patient, identify current physical status, and provide first aid methods.

Smartwall UI

HOME

The most important task of 911 Safety Report Center is proper management and rapid early-stage actions against numerous emergency situations. To improve the report managing system of 911 Report Center, I designed a new UI  that can help emergency technicians handle various information related to emergency reports effectively and comprehensively.

01 GNB Menu

Grouping functions that are mostly used:

Report records, Current traffic information, Regional reports, and First-aid methods.

02 Report Map

Real-time report areas will be marked on the map by alerting Icons, and a user can check other report areas by using the location bar.

03 Daily Report

Users can check the number of reports of the day by a graph. 

04 Monthly Briefing

Monthly Briefing provides the statistical information of weekly and monthly reports, and regional details.

CONNECTING PATIENT

Screen of self-driving car at the same moment

When 911 receives an emergency signal from a vehicle, the screen will automatically be changed and show the patient's condition, current location, distance to the hospital, and current situations of the nearest hospitals. This feature would let technicians take rapid early-stage actions to emergencies. 

01 Navigation Map

When an emergency occurs, the navigation map shows the patient's current location and distance from the hospital, and find the fastest way.

02 Physical Condition

By getting the bio-data of a patient from a vehicle, the screen provides patient's current physical conditions in real-time

03 Connecting to Patient

To communicate and identify the current status of a patient, the service connects a video-call with the patient.

04 Hospital Information

Showing various information including the name of a hospital, remaining time to get there, the number of waiting patients, and the doctor in charge.

EMERGENCY TREATMENT

Screen of self-driving car at the same moment

The emergency technician keeps monitoring the patient's current physical condition and provides proper first aid treatments based on the bio-sensing data and communication with the patient. 

01 Communication with Patient 

After the connection, the technician will communicate with the patient and check the current physical condition.

02 Detailed Condition

After the connection, the service shows more detailed physical conditions of patient.

03 First Aid Methods

Providing the most proper first-aid procedures after checking the patient's physical status.

04 Hospital & Map Information

Hospital, map and arrival information will continuously be displayed until the patient’s arrival at the hospital.

SCREENS

Thank You.

Designed with passion by Hyun Park © Copyright 2020