Kullanıcılar öğelerin en fazlasını, konumunu veya rengini ne hatırlıyor?


11

Bazı düğmelere sahip bir gezinme menüsü var, bu biraz benziyor (NOT: Her düğmenin geri kalanından farklı olan ayırt edici bir simgesi var, bunları mockup'a eklemedim ama Wins8 simgelerine benzerler):

resim açıklamasını buraya girin

Bazı kullanıcılar yanlışlıkla kabul edilemez bir şekilde Gönder yerine İmzala'yı tıkladığını bildirmiştir . Şimdi düğmeleri daha farklı hale getirmenin yollarını düşünüyorum. Bir seçenek Sign'ı sağa taşımaktır. Diğeri, rengini değiştirmek için (muhtemelen taşımaya ekliyor):

resim açıklamasını buraya girin

Pozisyon yeterince farklı mı? Yoksa renk kullanmayı da düşünmeli miyim? Bu navigasyona yeni bir renk eklemek genel palette ve görünümde bir miktar etkiye sahip, bu yüzden ödemek zorunda olduğum bir bedeli var.


2
Bu 'konu dışı' demem ama UX'e daha mantıklı gelebilir.
DA01

@ DA01 Evet, düşünüyordum. Şeylerin renkli kısmı beni meraklandırdı ve sonunda düşündü: Her ikisine de ait olabilir mi? Yine de onu taşımanın bir sakıncası yok!
Yisela

Bazı kullanıcılarınızda mavi / sarı renk körlüğü olacak. Bu renklerin onlar için farklı olduğundan emin olun!
Ocak'ta keshlam

@keshlam Kesinlikle! Paletleri denemek için görev çubuğunda bir renk körü uygulaması var :)
Yisela

Ben de söyleyemem. Koku daha unutulmaz :)
Scott

Yanıtlar:


5

Ayrıca, hepsi 'S' harfiyle başlayan üç dört harfli kelimelerle çalışmanıza yardımcı olmaz. :)

Renk, bir şeyin farklı olduğunun anında bir göstergesidir. İlk örneğinizde, dikkat etmek ve onları okumak için gerçekten zaman ayırmadığınız sürece, bu düğmelerden herhangi birinin ne yaptığına dair hiçbir fikriniz yok, bir bakışta, ayırt etmeye çok benziyorlar. Çalıştığım yerde kullandığımız bir paradigma, birincil eylemimizi daha az önemli veya daha az kalıcı / sonuçlandırıcı eylemlerden ayrı bir renk haline getirmemizdir.

Ancak renk mutlaka bunu yapmak ya da kırmak değildir. Başka bir geçerli strateji, bir simgeyi her düğmeyle (yalnızca son iki düğmeyle değil) ilişkilendirmektir. Bu şekilde, elemanlarda kolayca ayırt edilebilen başka bir fark yaratırsınız.

Asıl soruya gelince, pozisyon yeterince farklıysa, kesinlikle yardımcı olduğunu düşünüyorum çünkü düğmelerin deseni sizi görmezden gelmek yerine düğmelerdeki farklılıklara gerçekten bakmaya zorlayan iki küçük parça tarafından kırılıyor. Eklenen renk sadece bunu daha da vurgulamaya yardımcı olur ve kişisel olarak, mümkünse rengi de ekleyeceğim, çünkü daha sonra daha fazla seçenek eklenmesi ve düğmenin daha sık gözden kaçırılması durumunda gelecekteki kanıtı yardımcı olur. Yine de, rengi değiştirmenin zor olması şartıyla, yeni konumlandırmanın yeterli olduğunu düşünürdüm.

Ne düşündüğüm muhtemelen kullanıcılarınızın düşündüğünden veya yaptıklarından çok daha az alakalı ve eğer kaynaklarınız varsa, çeşitli tasarımları dener ve hangilerini tercih ettiklerini ve nedenlerle görmek için kullanıcılarla test ederdim.


Teşekkürler! Sadece bir not: Düğmelerin oldukça farklı simgeleri var, gerçek ekran görüntülerini açıklayamıyorum ve onları maketlere eklemedim ... ama yine de insanlar onları karıştırıyor!
Yisela

Hayatlarına sadık olduklarını düşündüm, ancak ikonları olup olmadıklarını anlayamadım, bunu temizlediğiniz için teşekkürler.
Hanna

6

Düğmeleri ayırt etmek için kullanılabilecekler:

  • etiketler (açıkçası)
  • renk
  • boyut
  • sipariş
  • yer
  • yakınlık
  • şekil / stil

