Tasarımda Ayrıntılara takıntılıyız!

Arayüzün herkese benzer bir deneyim sunmasını sağlayarak kullanıcıların içeriğin kalitesini bozmadan ihtiyaçlarına uygun bir şekilde görevlerini yerine getirebilmelerini sağlamak.

İster koşullar, ister tercihler, ister bağlam nedeniyle olsun, insanlar çeşitlidir. İnsanlar arayüzleri okumak ve kullanmak için farklı yaklaşımlar ve araçlar kullandıklarından, arayüzün her kullanıcıya sunduğu değer, kalite ve verimlilik açısından karşılaştırılabilir olmalıdır.

Örnekler

• Alternatifler için içerik: Alt metin, transkript, sesli açıklama veya işaret dili gibi temel bir alternatifin olması, içeriği erişilebilir hale getirir, ancak eşdeğer olması için orijinalin özünü yansıtması gerekir.
• Ergonomik özellikler: Senkronize kapalı altyazılar sağlamak, videonuzu erişilebilir hale getirir. Ancak bunları özelleştirilebilir, renk kodlu ve yeniden konumlandırılabilir hale getirmek, daha karşılaştırılabilir bir deneyim sunar.
• Bildirimler: Arayüzde görünen bildirimler görsel olarak belirgindir, ancak ekran okuyucu kullanıcıları tarafından proaktif olarak keşfedilmeleri gerekir. Kör kullanıcılar için benzer bir deneyim, canlı bölge kullanılarak sağlanabilir. Bu durumda bildirim, kullanıcının açık bir eylemde bulunmasını gerektirmez.

İnsanlar arayüzü farklı durumlarda kullanır. Arayüzün, koşulları ne olursa olsun insanlara değerli bir deneyim sunmasını sağlamak

İnsanlar ilk kez kullananlar, deneyimli kullanıcılar, işyerinde kullananlar, evde kullananlar, hareket halinde kullananlar ve baskı altında kullananlar olarak sınıflandırılabilir. Tüm bu durumlar bir etkiye sahip olabilir. Engelliler gibi etkileşimi zaten zor bulanlar için bu etki, kullanımı özellikle zor hale getirebilir.

Örnekler

• Renk kontrastı: Dış mekanda bir arayüz kullanırken, iyi kontrast parlak güneş ışığının etkisini azaltır.
• Bağlam duyarlı yardım: Kullanıcılar, karmaşık bir form veya etkileşimle ilk kez karşılaştıklarında yardıma ihtiyaç duyabilirler. Kullanıcı form veya etkileşime daha aşina hale geldikçe bu yardım gereksiz hale gelebilir, hatta dikkatini dağıtabilir. Bağlam duyarlı yardım, kullanıcıya yardıma ne zaman erişeceği konusunda seçim hakkı ve sayfa üzerinde daha iyi kontrol sağlar.
• Hareket halindeyken altyazılar: Sağladığınız video içeriğinin mobil cihazlarda izleneceğini biliyorsunuz. Bu cihazlar, insanların antisosyal davranışlarda bulunmadan içeriği izlemeyi tercih edebilecekleri kamusal alanlarda kullanılabilir. Daha küçük görüntüleme alanlarında ses varsayılan olarak kapatılır ve altyazılar etkinleştirilir.

Tanıdık kuralları kullanarak ve bunları tutarlı bir şekilde uygulamak

Tanıdık arayüzler, yerleşik kalıplardan yararlanır. Bunlar, anlamlarını ve amaçlarını pekiştirmek için arayüz içinde tutarlı bir şekilde kullanılmalıdır. Bu, işlevsellik, davranış, editoryal ve sunum için geçerli olmalıdır. Aynı şeyleri aynı şekilde söylemeli ve kullanıcılar da aynı şeyleri aynı şekilde yapabilmelidir.

Örnekler

• Tutarlı tasarım kalıpları: Tanıdık/bilinen ve anlayış oluşturmaya yardımcı olmak için tutarlı web ve platform tasarım modelleri kullanın
• Tutarlı editoryal: Ekran okuyucu kullanıcılarının güvendiği metin alternatifleri, başlıklar, düğme etiketleri vb. dahil olmak üzere tüm platformlarda tutarlı bir dil kullanın. Makalelerin başında her zaman açıkça belirtilmiş bir özet paragrafı bulunmasını sağlamak veya madde işaretlerinin her zaman kalın yazılmış bir tanımla başlamasını sağlamak gibi, editoryal stilin tutarlılığını korumak da önemlidir.
• Tutarlı sayfa mimarisi: Şablonlar arasında tutarlı bir sayfa mimarisi kullanarak, kullanıcıların önemli içeriği taramasına ve gezinmesine yardımcı olun.

İnsanların kontrolü elinde tutmasını sağlamak. İnsanlar içeriklere tercih ettikleri şekilde erişebilmeli ve etkileşim kurabilmelidir.

Yönlendirme, yazı tipi boyutu, yakınlaştırma ve kontrast gibi standart tarayıcı ve platform ayarlarını değiştirme özelliğini engellemeyin veya devre dışı bırakmayın. Ayrıca, kontrol etme imkanı olmadığı sürece, kullanıcı tarafından başlatılmayan içerik değişikliklerinden kaçının.

Örnekler

• Kaydırma kontrolü: ‘Sonsuz kaydırma’ özellikle klavye ile gezinme yapan kullanıcılar için sorun yaratabilir, çünkü yenilenen içerik akışını geçemezler. Bu özelliği kapatma ve yerine ‘daha fazla yükle’ düğmesi ekleme seçeneği sunun.
• Durdur şunu: Bazı kullanıcılar animasyonların veya paralaks kaydırmanın mide bulantısına neden olduğunu düşünürken, diğerleri ise bunların dikkat dağıtıcı olduğunu düşünür. Otomatik olarak oynatıldıkları durumlarda, en azından göze çarpan oynatma kontrolleri sağlayarak kolayca durdurulabilmeleri gerekir.
• Yakınlaştırmaya izin ver: Bir kullanıcının dokunmatik cihazında sıkıştırarak yakınlaştırma hareketini kullanmak istemesinin birçok nedeni olabilir. Bu hareketin engellenmediğinden ve kullanıldığında içeriğin gizlenmediğinden emin olun.

İnsanların görevleri tamamlamaları için farklı yollar sunmayı düşünün, özellikle karmaşık veya standart olmayan görevler için.

Örnekler

• Bir eylemi tamamlamanın birden fazla yolu: Uygun olduğunda, bir eylemi tamamlamak için birden fazla yol sunun. Mobil cihazlarda, bir öğeyi silmek için kaydırma hareketi, öğeleri seçip silmenizi sağlayan bir düzenleme düğmesi ile birlikte desteklenebilir. Bunun bir örneği iOS postadır.
• Düzen (layout): Uzun içerik listeleri varsa, ızgara veya liste düzeni seçeneği sunmayı düşünün. Bu, ekranda daha büyük resimler veya daha küçük satırlar isteyen kullanıcıları destekler.
• Erişilebilir alternatifler: Bilgi grafikleri için veri tabloları gibi alternatif veri sunum yöntemleri, ekran okuyucu kullanıcıları için gizli bir bağlantı olarak değil, tüm kullanıcılar için bir seçenek olarak sunulmalıdır. Erişilebilir alternatifler, seçim imkanı sunduğumuz sürece yalnızca belirli bir hedef gruba değil, tüm kullanıcılara fayda sağlayabilir.

Kullanıcıların içerik ve düzen içinde önceliklendirerek temel görevlere, özelliklere ve bilgilere odaklanmalarına yardımcı olmak.

Örnekler

• Göreve odaklanma: Özellikleri ve içeriği tek seferde değil, gerektiğinde aşamalı olarak ortaya çıkarın.
• Görevlere öncelik verme: Bir e-posta uygulaması temel olarak e-posta yazmak ve okumak içindir. Bu nedenle, “yaz” düğmesi tüm ekranlarda bulunur ve odak sırasının başında yer alır. Gelen kutusu, “gönderilenler” ve “spam” mesajları gibi diğer e-posta listelerine göre önceliklidir. E-postaları etiketleme veya klasörlere düzenleme gibi daha az kullanılan özellikler, odak sırasının ilerleyen kısımlarında yer alır, çünkü bunlar genellikle e-postayı okuma gibi birincil görev tamamlandıktan sonra kullanılır.
• İçeriğe öncelik verme: Bir haber makalesi sayfasındaki birincil içerik haberdir, bu nedenle hem görsel olarak hem de kaynak sırasına göre diğer içeriklerden önce gelmelidir. Benzer makaleler gibi ilgili içerikler bunu takip etmeli, ilgisiz içerikler ise bundan sonra gelmelidir.
• Editörün önceliklerini belirleme: Bağlantılar, başlıklar ve düğmeler için editörler, sade bir dil kullanmalı ve öncelikli metni ilk sıraya koymalıdır. Bu, hem görünür hem de gizli metinler için geçerlidir. Bu, metnin ekran okuyucu kullanıcıları için hem görsel hem de işitsel olarak kolayca taranmasını sağlar. Sade dil, ana dili İngilizce olmayanlar için de faydalıdır ve çevirisi daha kolaydır.

Özelliklerin değerini ve farklı kullanıcıların deneyimini nasıl iyileştirdiğini düşünmek.

Örnekler

• Bağlı cihazlar veya ikinci ekran ile entegrasyon: Sesli arayüzleri kullanarak multimedya kontrolü, içerik arama, müzik veya TV çıkışı, diğer arayüzleri kullanmakta zorlanan kişiler için değer katmaktadır.
• Platform API’leri ile entegrasyon: Platform özelliklerini kullanarak işlevselliği artırın. Titreşim API’si, işitme engelli ve işitme güçlüğü çeken kişiler için bildirimleri daha kullanışlı hale getirirken, coğrafi konum API’si hareket engelli kişilerin konum tabanlı hizmetleri daha kolay kullanmasını sağlar.
• Görevleri daha kolay tamamlayın: Kullanıcıların metni doğru girdiklerini doğrulayabilmeleri için giriş alanlarına bir “Şifreyi göster” düğmesi ekleyin veya şifre korumalı alanlar için dokunmatik kimlik doğrulama özelliği ekleyin.