Konu Başlıkları
Yükleniyor...

Z Kuşağı İçin Web Tasarımı: Kısa İçerik Değil, Çalışan Arayüz

Z Kuşağına Tasarım: Sadece Mobil, Altyazı ve Erişilebilirlik

Z kuşağı için tasarım denince tavsiye hep aynı yerden başlıyor: kısalt, hızlandır, TikTok'a benzet. Yanlış yerden başlıyor. 1995 sonrası doğanların arayüzden beklediği kısa içerik değil, ilk açılışta çalışan bir deneyim: okunur kontrast, klavyeyle gezilebilen form, varsayılan açık altyazı, mobilde bozulmayan düzen.

Kısa dikkat süresi miti

"Dikkat süresi kısa, o yüzden her şeyi kısalt" tavsiyesi ölçülebilir bir şeye dayanmıyor. Bu kuşak uzun içerik tüketiyor; saatlerce oyun yayını izleyen, forum başlığını sonuna kadar okuyan bir kitleden söz ediyoruz. Sabırsız oldukları yer içerik değil, arayüz: yüklenmeyen sayfa, kapanmayan çerez katmanı, üç adım süren kayıt formu.

Asıl ayırt edici özellik şüphecilik. Reklam diline, abartılı vaade ve yapay zekâ ürünü metne karşı refleksleri hızlı. "Yapay zekâ ile üretildi" etiketi bu kitlede kalite işareti değil, kalitesizlik uyarısı olarak okunuyor. Metni cilalamak yerine iddiaları kaynaklandır, ürünü kusurlarıyla göster, ne yapmadığını da yaz.

Mobil öncelikli değil, sadece mobil

Tüketici ürünlerinde masaüstü trafiği bu kitle için istisna. Tasarım dosyanı önce mobil genişlikte kur, masaüstünü ondan türet. Kurumsal yazılımda durum farklı, orada varsayım yapmadan analitiğe bak.

Mobilde içerik tasarımı için işe yarayan sınırlar var: paragraf başına elli kelime civarı, cümle başına yirmi kelime civarı, ters piramit sırası (önce sonuç, sonra gerekçe), yasal metinlerde sade dille özet. Bunun "kısalt" tavsiyesiyle çelişmediğini görmek gerekiyor. Kısalık cümle düzeyinde işe yarar, metnin tamamı düzeyinde değil. Uzun bir kılavuz kısa cümlelerle yazıldığında mobilde okunur; kısa bir metin yan cümlelerle şişmiş paragraflara sıkıştırıldığında okunmaz.

Yükleme hedefin üç saniyenin altı olsun. Mobil veride bu hedefi belirleyen ilk kalem neredeyse her zaman görsel ağırlığı, yazı tipi sayısı ondan sonra geliyor.

Altyazı kuralları kendi içinde tutmuyor

Videoyu altyazı varsayılan açık gelecek şekilde tasarla. Gerekçe yalnızca işitme engeli değil: gürültülü ortam, kulaklıksızlık, aksana aşina olmama, dilin ana dil olmaması.

Yaygın altyazı kuralları şöyle sıralanıyor: üst satır kırk karakter, alt satır biraz daha az, saniyede yirmi ile otuz karakter, bir sekans bir ile sekiz saniye. Bu dördü aynı anda bağlayıcı olamaz. İki satır toplamda seksen karakter eder, saniyede yirmi karakterlik en yavaş okuma hızında bile seksen karakter dört saniyede biter. Yani sekiz saniyelik üst sınır iki satırlık bir altyazıda hiç devreye girmiyor, karakter bütçesi ondan çok önce doluyor. Pratikte kararı veren iki kural kalıyor: satır uzunluğu ve okuma hızı. Sekiz saniyeyi hedef değil, ekranda unutulan sekansa karşı emniyet kemeri olarak tut.

Geri kalanı düzenleme işi: kişi adını ve unvanını aynı satırda tut, bağlaçtan sonra satır kesme, çok satırlı altyazıyı sola hizala.

Erişilebilirlik varsayılan olarak gelsin

Bu kitlede erişilebilirlik bir uyum maddesi değil, karşılanmadığında şikâyet edilen temel işlev. İhtiyaç duyulanların çoğu tema katmanında bir kez çözülüyor:

  • Metinle arka plan arasında yeterli kontrast
  • Bağlantı bağlantı gibi, düğme düğme gibi görünsün
  • Uzun formlar kısa adımlara bölünsün, hata mesajı alanın yanında dursun
  • Sekme sırası görsel sırayla aynı olsun, odak halkası silinmesin
  • Hareketi azalt tercihine uyan animasyon
  • Koyu ve açık tema
  • Cinsiyet ve kimlik alanlarında serbest metin seçeneği

Bunları sayfa sayfa değil tasarım sisteminin içinde çöz (sonradan takılan erişilebilirlik widget'larını işe yarar bulmuyorum).

Ödül değil yetkinlik

Puan, rozet ve lider tablosu kısa vadede etkileşim üretir. Ödül kaldırıldığında davranış da biter. İçsel motivasyon üç şeye dayanıyor: yetkinlik, özerklik, ilişkililik. Ürün tarafındaki karşılığı basit. Kullanıcıyı ödüllendirmeden önce yapabilir hale getir: gereken bilgiyi ve belgeyi adımdan önce ver, kararları geri alınabilir tasarla, ürettiği şeyin sahibinin kendisi olduğunu arayüzde belli et.

Aynı mantık kaynak göstermeye de uzanıyor. İddianın nereden geldiğini göster, teknik ayrıntıyı gizleme ama okumayı zorunlu da kılma. İlgilenen kullanıcı bir tık ötede bulsun yeter.

Bu tasarım zaten herkes için

Yukarıdaki maddelerin hiçbiri yalnızca bu kuşağa özgü değil. Kontrast, altyazı, kısa form, hızlı yükleme; altmış yaşındaki kullanıcıya da aynı faydayı sağlıyor. Değişen şey beklenti seviyesi. Kapsayıcılık ilk kez bir varsayılan olarak isteniyor, ek özellik olarak değil.

Tasarım sürecine bu kitleden birkaç kişiyi gerçekten dahil et. Onlar için tasarlamakla onlarla tasarlamak arasındaki fark, hazırladığın çözümün kaçının ilk teste kadar hayatta kaldığında görülüyor.