Apple'ın Liquid Glass materyaline bir slaytta aşık olmak kolay. Işığı yakalıyor, arkasındakini kırıyor, düz arayüzlerin hiçbir zaman sahip olmadığı türden fiziksel bir ağırlıkla hareket ediyor. Voisary'nin ilk birkaç dakikasının - onboarding'in, yeni bir kullanıcının gördüğü ilk şeyin - Apple'ın gönderdiği en iyi şeylerin yanında durması gerektiğini istedik, estetiği tahmin etmeye çalışan üçüncü bir taraf gibi değil.
Başlangıç hedefi buydu. Oraya varmak, yazmaya değer birkaç yanlış dönüş gerektirdi.
Neden ona yöneldik
Onboarding, bir uygulamada biraz daha ağır, daha dokunsal bir görsel dilin kendini hak ettiği tek yer. Birinden bir tabloyu okumasını ya da bir listeyi taramasını istemiyorsun - sana kişisel bir şeyi, Voisary özelinde kendi sesini ve yarım kalmış düşüncelerini emanet etmeden önce otuz saniyelik dikkat istiyorsun. Premium ve düşünülmüş hissettiren bir materyal orada gerçek bir iş yapıyor: ürünün geri kalanının da aynı özenle inşa edildiğine dair küçük, sözsüz bir sinyal.
İlk nerede yanlış gitti
İlk denemede aşırıya kaçtık. Her kart, her düğme, her geçiş cam muamelesi gördü, sonuç premium'un tam tersiydi - gürültülüydü. Kırıcı bir yüzeyin üzerine oturan metin, arkada ne hareket ettiğine bağlı olarak kontrastını kaybediyor, ve parlak bir arka plan ya da altındaki yoğun bir ekran görüntüsünde gövde metni gerçekten okunması zor hale geliyordu. Fotoğrafı iyi çıkan ama işlevi kötü olan bir şey inşa etmiştik, ki bir onboarding akışı için bu neredeyse mümkün olan en kötü takas.
İkinci problem tempoydu. Liquid Glass'ın doğasında hareket var - dokunuşa tepki veriyor, cihazla birlikte kayıyor. Tek bir ekrana yeterince istifleyince göz neyi takip edeceğini bilemiyor. Bir onboarding akışının bilişsel yükü azaltması gerekir, artırması değil, ve ilk taslağımız tam tersini yapıyordu.
Nasıl geri çektik
Düzeltme çoğunlukla çıkarma oldu. Katı bir kural koyduk: materyal her ekranda yalnızca tek bir öğede görünecek, ve her ışık koşulunda okunur kalması gereken gövde metninin arkasında asla olmayacak. Geri kalan her şey - etiketler, ana metin, gerçek talimatlar - düz, yüksek kontrastlı bir yüzeyde oturuyor. Cam, temel katman değil, bir vurgu olarak yerini hak ediyor.
Akışın kendisini de üç ekranla sınırladık. Liquid Glass her tek tek ekranı biraz daha önemli hissettiriyor, bu da her biri artık "kendi başına bir ana değmeye değer" hissettirdiği için akışı daha fazla ekrana yaymayı cazip kılıyordu. Bu tam olarak yanlış içgüdü - bir ekrana ağırlık katan bir materyal, daha az ekran istemeni sağlamalı, daha fazlasını değil. Üç ekran bizi gerçek bir iş yapmayan her şeyi kesmeye zorladı: biri Voisary'nin ne yaptığı için, biri kayıt izni için, biri tek bir ilk eylem için.
Yan yana görünce önce-sonra farkı hiç de ince değil. Erken versiyon bir materyal vitrini gibi görünüyordu. Şimdiki versiyon, önemli olduğu yerde güzel bir materyal kullanan ve geri kalan her yerde yolun dışına çekilen bir uygulama gibi görünüyor.
Kendimize daha erken söyleyeceğimiz şey
Böyle bir materyali baharat gibi ele al, temel değil. Dikkatin bir an için yavaşlaması gereken yerde ortaya çıkmalı - bir hero anı, tek bir odak kartı - ve okunabilirlik ya da hızın atmosferden daha önemli olduğu her yerde kaybolmalı. Elindeki yeni oyuncağı bulunduğu her yerde kullanma içgüdüsü normal ve neredeyse her zaman yanlış. Voisary'nin yayınlanan onboarding versiyonu Liquid Glass'ı her ekranda tam olarak tek bir yerde kullanıyor, ve bu sayede daha iyi okunuyor.