04Portfolio
WireDrive — launcher do radia z Androidem
Moja koncepcja launchera samochodowego dla Golfa IV: projekt graficzny 22 ekranów, od nawigacji i mediów po parametry z magistrali CAN i czujniki parkowania, oraz szkielet aplikacji w Jetpack Compose.
W liczbach
- Ekrany w projekcie
- 22
- Minimalny cel dotyku
- 76 dp
- Dotknięcia do funkcji auta
- ≤ 2
Problem
Radia z Androidem dostają launchery projektowane pod tablet, a nie pod jazdę: małe cele dotyku, dużo poziomów menu i zero wiedzy o samym aucie. W Golfie IV dochodzą moduł komfortu, taśma LED i czujniki parkowania — każde z osobną aplikacją albo bez żadnej.
Podejście
Zacząłem od zasad, nie od ekranów: cel dotyku co najmniej 76 × 76 dp, tekst główny od 21 sp, ciemny motyw z jednym akcentem, a zielony, bursztynowy i czerwony wyłącznie jako stan. Karty mają obrys zamiast cieni, żeby były czytelne w słońcu i na matowych ekranach. Każda funkcja auta jest najwyżej dwa dotknięcia od ekranu Start, a pasek boczny zawsze stoi w tym samym miejscu. Na tej podstawie zaprojektowałem wszystkie 22 ekrany — Start, Media, Trip, Auto z zakładkami Komfort, Parametry, Błędy, Ambient i Parkowanie, ustawienia oraz nakładki cofania i postoju — i szkielet w Kotlinie z Jetpack Compose, w którym cały stan interfejsu mieszka w jednym obiekcie; tam później wpinają się źródła danych.
Efekt
To koncepcja: projekt graficzny jest kompletny, a w szkielecie działają wygląd i nawigacja; dane pojazdu są na razie przykładowe, a ich źródła — moduł komfortu na ESP32, magistrala CAN w trybie tylko do odczytu, czujniki parkowania — są rozpisane w planie kolejnych etapów. Styl WireDrive stał się bazą wizualną ekranów samochodowych WireAmbi: presety kolorów, jasność i tryby ekranu Ambient pochodzą wprost z tego projektu.