Home > Play > Daily Challenge: Fully Integrated Touch Panel Dashboard


Daily Challenge:

Designing Car Interface - Fully Integrated Touch Panel Dashboard

TOOLS: ADOBE ILLUSTRATOR & PHOTOSHOP

YEAR: 2018 FALL

 

Why Fully Integrated Touch Panel Dashboard?

What people get excited about cars depends on the person. For me, it is a car interface because I believe a car interface affects the overall riding experience, not only for the driver but also for the passenger.

It was the time I was sitting in the front passenger seat. I didn't particularly appreciate how I had to click back the screens every time to go to a different mode. Why can't I have multiple screens at the same time? Also, why the screen has to be a rectangle? Can we expand it all the way left and right to make it seamless with the car interior shape?

I kept thinking about that. The other day, when I was at home, I was using my laptop and desktop display at the same time. I normally only use the desktop display as the main screen. When the screen got crowded, I move the window displaying Spotify (I like using Spotify's Web Player on a web browser) to the laptop side. Then, I noticed, why can't we do the same thing in the car?

 

How it designed

The panel is divided into three sections; left, middle, and right. The left screen is fixed for the drive assistant. The middle and right screens are connected. Perhaps, you can think of the middle & right screen as one big screen where the users can drag and drop the existing windows to another side. This touch panel dashboard allows the driver to keep the navigation in the middle and enables the passenger to control the second screen such as music on the right side. When the driver doesn’t have a passenger, he/she/they can combine screens back to the middle area.

 
amikubota-car-interface-mock-up_noted.jpg
amikubota-ui-challenge-car-interface-3.jpeg
amikubota-ui-challenge-car-interface-4.jpeg
 
 
Previous
Previous

Snap Chat Lens

Next
Next

Micro-interactions: iOS weather App