Tasarımlarınızı nasıl daha sezgisel hale getirebilirsiniz?

Tasarımlarınızı nasıl daha sezgisel hale getirebileceğinizi merak ediyorsanız veya neden daha minimalist bir tasarımı tercih etmeniz gerektiğini merak ediyorsanız, seri konum efektine dönün. Bu, kullanımı kolay ve kullanıcılarınızın dikkat süresi ve bellek kapasitesi için optimize edilmiş ürünler tasarlamanıza yardımcı olan bir tasarım ilkesidir.

Instagram uygulamasında “ev” butonunun nerede olduğunu hiç düşündünüz mü? Hiçbir sayfanın üst kısmındaki bir bannerda öne çıkan bir indirim fark ettiniz mi?

Tüm bu sorulara “hayır” yanıtı verdiyseniz, çoğunluktasınız. Bu kullanıcı deneyimlerinin tümü, daha az düşünebilmeniz ve daha fazla kullanabilmeniz (veya satın alabilmeniz) için tasarlanmıştır. Peki nedir bu tasarım ilkesi? Pratikte nasıl görünüyor?

1. Seri konum etkisi nedir?

Seri pozisyon etkisi, bir kullanıcının bellek bir dizi bilgi konumu ile nasıl etkilendiğini açıklamaktadır. Esasen, bir kişinin bir listedeki ilk ve son öğeleri, listenin ortasındaki öğelerden daha kolay hatırlama eğilimidir.

Yenilik etkisi

Yenilik etkisi, bir kullanıcının bir listenin başında sunulan bilgileri daha sonra sunulan bilgilerden daha iyi hatırlamasıyla sonuçlanan bilişsel bir önyargıdır. Bu etki, öğelerin daha hızlı sunulmasıyla azaltılabilir ve öğelerin daha yavaş sunulmasıyla geliştirilebilir. Psikologlar, bir listenin başında sunulan öğelerin daha fazla işlem gerektirdiğinden uzun süreli bellekte etkili bir şekilde saklandığına inanırlar.

Üstünlük etkisi

Öncelik etkisi, kullanıcıların bir listenin sonundaki öğeleri en iyi şekilde hatırlamalarına neden olan başka bir bilişsel önyargıdır. Bu etki, listenin sonu ile bellek geri çağırma istemi arasındaki görevlere müdahale edilerek azaltılabilir. Psikologlar, bir listenin sonundaki öğelerin, bir kişiden onu hatırlaması istendiğinde hala çalışan bellekte bulunduğunu teorileştirir. Başka bir teori, zamansal bağlamın bir erişim ipucu olarak kullanılabileceğini öne sürüyor .

2. Seri konum etkisi UX’te nasıl bir fark yaratır?

Kullanıcıların kısa süreli belleğinin sınırlarını anlamak, bir uygulamanın kullanılabilirliğine önemli ölçüde yardımcı olabilir. Çoğu kullanıcının nispeten kısa bir dikkat süresi vardır. Yalnızca birkaç öğe veya gruplandırılmış seçenekler içeren menüleri kullanarak, kullanıcıların bir web sitesinde daha hızlı gezinmesine veya bir ürünü hızlı ve kolay bir şekilde seçmesine yardımcı olabilirsiniz.

UX tasarımınızda seri konum efektini şu şekilde kullanabilirsiniz:

En önemli öğeleri bir listenin başına veya sonuna (yani bir gezinme menüsünde) ve daha az önemli öğeleri ortaya yerleştirme.

En alakalı bilgileri görünür tutun, böylece kullanıcılar onu aramak zorunda kalmazlar veya bulmak için birden fazla seçenek arasında gezinirler. Örneğin, fotoğraf düzenleme uygulamalarındaki cetveller ve video oyunlarındaki haritalar daha sık kullanılan özellikler olabilir, bu nedenle onları görünür tutmak genel UX’i iyileştirecektir.

Seri konum etkisi, kullanıcı araştırmanızı da etkileyebilir. Anketler yürütürken, özellikle de insanların uzun bir listeden seçim yapması gerekiyorsa, önceliği ve yeniliği aklınızda bulundurun. Yapabiliyorsanız, bu etkilerin neden olabileceği olası hatayı geçersiz kılmak ve her anket yanıtı için uzun listeleri karıştırın.

3. Seri konum efekti, kullanıcı arayüzünde nasıl bir fark yaratır?

Seri konum efektini kullanıcı arayüzü tasarımınıza entegre ederek uygulamanızı, oyununuzu veya web sitenizi çok daha işlevsel ve kullanımı kolay hale getirebilirsiniz. Çoğu kullanıcının küçük bir kısa süreli hafıza bankası vardır. Çoğu durumda, kullanıcının beyin gücünün bir satın alma kararı vermek, içerik tüketmek ve bir menüden bir öğe seçmek yerine kullanıcı yolculuğunun diğer yönleri için kullanılması daha iyidir. Aslında, kullanıcılar belirli bir dijital ürünün gezinmek için bu tür bir çalışmayı gerektirdiğini fark ederse, büyük olasılıkla deneyimden vazgeçer veya bir rakibe geçerler.

Örneğin, yüksek trafik butonlarını her sayfada aynı yere yerleştirerek ve tutarlı simgeler kullanarak, kullanıcıların daha sık tamamladıkları görevleri ezberlemelerine yardımcı olabilirsiniz. Artık Instagram veya Twitter’da “ana sayfa” dbutonunun nerede olduğunu düşünüyor musunuz? Bunlar, normal kullanıcılar için otomatik hale gelen eylemlerdir ve diğer platformlarda kullanılan tanıdık bir kavram olduğundan (aksi halde zihinsel model olarak da bilinir ) diğerleri için nispeten sezgiseldir .

