İşlevsel Görsel (Functional Image) Nedir?

Ürün sayfasındaki kalbe dokununca ürün favorilere eklenebilir. Erişilebilir adı yalnızca kalp olarak okunan düğme, kullanıcıya dokunduğunda ne olacağını anlatmaz. İşlem tamamlandığında düğme aynı noktada kalır ama işlevi favorilerden çıkarma olarak değişebilir. Düğmenin adı ve durumu birlikte değerlendirilir. Aynı tasarımdaki kalp müşteri yorumunda beğeni vermeye yarıyorsa ürün kartındaki metni aynen kopyalamak doğru olmaz. Sembolü görmeden bile hangi işlem yapılacağının anlaşılması amaçlanır.

Bir mağazanın üst menüsündeki logo ana sayfaya götürebilir. Alt bölümdeki aynı logo yalnızca şirketi tanıtmak için durabilir. İlk kullanımda bağlantının erişilebilir adı ilgili hedefi anlatmalıdır. Aynı bağlantının içinde mağaza adını ve hedefini zaten açıklayan bir metin varsa logonun da aynı şeyi seslendirmesi gereksiz tekrar yaratabilir. Logonun yüklenemediği durumda düğmenin veya bağlantının hâlâ anlaşılabilir olması, tasarımın hem klavyeyle hem ekran okuyucuyla değerlendirilmesini kolaylaştırır.

Dört ürün içeren bir sepetin her satırında tek bir çöp kutusu simgesi olduğunu düşünün. Bir ekran okuyucu art arda dört kez sil düğmesi okuyorsa kullanıcının hangi ürünü kaldıracağını anlaması güçleşir. İşlevsel isim gerektiğinde ürün adını ya da ilgili satırın bağlamını içerir. Ekip gerçek bir sipariş vermeden bir deneme sepetinde düğmeler arasında gezebilir. Düğme adları anlamlı sırada okunuyor ve görsel kapatıldığında görev hâlâ seçilebiliyorsa yapılan düzeltmenin etkisi gözlemlenebilir.

Simgeleri hazırlayan tasarımcı kullanım yerini not edebilir. Sepet düğmesi içindeki küçük bir kilit yalnızca süsleme görevi görürken ödemede kilit simgesi hesabın kapalı olduğunu bildiren tek işaret olabilir. İlgili metni yazan kişi dekoratif görselin hangi bağlamda anlam taşıdığını bilirse hem tekrarı önler hem de gerekli işlem bilgisini kaybetmez. Aynı kontrol ürün galerisi ve paylaşım düğmelerinde de tekrarlanabilir.