Hi all,
Some time ago, I started working on an improved version of the infotainment theme, after having moved from a VW to Seat. The user interface felt a bit dated and not really in line with the virtual cockpit, so I deciced I should make some improvements.
The main design principles are like this:
- Styled like the Virtual Cockpit
- Non-distracting
- Easy to understand
- No loss of functionality
- As much "Dark-mode" as possible.
So here are a few updates I've made so far. Note: these are all progress shots I've made somewhere along the way. The user interface is made up of many elements, and I'm addressing them one-at-a-time.
Offroad screen
- dials now have the same theme as Active Info Display
- Removed the (in my opionion) tacky carbon fiber background
- Improved texture quality on the tire
Main menu
- Updated the main menu to have Seat Mk4 infotainment buttons (cleaner and easier to understand at a quick glance)
- Removed background
- Note: this is an old shot, I've since then updated the Seat Connect and Vehicle buttons to be more accurate ;-)
Sport / Performance monitor
- Removed the background (not visible in this image)
- Updated the dials to match the Virtual Cockpit and Offroad mode. (I always felt the sport and offroad screens didn't have the same style)
Statistics screen
- Removed background (let's get rid of that Halfords carbon)
- Inserted my own car in all screens
- Fixed the fuel icon. (It always appeared to me like someone didn't remove the background on the inside of the icon)
-
I also made some changes to the Radio stations buttons, removing the dark background from them, and I'm currently working on the biggest change yet: updating the bulky corner-buttons. A quick and dirty mockup can be seen here:
Some time ago, I started working on an improved version of the infotainment theme, after having moved from a VW to Seat. The user interface felt a bit dated and not really in line with the virtual cockpit, so I deciced I should make some improvements.
The main design principles are like this:
- Styled like the Virtual Cockpit
- Non-distracting
- Easy to understand
- No loss of functionality
- As much "Dark-mode" as possible.
So here are a few updates I've made so far. Note: these are all progress shots I've made somewhere along the way. The user interface is made up of many elements, and I'm addressing them one-at-a-time.
Offroad screen
- dials now have the same theme as Active Info Display
- Removed the (in my opionion) tacky carbon fiber background
- Improved texture quality on the tire
Main menu
- Updated the main menu to have Seat Mk4 infotainment buttons (cleaner and easier to understand at a quick glance)
- Removed background
- Note: this is an old shot, I've since then updated the Seat Connect and Vehicle buttons to be more accurate ;-)
Sport / Performance monitor
- Removed the background (not visible in this image)
- Updated the dials to match the Virtual Cockpit and Offroad mode. (I always felt the sport and offroad screens didn't have the same style)
Statistics screen
- Removed background (let's get rid of that Halfords carbon)
- Inserted my own car in all screens
- Fixed the fuel icon. (It always appeared to me like someone didn't remove the background on the inside of the icon)
-
I also made some changes to the Radio stations buttons, removing the dark background from them, and I'm currently working on the biggest change yet: updating the bulky corner-buttons. A quick and dirty mockup can be seen here: