04Portfolio
WireDrive — launcher do radia z Androidem
Moja koncepcja launchera, czyli ekranu głównego radia z Androidem, dla mojego Golfa IV: projekt graficzny 22 ekranów, od nawigacji i muzyki po odczyty z auta i czujniki parkowania, oraz szkielet aplikacji w Jetpack Compose.
W liczbach
- Ekrany w projekcie
- 22
- Najmniejszy przycisk (ok. 1,2 cm)
- 76 dp
- Dotknięcia do każdej funkcji auta
- ≤ 2
Problem
Radia z Androidem dostają launchery projektowane pod tablet, a nie pod jazdę: małe przyciski, dużo poziomów menu i żadnej wiedzy o samym aucie. W moim Golfie IV dochodzą sterowanie zamkami i szybami, taśma LED i czujniki parkowania, każde z osobną aplikacją albo bez żadnej.
Podejście
Zacząłem od zasad, a nie od ekranów: przyciski co najmniej 76 × 76 dp (ok. 1,2 cm), duży tekst, ciemny motyw z jednym kolorem akcentu, a zielony, bursztynowy i czerwony wyłącznie do pokazywania stanu. 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 startowego, a pasek boczny zawsze stoi w tym samym miejscu. Na tej podstawie zaprojektowałem 22 ekrany, od startu, muzyki i danych z trasy, przez zakładki auta, po widoki cofania i postoju. Powstał też szkielet w Kotlinie z Jetpack Compose, do którego później podłączą się prawdziwe dane.
Efekt
To koncepcja: projekt graficzny jest kompletny, a w szkielecie działają wygląd i przechodzenie między ekranami. Dane auta są na razie przykładowe, a podłączenie prawdziwych odczytów jest zaplanowane na kolejne etapy. Styl WireDrive przeniosłem do WireAmbi: presety kolorów, jasność i tryby na ekranie Ambient pochodzą wprost z tego projektu.