Telefonda bir sitenin menüsünü açtınız. Yanında küçük bir ok olan bir kategori var. Ona mı dokunacaksınız, yazıya mı? Sayfa mı açılacak, alt menü mü? Bu küçük tereddüt, ziyaretçinin sitede kaybolmasının en sessiz yollarından biri. Smashing Magazine’in 23 Ekim tarihli yazısı, bu tereddüdün merkezindeki küçük detaya bakıyor: akordeon ikonu olarak hangi simge gerçekten işe yarıyor?
Akordeon nedir, neden önemli?
Akordeon, başlığa dokununca altındaki içeriğin açılıp kapandığı bölümdür. Sitenizde büyük ihtimalle iki yerde var: sık sorulan sorular listesinde ve mobil menüde. İkisi de işletme siteleri için kritik. İlki ziyaretçinin itirazlarını giderir, ikincisi onu doğru sayfaya taşır.
Yazı, Nielsen Norman Group’un (kullanıcı deneyimi araştırmasıyla tanınan bir kuruluş) akordeon ikonları üzerine yaptığı bir çalışmaya dayanıyor. Yazıda kesin yüzdeler yok, bulgular nitel olarak aktarılıyor. Ama çıkan tablo net.
Akordeon ikonu araştırması ne gösteriyor?
Birkaç bulgu öne çıkıyor:
- İkonu olmayan bir menü satırı, ziyaretçiye “buna dokununca yeni sayfa açılır” izlenimi veriyor.
- Özel çizilmiş, yaratıcı ikonlar çoğu zaman akordeon düğmesi olarak tanınmıyor.
- Katılımcılar çoğunlukla ikona ve yazıya yaklaşık eşit sıklıkta dokunmuş. Tek istisna aşağı bakan ok: ona dokunanlar yazıya değil, doğrudan ikona dokunmuş.
- Sağa bakan bir ok “başka sayfaya git” demiyor, aşağı bakan bir ok da her zaman “burası açılır” demiyor.
- Artı işareti de ok da fazla yük taşıyor. Artı; ekleme, kaydetme ya da yakınlaştırma anlamına gelebilir. Ok ise kaydırmayı, sonraki sonucu ya da sayfa geçişini çağrıştırabilir.
Kısacası akordeon ikonu seçimi bir süs işi değil, ziyaretçiye “buraya dokunursan ne olur?” sorusunun cevabını veren bir işaret.
Akordeon ikonu için 5 kural
Yazının önerilerini sade bir listeye çevirdik:
- Sayfaya giden bağlantıyı altı çizili yazın, ikon eklemeyin. Ok ya da başka simge koymadan altı çizili bir yazı, “tıklayınca sayfa açılır” demenin en açık yolu.
- Açılır bölümler için aşağı bakan ok kullanın. Bölüm açılınca yukarı ya da yana dönebilir. Yazı bunu en güvenli akordeon ikonu olarak öneriyor.
- Bölünmüş düğmeden kaçının. Yazı bir sayfaya gidiyor, ikon ise menüyü açıyorsa ziyaretçi neye dokunduğunu kestiremez. Bunun yerine tüm satır menüyü açsın, kategori sayfasına giden bağlantı menünün içinde yer alsın.
- Her satıra ok koymayın. Sadece açılan öğeler ikon taşısın, düz bağlantılar taşımasın.
- Ok uymuyorsa artı ve eksi kullanın. Çalışır, ama ok kadar net değildir.
Yazıda örnek olarak, ek ok kullanmayan ve her bölümün içine “Genel bakış” bağlantısı koyan bir lojistik şirketinin menüsü gösteriliyor.
Akordeon ikonu ve dokunma alanı
Araştırmanın küçük ama önemli bir dersi var: ikon seçimi yalnızca görünüşü değil, dokunma davranışını da belirliyor. Aşağı bakan ok net olduğu için ziyaretçiler doğrudan ona dokunuyor. Bu yüzden ikonun çevresindeki alanın rahat dokunulacak büyüklükte olması gerekir.
Küçük bir ok çizip yalnızca onu tıklanabilir yapmak, parmakla kullanan ziyaretçiyi yorar. Satırın tamamını dokunulabilir yapmak daha güvenlidir.
İşletmenizin sitesi için ne anlama geliyor?
Kendi sitenizi açın ve iki yere bakın: SSS bölümü ve telefondaki menü. Şu soruları sorun:
- Bölümü açan ikon, ilk bakışta açıldığını anlatıyor mu?
- Menüde aynı satırda hem bağlantı hem açılır ok var mı?
- Her satırın yanında ok olduğu için hangisinin gerçekten açıldığı belirsiz mi?
Sitenizi hem telefonda hem bilgisayarda deneyin, çünkü fare ile parmak aynı şekilde davranmaz. Bilgisayarda fark etmediğiniz bir belirsizlik, telefonda ziyaretçiyi vazgeçirebilir.
İkinci soruya “evet” diyorsanız küçük bir düzenleme bile fark yaratabilir. Bu, yeni bir site yaptırmayı gerektirmez. Çoğu zaman birkaç satırlık bir tasarım ayarıdır. Sıfırdan bir site planlıyorsanız bu ayrıntıların baştan düşünülmesi için kurumsal web sitesi hizmetimize göz atabilirsiniz.
Bu detaylar, sitenizin mobilde nasıl göründüğüyle doğrudan bağlantılı. Telefondan gelen ziyaretçiyi kaybetmemek için mobil uyumlu web sitesi rehberimize bakabilir, var olan sitenizdeki küçük sorunları düzenli olarak yakalamak için de bakım ve destek düzeni kurabilirsiniz.
Sık yapılan hatalar neler?
Küçük işletme sitelerinde en çok şu üç durumla karşılaşılır:
- Her şeye aynı simge: Hem sayfaya giden hem açılan satırlar aynı oku taşır. Ziyaretçi hangisinin ne yaptığını deneyerek öğrenmek zorunda kalır.
- Süslü ama anlaşılmaz simge: Marka dokunuşu için çizilmiş özel bir akordeon ikonu güzel görünür, ama kimse düğme olduğunu fark etmez. Güzellik ile anlaşılırlık yarışırsa anlaşılırlık kazanmalı.
- Açık ve kapalı hâlin aynı görünmesi: Bölüm açılınca ikon değişmezse ziyaretçi neyin açık olduğunu anlamakta zorlanır. Okun yön değiştirmesi bunu çözer.
Bunlar büyük yatırım istemeyen düzeltmeler. SSS bölümünüzü ya da menünüzü bir arkadaşınıza verip “bunu aç” demek bile, hangi simgenin işe yaramadığını hızla gösterir.
Sonuç
Yazı büyük bir devrim anlatmıyor, ama küçük detayların ziyaretçi davranışını nasıl şekillendirdiğini hatırlatıyor. Basit kural: bir kontrol tek iş yapsın. Ya açsın ya gitsin, ikisini birden yapmasın. Akordeon ikonu seçerken en az risk, aşağı bakan ok. Bağlantılar ise altı çizili ve ikonsuz kalsın. Bunları uygulamak çoğu zaman bir saatlik işi bile almaz, ama sitenizi kullanan herkesin işini belirgin biçimde kolaylaştırır.