Kullanıcı arayüzü tasarımınızda seri konum efektini şu şekilde kullanabilirsiniz:

Gezinme gibi temel eylemleri ezberlemek için en solda veya en sağda konumlandırma. Bu konumlandırmanın baştan sona tutarlı olmasına yardımcı olacaktır.

Menülerinizi mümkün olduğunca kısa tutun – ideal olarak, üç ila beş öğeden daha fazla değil.

Sayfanın hem üstüne hem de altına satış, sosyal kanıt ve ana odak noktaları gibi harekete geçirici mesajlar ve önemli bilgiler yerleştirin.

4. Seri pozisyon etkisi pratikte nasıl görünüyor?

Kullanıcı tanımayı teşvik eden tekrarlayan ipuçlarını kullanma

Bir uygulama veya oyun boyunca aynı simgeleri ve sesleri kullanmak, kullanıcının ekstra çaba harcamadan temel işlevleri geri çağırmasına yardımcı olur.

Bu neye benziyor

-Görev çubukları

-Tutarlı vaka ve efekt sesleri

-Video oyunlarında haritalar

-Yarış oyunlarında hız göstergeleri

Örnekler

Need for Speed’in hız göstergesi, en solda bir harita ile birlikte her zaman sağda görüntülenir.

Ve Super Mario Party, kullanıcılar altın para topladıklarında özel bir altın para sesi kullanır.

En önemli bilgilerin başında ve sonunda vurgulanması

En önemli bilgileri bir sayfanın, kılavuzun veya listenin başına ve sonuna koymak, kullanıcıların önemli noktaları hatırlamalarına yardımcı olacaktır.

Bu neye benziyor

-Kılavuzların başındaki ve sonundaki özetler

-En önemli bilgilerin en üstte ve en altta yer aldığı satış sayfaları

-İlk sayfada önemli bilgileri gösteren yazılım güncelleme özetleri

Örnekler

Netflix’in satış sayfası, hem vurgulanmış hem de sayfanın en sağ tarafında konumlandırılmış en pahalı seçeneğini sunuyor.

Netflix’in satış sayfası, özellikleri ve fiyatlarıyla birlikte üç plan seçeneği gösterir

Adobe’nin Creative Cloud satışı, hem ana resimde hem de gezinme menüsünün üzerindeki mavi başlıkta sayfanın üst kısmında belirgin bir şekilde öne çıkar.

Adobe’nin ana sayfasında, sayfanın üst kısmında bir gezinme çubuğunun üzerinde, satışı da içeren bir kahraman resmi bulunan bir satış başlığı gösterilir.

Listeleri 3-4 öğeye indirgemek

Kullanıcılara 4’ten fazla öğe sunduğunuzda, listenin ortasındaki herhangi bir şey muhtemelen üzerlerinde kaybolacaktır. Kısa ve güzel tut.

Bu neye benziyor

-Basit gezinme menüleri

-Minimalist gezinme çubukları

-Sınırlı paket seçenekleri

Örnekler

Airbnb, merkezde belirgin bir şekilde gruplandırılmış yalnızca üçüyle beş menü seçeneği sunar. Covid-19 pandemisinin bir sonucu olarak, “Çevrimiçi Deneyimler” seçeneği (bu yazı itibariyle) sağda gösteriliyor – muhtemelen performansını artırmak için.

Spotify beş menü seçeneği sunar, ancak yine de üçünü daha belirgin şekilde gruplandırır.

Çok kullanılan ve önemli eylem öğelerini tamamen solda veya sağda tutun.

En popüler olarak kullanılan görevler, kullanıcıların gezinmesini kolaylaştırmak için kolayca erişilebilir, tutarlı bir şekilde aynı konumda ve bir menünün başında veya sonunda olmalıdır.

Bu neye benziyor

-Görev çubuğunun sol tarafındaki ana sayfa butonları

-Sağ tarafta konumlandırılmış profil butonları

-Örnekler

Instagram, trafiği yoğun olan görev butonlarını en sol ve en sağ tarafa yerleştirdiler. Yaratıcı oldular ve zaten dolu olan alt görev çubuğunda yer kazanmak için sağ üst köşeye “doğrudan mesaj”  butonunu yerleştirdiler.

Twitter’ın görev çubuğu benzerdir, “ana sayfa” butonunu en solda ve “doğrudan mesaj” butonunu en sağda tutar.

5. Önemli çıkarımlar

Bu paragrafta, pratikte seri konum etkisini görüyorsunuz! Bir sonraki kullanıcı deneyiminiz veya kullanıcı arayüzü tasarımınız için bu teori hakkında hatırlamanız gerekenler hakkında konuşalım. Seri konum efekti, kullanıcıların bir listenin başındaki ve sonundaki öğeleri en iyi hatırlayacağını basitçe özetler.

En önemli öğeleri bir listenin başına veya sonuna yerleştirerek seri konum efektini tasarımlarınızda kullanabilirsiniz. Dikkat çekmek için bu öğeleri sayfanın en soluna, en sağına, üstüne veya altına yerleştirin. Listelerinizi kısa tutun ve uygulamanız boyunca aynı konumdaki simgeleri tutarlı bir şekilde kullanın.