iOS'ta Sorgulanmayı Hak Eden 4 Arayüz Deseni

Apple'ın arayüz rehberi geniş kabul görüyor, ama içindeki her kalıp kullanıcı testinden aynı notla çıkmıyor. Aşağıdaki dördü sahada düzenli olarak tökezliyor. Her biri için yerine ne konacağı da yazılı.

1. Sayfa noktaları tek başına gezinme aracı değil

Karusellerin altındaki yatay noktalar iki iş yapmaya çalışıyor: kaç sayfa olduğunu söylemek ve hangisinde olduğunuzu göstermek. İkisini de zayıf yapıyorlar. Görsel üstüne binen noktalar kayboluyor, sayı dörtten sonra okunmaz hale geliyor, dokunma hedefi olarak da fazla küçük kalıyorlar.

Yapılacak şey basit: noktayı gösterge olarak bırakın, gezinmeyi ona bağlamayın. Kaydırılabilirliği anlatmanın en güvenilir yolu bir sonraki kartın kenarını ekranda bırakmak. Kırpılmış kart, hem “devamı var” der hem de parmağın nereden tutacağını gösterir. Nokta kalacaksa arkasına yarı saydam bir zemin koyun, aktif ve pasif nokta arasındaki farkı yalnızca opaklıkla değil boyutla da kurun.

Ana gezinme ya da bir özelliğe tek erişim yolu asla noktalarda durmasın. Karusel yardımcı bir bileşen; kullanıcının bulması gereken şey oradaysa büyük ihtimalle yanlış yerde duruyor.

2. Gönder butonunu ekranın üstüne koymayın

Form dolduran kullanıcı en alta geldiğinde işlemi bitirecek butonu orada arıyor. iOS'ta bu buton sıklıkla üst çubukta, yani kullanıcının çoktan geride bıraktığı yerde duruyor. Uzun formlarda bu, tamamlanmış bir formun başına dönmek demek.

Butonu formun sonuna koyun. Alanların çok olduğu ödeme ya da kayıt akışlarında alta sabitlenmiş bir çubuk kullanın.

Sabit alt çubuğun uygulama tarafında bir bedeli var, tasarım kararını verirken bunu hesaba katın: klavye açıldığında çubuğun klavyenin üstüne çıkması gerekiyor, ana kaydırma alanının alt boşluğunun buton yüksekliği kadar artması gerekiyor, altta ev göstergesi olan cihazlarda güvenli alan payı ekleniyor. Üçü de atlanınca ortaya klavyenin altında kalan ya da son alanı kapatan bir buton çıkıyor. Statik bir maketten bu görünmüyor, cihazda görünüyor.

3. Artı ikonu ne yaptığını söylemiyor

Aynı artı işareti bir ekranda yeni kayıt oluşturuyor, diğerinde listeyi genişletiyor, bir başkasında gruba katılma isteği gönderiyor. İkonun kendisi kötü değil; sorun, tek bir simgeye birbirine benzemeyen işler yüklenmesi.

Üst çubukta, ekranın ana nesnesine “yeni ekle” anlamında kullanıldığında artı iyi çalışıyor. Kullanıcı bu kalıbı başka uygulamalardan tanıyor. İçerik akışının ortasında, bir satırın sağ ucunda göründüğünde tanıdıklık kayboluyor.

• Bir şey açılıyor, genişliyorsa ok veya > kullanın.
• Bir işlem tetikleniyorsa metinli buton kullanın; “Üye Ekle” iki kelime yer kaplar, artı ise bir soru işareti bırakır.
• Aynı simge uygulamanın her yerinde aynı işi yapsın. İki farklı iş yapıyorsa ikisinden biri yanlış simgede.

4. Taşıma tutamağı ve “doğrudan sürükleyin” tavsiyesinin sınırı

Üst üste üç çizgi olarak çizilen taşıma tutamağının iki sorunu var: hamburger menü simgesiyle neredeyse aynı görünüyor ve çoğu uygulamada dokunulamayacak kadar küçük çiziliyor. Apple'ın kendi rehberi dokunma hedefi için 44x44 pt'lik bir alt sınır veriyor; tutamak 20 piksellik bir çizim olarak yerleştirildiğinde bu sınırın altında kalıyor, üstelik sıralama listenin en sık ıskalanan etkileşimi haline geliyor.

Buradan çıkan yaygın tavsiye şu: tutamağı kaldırın, kullanıcı satırı doğrudan basılı tutup sürüklesin. Bu tavsiye kısmen doğru, ama olduğu gibi uygulanırsa iki yeni sorun getiriyor.

Birincisi, satırın kendisi zaten bir işe basılı: dokununca detay açılıyorsa, uzun basma da sıralamaya giderse kullanıcı listeyi kaydırırken yanlışlıkla sıralama moduna düşüyor. İkincisi ve daha önemlisi, görünür tutamağı tamamen kaldırmak sıralama özelliğini keşfedilemez yapıyor. Ekran okuyucu kullanan biri için durum daha net: sürükle bırak jesti tek başına erişilebilir bir yol değil, tutamak ise odaklanılabilir ve etiketlenebilir bir öğe. VoiceOver'da “Yukarı taşı” gibi özel eylemler tanımlamak, o tutamağın varlığına dayanıyor.

Doğru çözüm tutamağı silmek değil, düzeltmek. Simgeyi hamburgerden ayırın; iki yönlü ok ya da nokta ızgarası ikisini karıştırmıyor. Çizimi küçük bırakıp dokunma alanını büyütün, ikisi aynı şey değil. Düzenleme moduna geçildiğinde tutamağı belirginleştirin, normal modda satırın kendi işine dokunmayın.

Kuralı ne zaman esnetirsiniz

Bir kalıbın rehberde yer alması onu doğru yapmıyor, ama yaygın olması da bedava bir avantaj sağlıyor: kullanıcı o kalıbı başka uygulamalarda öğrenmiş halde geliyor. Rehberden ayrıldığınızda bu avantajı bırakıyorsunuz, yerine ölçülmüş bir kazanç koymanız gerekiyor.

Ölçüt de sabit: elinizde o ekrana ait bir test kaydı, bir hata oranı, bir destek talebi yığını varsa esnetin. Yoksa varsayılanda kalın. Dördü de yukarıda tarif edildiği gibi kırılıyor çünkü hepsinin arkasında tekrar tekrar görülen aynı davranış var, tasarımcının tercihi değil.