Bir eylemin istenmeyen zararları ne kadar fazla olursa, yukarıdaki seçeneklerden sadece bir tanesinden daha fazlasını seçmek istersiniz.

Bu komutlar için kullanıcı akışını bilmeden, önerinin yeterli olup olmadığını bilmiyorum, ama şimdi 'uh oh' eylemini diğer ikisinden uzağa taşıdığın için kesinlikle öncekine göre bir gelişme.

Belki bir adım daha ileri gider ve yakınlık farklılığı kullanırdım. Belki de bu kadar sert bir şey:

--------  --------
| SAVE |  | SIGN |                                               DELIVER -->
--------  --------   

Burada bir dizi farklılaştırıcı kullandım ... yakınlık, stil / düğme türü ve 'teslim etmek' için 'gönder' olarak yeniden adlandırdım (aşağıya bakın).

Karşılaştığınız bir diğer zorluk, büyük bir alliterasyon vakasıdır. Bunun üstesinden gelmek yaratıcılık gerektirebilir. Örneğin, büyük olasılıkla "sil" ve "ilet" etiketli iki düğmenin yan yana olmasını istemezsiniz :)


3

Hem Johannes hem de DA01 ile hemfikirim, ikisi de konumlandırma, alliterasyon vb.

Ama eklemek istediğim şey.

İşaret kaydetme ve gönderme için zaten simgeler bulunduğundan, gönderme düğmesinin tek başına yeniden konumlandırılması bol olmalıdır. Gerekmediği için rengi değiştirmemeyi öneririm ve aynı zamanda kullanıcılar için biraz daha büyük bir değişiklik. (Beni yanlış anlamayın, başa çıkabileceklerini biliyorum ama gerekli olduğunu düşünmüyorum).

Semboller insanlar için yeterince tanınabilirse, gönder düğmesinin ayrılması yeterli olmalıdır.

Simgeleriniz hemen daha az tanınabilirse, yani kaydetme simgesi için geleneksel disket yerine bir disk veya usb'niz varsa, o zaman önerdiğiniz gibi rengi değiştirmenizi şiddetle tavsiye ederim, insanlar yeşilin gittiğini anlıyorlar.

Umarım kullanıcılar mutlu olurlar;)


1

Kullanıcılar öğelerin en fazlasını, konumunu veya rengini ne hatırlıyor?

Somut önerilerle gelmeyeceğim, ancak başlık hakkında kısa bir yorum yapacağım: son derece bireysel. Tıpkı bazı insanların "ne demek istediğini anlıyorum" ve diğerleri "Seni duyuyorum" ya da benzer bir şey söyleyecek gibi. Bazı insanlar görsele, bazı insanlar sese daha ayarlıdır.

Bazı insanlar şekillendirmeye, bazıları renklere daha uyum gösterir. Tıpkı renk körlüğünü tatmin etmeniz gerektiği gibi, tüm insanların şekil ve renkleri navigasyon için birincil ipucu olarak görmediğini dikkate almanız gerekir (bazı insanlar bir ağacı, bir hayvanı, bir evi şekil veya renkle tanımlayacaktır ; bazıları şekil ve / veya renk vb. yerine sesle giden bir aracı tanımlamak).

Bu durumda, elbette ikisi arasında bir denge var (ne tür kullanıcıların yanlış düğmeye bastığını öğrenmek eğlenceli olurdu. Orada bir desen olabilir.Ayrıca, mükemmel bilgisayar becerilerine sahip kullanıcıların daha hızlı olacağını düşünüyorum doğru düğmeyi nerede bulacağınızı varsayarsak ).

Bize simgeleri olan gerçek düğmeleri gösteremeyeceğiniz için önermek zorlaşır. Basit bir yol, @ DA01'in önerdiği gibi, mesafeyi bir "çıkış" a büyütmek olabilir. MailApp benzeri:

resim açıklamasını buraya girin

Sadece bir düşünce.


Düzenle

Eğlenceli olan bir deney, bir avuç insana, yerleştirilmiş ancak işaretlenmemiş ve tanımlanmamış düğmelerle ilkel bir mockup (daha basit: daha iyi: çizimler, duvarda post-it, eskiz, beyaz tahta vb.) Sunmaktır. Sonra insanlara anonim düğmelerin ne yapmasını beklediklerini sorun. Bazen bu bilgilendirici ve çok ilginç sonuçlar doğurabilir.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.