Akıllı Telefon Anatomisi: Tasarımı Gerçekten Ne Değiştirir?
Mobil tasarım rehberlerinin çoğu akıllı telefonu bir bileşen listesi gibi anlatır: ekran, GPS, ivme ölçer, biyometrik sensör. Liste yanlış değil, ama arayüz kararlarının çok azına dokunur. Aşağıda o listenin gerçekten işe yarayan kısmı var, gerisi de neden işe yaramadığıyla birlikte.
İşletim sistemi listesi aslında iki satır
Android ve iOS dışındaki isimler hâlâ pek çok yazıda "niş alternatif" diye geçiyor. Oysa Firefox OS'un ticari macerası 2016'da kapandı, Windows 10 Mobile desteği 2020 başında kesildi, eski BlackBerry cihazların servisleri 2022 Ocak'ında durdu. Listede yaşayan tek isim Sailfish, onun da kullanıcı sayısı bir tasarım kararına gerekçe olacak yerde değil.
Ayrım pratikte işletim sistemi seviyesinde değil, tarayıcı motoru seviyesinde acıtır. iOS'ta yıllarca her tarayıcı WebKit üstünde çalıştı; Avrupa'daki düzenlemeyle bu zorunluluk gevşedi ama sahadaki cihazların ezici çoğunluğu hâlâ WebKit'le geliyor. Yani "Chrome'da çalışıyor" cümlesi iPhone için bir şey söylemez.
Donanımdan tasarıma gerçekten geçen ne var
Birincisi dokunma alanı ölçüsü. Apple'ın kılavuzu en az 44x44 punto, Google'ın Material kılavuzu 48x48 dp önerir. Sayılar farklı görünüyor, fiziksel karşılıkları neredeyse aynı: sırasıyla yaklaşık 6,9 ve 7,6 milimetre. Butonun görünen boyutu bundan küçük olabilir, dokunulabilir alanı olamaz.
İkincisi ekran teknolojisi, ama sanıldığı yerden değil. Koyu tema OLED panelde siyah pikselin hiç ışık üretmemesi sayesinde gerçekten pil kazandırır; arkadan aydınlatmalı IPS ekranda aynı tasarım pil tarafında hemen hemen hiçbir şey yapmaz. "Koyu tema tasarruf sağlar" cümlesi bu yüzden yarım doğrudur ve hangi cihazda konuştuğunuza bağlıdır. Kontrast ve okunabilirlik tarafındaki kazanç ise panelden bağımsız durur.
Üçüncüsü sensörler. İvme ölçer ve jiroskop demoda etkileyici görünür. Bir arayüzün asıl etkileşimini bunlara bağlamam: sallama ya da eğme hareketinin ekranda hiçbir izi kalmaz, kullanıcı varlığını keşfedemez, motor becerisi kısıtlı olan kişiyi de doğrudan dışarıda bırakır. Oyunda, ölçüm uygulamasında, kamera hizalamasında yeri var. Bir form ekranında yok.
Responsive, ekran genişliğinden ibaret değil
Kırılma noktası ayarlamak responsive tasarımın kolay kısmıdır. Sahada bozan şeyler daha sinsi: klavye açıldığında görünür alanın yarıya inmesi, çentik ve alt gezinme çubuğu için bırakılması gereken güvenli alan, adres çubuğunun kaydırmayla gizlenip 100vh hesabını şaşırtması. Bunların hiçbiri medya sorgusuyla çözülmez; sırasıyla env(safe-area-inset-*) ve dvh birimi gibi araçlar ister.
Tek el kullanımı da ölçü meselesidir. Altı inçin üstündeki bir telefonda başparmağın zorlanmadan eriştiği bölge kabaca ekranın alt yarısıdır. Birincil eylemi sağ üst köşeye koyan tasarım, o düğmeye her basışta kullanıcıya cihazı avucunda kaydırtır. Üst köşe, geri dönülmesi zor işlemler için iyi bir yerdir; sık kullanılan eylem için değil.
Platform kılavuzlarının hangi kısmı
iOS için Human Interface Guidelines, Android için Material Design. İkisini baştan sona okumak gerekmiyor, navigasyon ve geri davranışı bölümleri işin çoğunu görür. Android'de sistem düzeyinde bir geri hareketi vardır ve kullanıcı onu bekler; iOS'ta aynı işi ekranın solundan kaydırma yapar. Bu ikisini karıştıran uygulama, kullanıcının en otomatik hareketini kırar ve bunu kimse hata olarak bildirmez, sadece uygulamayı kapatır.
Donanım tablosu ezberlemek yerine cihazı bir gün gerçekten kullanmak daha çok şey öğretir: tek elle, güneş altında, zayıf bir bağlantıyla. Rehberlerdeki bileşen listesinin hangi satırının tasarıma dokunduğu o zaman kendiliğinden ayrışır.