Zes Kiosk: Türkiye'nin En Büyük Şarj Ağı İçin İstasyon Ekranı Tasarlamak
Türkiye'nin 81 iline yayılan Zes yüksek güçlü şarj istasyonlarındaki dokunmatik ekranın UX ve UI tasarımı.
Zes, Türkiye'nin en büyük elektrikli araç şarj ağını işletiyor ve istasyonları 81 ile yayılıyor. Kiosk arayüzü, bu büyük ağın tek bir sürücü için kişisel bir deneyime dönüştüğü yer: Bir Zes istasyonuna yanaşan her sürücü, blurple'ın tasarladığı dokunmatik ekranla doğrudan karşılaşıyor. Hedefimiz, parlak güneşte de kapalı otoparkta da kol mesafesinden okunabilen, hızlı ve hatasız bir şarj akışıydı.
Yüksek güçlü bir şarj istasyonu her gün onlarca sürücüye, her hava koşulunda, çok farklı ışık ortamlarında ve kullanım kılavuzu olmadan hizmet veriyor. Arayüzün, hızlı şarj cihazını ilk kez kullanan sürücü için de istasyonu günde iki kez kullanan filo yöneticisi için de çalışması gerekiyordu. Tanıtım ekranlarına, ipucu balonlarına ya da destek hattına yaslanamazdı; şarj oturumunun her durumunu açıkça ve anında anlatmalıydı.
Şarj oturumunun tamamını kapsayan bir kiosk arayüzü tasarladık: bekleme ekranı, soket seçimi, kimlik doğrulama (RFID, QR kod, kredi kartı), canlı değerlerle aktif şarj (güç, voltaj, akım, enerji, süre) ve oturum sonu. Arayüz Türkiye genelindeki Zes istasyonlarında kullanılıyor ve blurple studio ile süren tasarım ortaklığı içinde sürekli gelişiyor.
Zorluk
Bir Zes şarj istasyonu kontrollü bir ortam değil. Kimi zaman yol kenarında, kimi zaman kapalı bir otoparkta, kimi zaman bir otoyol dinlenme tesisinde duruyor. Ekranı, elinde telefonla üniteden biraz uzakta duran sürücüler okuyor; bazen kontrastı silen güneş altında, bazen ekranın tek ışık kaynağı olduğu karanlıkta. Arayüzün bu koşulların hepsinde okunur, kullanılır ve güven verici olması gerekiyordu.
720 kW'ta kafa karışıklığına yer yok. Zes HPC istasyonları, iki eşzamanlı şarj portu üzerinden DC CCS ile 720 kilovata kadar güç veriyor. Bu güç seviyesinde yanlış portu seçen ya da kimlik doğrulama adımını anlamayan bir sürücü, arkasında sıra bekleyen herkesi geciktiriyor. Bu yüzden arayüzün şarj akışının her adımındaki belirsizliği ortadan kaldırması gerekiyordu.
Üç kimlik doğrulama yöntemi, tek ve tutarlı bir ekran. Zes istasyonları RFID kart, QR kod ve doğrudan kredi kartı ödemesini destekliyor. Her yöntem farklı bir kullanıcıya hitap ediyor: Zes üyeleri RFID kartını okutuyor, yeni kullanıcılar QR kodu tarıyor, misafirler kartla ödüyor. Üçünün de aynı ekranda açıkça sunulması ve hiçbirinin ikinci planda kalmaması gerekiyordu.
Sürücünün gerçekten ihtiyaç duyduğu anlık veri. Şarj sürerken sürücüler ekranın başında beklemiyor; araçlarında oturuyor, yakındaki bir kafeye gidiyor ya da aracın yanında duruyor. Aktif şarj ekranının anlık gücü, şarj yüzdesini ve kalan süreyi oturumun her anında uzaktan tek bakışta okutması gerekiyordu.
Zes Kiosk: istasyon ekranının kullanıldığı koşullarÇözüm
Zes kiosk arayüzünü tek bir ilke etrafında tasarladık: Şarj oturumundaki her ekran, sürücünün bir metin okumasına gerek kalmadan bir sonraki adımı göstermeli. Anlamı ikonlar, büyük etiketler ve ekrandaki yerleşim taşıyor; metin yalnızca doğruluyor.
Marka anı olarak karşılama ekranı. Bekleme ekranı tam ekran bir Zes marka anı: Derin mor bir degradenin ortasında logo ve altında "Hoş geldiniz" yazısı var. Ekran uzaktan görülüyor, istasyonun bir Zes ünitesi olduğunu açıkça gösteriyor ve kapatılması için hiçbir etkileşim gerektirmiyor. Sürücü yaklaştığında oturum başlıyor.
Güven veren soket seçimi. Soket seçim ekranı A ve B portlarını, ekranın büyük kısmını kaplayan iki büyük ve eşit dokunma alanı olarak sunuyor. Her port konnektör tipini (DC CCS) ve gücünü (720 kW HPC) gösteriyor. Alttaki yönlendirme ilerlemek için iki yol veriyor: ekrana dokunmak ya da kabloyu takmak. İkisi de çalışıyor.
Kimlik doğrulama: üç yol, tek karar. RFID kart, QR kod ve kredi kartı, her biri açık bir ikon ve tek satırlık bir açıklamayla, eşit büyüklükte üç kart olarak sunuluyor. Kartlar tek elle rahatça kullanılabilecek büyüklükte ve alttaki yönlendirme üç seçeneği de hatırlatıyor. Hiçbir yöntem bir alt menüye gizlenmiyor ya da ikinci bir ekran gerektirmiyor.
Aktif şarj: canlı değerler, net hiyerarşi. Şarj ekranı, oturumun durumunu ("Aracınız şarj oluyor") ve port bilgisini en üstte gösteriyor. Solda anlık güç (kW), voltaj (V) ve akım (A); ortada şarj yüzdesini gösteren halka; sağda verilen enerji (kWh), şarj süresi ve kalan süre yer alıyor. "Şarjı sonlandır" düğmesi oturum boyunca aynı yerde duruyor.
Zes Kiosk: istasyon ekranının tasarımıDeneyimden öne çıkanlar
Karşılama ve bekleme
Bekleme ekranı tam ekran bir Zes marka ekranı: ortada logo, altında "Hoş geldiniz" ve derin mor bir degrade. Sürücü park yerine yaklaşırken istasyonu gördüğü mesafeden ekranı okuyabiliyor. Animasyon ya da kayan içerik yok; yalnızca marka ve istasyonun çalıştığına dair açık bir işaret var.
Soket seçimi
Port A ve Port B iki uzun, yuvarlatılmış kart olarak beliriyor; her kart büyük bir daire içindeki port harfini, konnektör tipini (DC CCS) ve gücünü (720 kW HPC) gösteriyor. Simetrik yerleşim dokunma alanlarını öne çıkarıyor; sürücü etiketi okumayı bitirmeden portunu seçebiliyor. Kabloyu takmak da oturumu kendiliğinden ilerletiyor.
Kimlik doğrulama
Ekranda eşit büyüklükte üç kart var: RFID kart, QR kod ve kredi kartı. Her kartın üstünde bir ikon ve altında tek satırlık bir etiket bulunuyor; alttaki kısa yönlendirme üç seçeneği tek bir okunur cümlede topluyor. "Şarjı sonlandır" düğmesi, şarj başlamadan önceki bu adımda bile görünüyor ve fikrini değiştiren sürücüye bir çıkış yolu sunuyor.
Aktif şarj
Şarj ekranını aracın içinden okunacak şekilde tasarladık. Güç, voltaj ve akım solda büyük rakamlarla ve birimleriyle gösteriliyor. Ortadaki dairesel gösterge batarya yüzdesini gösteriyor; verilen enerji, geçen süre ve tahmini kalan süre sağda yer alıyor. Yerleşim, %0'dan %100'e kadar oturumun her anında hiyerarşisini koruyor.
Zes Kiosk: deneyimden öne çıkan ekranlarTasarım süreci
Bir kiosk arayüzünün tanıtım ekranları yoktur; kullanıcının istasyonun nasıl çalıştığına dair bir şey okuduğunu varsayamazsınız. Deneyim Döngüsü'nü, kullanıcı deneyiminin tamamının tek bir şarj oturumuna sığdığı ve her etkileşim hatasının gerçek dünyada hemen bir sonuç doğurduğu bir ürüne uyguladık.
Odaklandık: Zes kiosk arayüzünün yol göstericisi, talimata ihtiyaç duymadan kullanılmasıydı. Hızlı şarj cihazını hiç kullanmamış bir sürücü bile bir oturumu tereddüt etmeden tamamlayabilmeliydi. Her tasarım kararını bu ölçüte göre sınadık.
Araştırdık: Kullanım koşullarının tamamını inceledik: gün ışığındaki yol kenarı istasyonları, neredeyse karanlık kapalı otoparklar ve karışık ışıklı kapalı tesisler. Oturumun her adımında sürücünün aklından geçenleri haritaladık: ne görmeyi beklediğini, nerede emin olamadığını ve arayüz hemen güven vermezse oturumu en çok nerede bıraktığını.
Uyguladık: Şarj akışını dört duruma indirdik: bekleme, soket seçimi, kimlik doğrulama ve aktif şarj. Hiçbir durum birden fazla karar ya da birden fazla ana işlem gerektirmiyor. Görsel dili (büyük dokunma alanları, yüksek kontrastlı ikonlar ve etkin öğeler için parlak vurgularla derin mor) tüm kullanım koşullarında iyi çalışacak şekilde geliştirdik.
Ölçtük: Oturum tamamlama oranı, şarjın başlamasına kadar geçen süre ve kimlik doğrulama yöntemlerinin dağılımı ana metriklerimiz oldu. Üç kartlı kimlik doğrulama ekranını, hiçbir yöntemin varsayılan olarak öne çıkmadığı ve üçüne de eşit erişilebildiği bir denge kuracak şekilde tasarladık.
Geliştirdik: Zes kiosk arayüzü, süren bir tasarım ortaklığıyla yaşamaya devam ediyor. Yeni istasyon donanımları, yeni ödeme entegrasyonları ve ağdan gelen geri bildirimler sürekli işleniyor. Kiosk için kurduğumuz tasarım sistemi bileşen mantığını Zes mobil uygulaması ve web sitesiyle paylaşıyor; böylece marka deneyimi üç temas noktasında da tutarlı kalıyor.
Zes Kiosk: tasarım süreci
SONRAKİ VAKAZes Mobile App→Ülke çapında elektrikli araç şarjı: araştırma, yeniden tasarım ve uygulamanın içinde Snake sadakat oyunu.
