उपयोगकर्ताओं को तत्वों की सबसे अधिक, स्थिति या रंग क्या याद है?

Question

मेरे पास कुछ बटन के साथ एक नेविगेशन मेनू है, जो कुछ इस तरह दिखता है (नोट: प्रत्येक बटन में एक विशिष्ट आइकन है जो इसे बाकी हिस्सों से अलग करता है, मैंने उन्हें मॉकअप में नहीं जोड़ा लेकिन वे W88 आइकन के समान हैं):

कुछ उपयोगकर्ताओं ने गलती से भेजें के बजाय साइन पर क्लिक करने की सूचना दी है , कुछ ऐसा जो सिर्फ अनुचित है। अब मैं बटनों को अधिक अंतर करने के तरीकों पर विचार कर रहा हूं। एक विकल्प दाईं ओर साइन स्थानांतरित करने के लिए है। इसका रंग बदलने के लिए दूसरा, (शायद इसे जोड़ने के लिए)

क्या स्थिति काफी अच्छी है? या क्या मुझे रंग का उपयोग करने पर भी विचार करना चाहिए? इस नेविगेशन में एक नया रंग जोड़ने से समग्र पैलेट और लुक में कुछ प्रभाव पड़ता है, इसलिए इसकी एक कीमत है जिसका मुझे भुगतान करना होगा।

Comments

मैं इसे 'बंद विषय' नहीं कहूंगा, लेकिन यह UX के लिए अधिक समझ में आता है।

— डीए 01

@ DA01 हां, मैं इस पर विचार कर रहा था। चीजों के रंग भाग ने मुझे आश्चर्यचकित कर दिया, और आखिरकार सोचा: दोनों में हो सकता है? मैं इसे माइग्रेट करने को बुरा नहीं मानता, हालाँकि!

— यिसेला

आपके कुछ उपयोगकर्ताओं के पास नीले / पीले रंग का अंधापन होने वाला है। सुनिश्चित करें कि ये रंग उनके लिए अलग हैं!

— केशलम २lam

@keshlam निश्चित रूप से! मेरे पास टास्कबार में एक कलरब्लाइंड ऐप है जिसमें

— पैलेट्स आज़माएं

मैं न तो कहूंगा। गंध अधिक यादगार है :)

— स्कॉट

Answer 1

यह भी मदद नहीं करता है कि आप तीन चार-अक्षर शब्दों के साथ काम कर रहे हैं जो सभी अक्षर 'S' से शुरू होते हैं। :)

रंग एक तत्काल संकेतक है कि कुछ अलग है। अपने पहले उदाहरण में आपको वास्तव में पता नहीं है कि उन बटनों में से कोई भी तब तक करता है जब तक आप वास्तव में ध्यान देने और उन्हें पढ़ने के लिए समय नहीं लेते हैं, एक नज़र में, वे अंतर के समान हैं। एक प्रतिमान जिसका हम उपयोग करते हैं जहां मैं काम करता हूं वह यह है कि हम अपनी प्राथमिक क्रिया को किसी कम महत्वपूर्ण या कम स्थायी / अंतिम क्रियाओं से एक अलग रंग बनाते हैं।

लेकिन रंग जरूरी नहीं है कि इसे बनाएं या इसे तोड़ दें। एक अन्य वैध रणनीति हर बटन के साथ एक आइकन को जोड़ना होगा (न केवल पिछले दो के साथ)। इस तरह से आप तत्वों में एक और आसानी से अलग अंतर पैदा कर रहे हैं।

अपने वास्तविक प्रश्न के रूप में, यदि स्थिति पर्याप्त अंतर है, तो मुझे लगता है कि यह निश्चित रूप से मदद करता है क्योंकि बटन का पैटर्न दो छोटे लोगों द्वारा टूट गया है जो आपको वास्तव में उन्हें अनदेखा करने के बजाय बटन में अंतर को देखने के लिए मजबूर करता है। जोड़ा गया रंग केवल इस और आगे बढ़ने में मदद करता है, और व्यक्तिगत रूप से, यदि संभव हो तो मैं रंग को भी जोड़ दूंगा, क्योंकि भविष्य के प्रमाण में मदद करता है यदि बाद में अधिक विकल्प जोड़े जाते हैं और बटन अधिक बार फिर से याद किया जा सकता है। हालांकि, यह प्रदान करना कि रंग बदलना मुश्किल है, मुझे लगता है कि नई स्थिति पर्याप्त होगी।

हालाँकि मुझे लगता है कि आपके उपयोगकर्ता क्या सोचते हैं या क्या करते हैं, इसकी तुलना में शायद बहुत कम प्रासंगिक है, और यदि आपके पास संसाधन हैं, तो मैं कुछ विभिन्न डिज़ाइनों की कोशिश करूँगा और उपयोगकर्ताओं के साथ यह देखने के लिए परीक्षण करूँगा कि वे किसे पसंद करते हैं और किन कारणों से।

Comments

धन्यवाद! बस एक नोट: बटन में काफी अलग चिह्न होते हैं, मैं वास्तविक स्क्रीनशॉट का खुलासा नहीं कर सकता, और मैंने उन्हें मॉकअप में नहीं जोड़ा ... लेकिन लोग उन्हें फिर भी भ्रमित करते हैं!

— यिसेला

मुझे लगा कि वे जीवन के लिए सच नहीं हैं, हालांकि मैं अनुमान लगा नहीं सकता था कि उनके पास आइकन थे या नहीं, जो कि समाशोधन के लिए धन्यवाद।

— हन्ना

Answer 2

बटन को अलग करने के लिए इस्तेमाल की जा सकने वाली चीजें:

• लेबल (स्पष्ट रूप से)
• रंग
• आकार
• गण
• स्थान
• निकटता
• आकार / शैली

अधिक अनपेक्षित नुकसान एक कार्रवाई का कारण हो सकता है, जितना अधिक आप उन विकल्पों में से केवल एक से अधिक चुनना चाहते हैं।

इन आदेशों के लिए उपयोगकर्ता के प्रवाह को न जानते हुए, मुझे नहीं पता कि क्या आपका सुझाव पर्याप्त है, लेकिन यह निश्चित रूप से पिछले पर एक सुधार है क्योंकि अब आप 'उह ओह' कार्रवाई को आगे बढ़ाते हैं, भेजते हैं, अन्य दो से दूर।

मैं शायद एक कदम आगे जाऊं और विवेकपूर्ण निकटता भेदभाव का उपयोग करूं। शायद कुछ इस तरह से कठोर:

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

मैंने यहाँ कई विभेदकों का उपयोग किया है ... निकटता, शैली / प्रकार का बटन, और नाम बदलकर 'डिलीवर' को 'डिलीवर' (नीचे देखें)।

एक अन्य चुनौती जो आपको दिखाई देती है, वह अनुप्रास का एक बड़ा मामला है। इससे उबरने में कुछ रचनात्मकता लग सकती है। उदाहरण के लिए, आप संभवत: लेबल "हटाएं" और "डिलीवर" :) के साथ दो बटन साइड-बाय-साइड नहीं रखना चाहते हैं।

Answer 3

मैं जोहान्स और डीए 01 दोनों से सहमत हूं, उन्होंने दोनों बिंदुओं को उठाया है जो मैं स्थिति, अनुप्रास आदि के संबंध में कहूंगा।

लेकिन मैं क्या जोड़ना चाहूंगा।

साइन सेव और भेजने के लिए पहले से ही आइकॉन होने के बाद, फिर सेंड बटन की री-पोजिशन काफी होनी चाहिए। मैं सुझाव दूंगा कि रंग बदलना नहीं चाहिए क्योंकि इसकी कोई आवश्यकता नहीं है और यह उपयोगकर्ताओं के लिए बहुत अधिक परिवर्तन है। (मुझे गलत मत समझिए मुझे पता है कि वे सामना कर सकते हैं लेकिन मुझे नहीं लगता कि इसकी आवश्यकता है)।

यदि प्रतीक लोगों के लिए पर्याप्त रूप से पहचाने जाने योग्य हैं, तो सेंड बटन का पृथक्करण पर्याप्त होना चाहिए।

यदि आपके आइकन तुरंत पहचाने जाने योग्य नहीं हैं अर्थात आपके पास संभवतः सहेजने वाले आइकन के लिए पारंपरिक फ़्लॉपी डिस्क के बजाय डिस्क या यूएसबी है, तो मैं दृढ़ता से रंग बदलने का सुझाव देता हूं जैसा कि आपने सुझाव दिया है, लोग समझते हैं कि हरे रंग का मतलब है जाना।

आशा है कि उपयोगकर्ताओं को खुश;)

Answer 4

उपयोगकर्ताओं को तत्वों की सबसे अधिक, स्थिति या रंग क्या याद है?

मैं ठोस सुझावों के साथ नहीं आऊंगा, लेकिन शीर्षक पर एक छोटी टिप्पणी: यह अत्यधिक व्यक्तिगत है। जैसे कुछ लोग कहेंगे "मैं देख रहा हूं कि आपका क्या मतलब है" और अन्य लोग कहेंगे "मैं आपको सुनता हूं" या ऐसा ही कुछ। कुछ लोग दृश्य के लिए ट्यून किए जाते हैं, कुछ लोग ध्वनि के लिए अधिक ट्यून होते हैं।

कुछ लोग आकार में अधिक आकर्षित होते हैं, अन्य लोग रंगों के लिए। बस के रूप में आप colourblind को संतुष्ट करने की जरूरत है, तो आप खाते है कि नहीं सभी लोगों shape- देखने में लेने की जरूरत है और (कुछ लोगों को एक पेड़, एक जानवर, आकार से एक घर की पहचान करेगा नेविगेशन करने के लिए अपनी प्राथमिक सुराग के रूप में -colours या रंग, कुछ इच्छा आकार और / या रंग आदि के बजाय ध्वनि द्वारा कार ड्राइविंग की पहचान करें)।

इस उदाहरण में, यह निश्चित रूप से दोनों के बीच एक संतुलन है (यह पता लगाना मजेदार होगा कि किस प्रकार के उपयोगकर्ता गलत बटन में गड़गड़ाहट करते हैं। वहां एक पैटर्न हो सकता है। इसके अलावा, मुझे लगता है कि उत्कृष्ट कंप्यूटर कौशल वाले उपयोगकर्ता तेजी से होंगे। यह मानते हुए कि सही बटन कहां है।)

चूंकि आप हमें आइकन के साथ वास्तविक बटन नहीं दिखा सकते हैं, इसलिए यह सुझाव देना मुश्किल हो जाता है। जैसा कि @ DA01 से पता चलता है, एक आसान तरीका बस एक "आउट" से दूरी को बड़ा बनाने का हो सकता है। MailApp की तरह:

सिर्फ एक विचार।

---

संपादित करें

एक प्रयोग है कि मज़ा, लोगों के एक मुट्ठी भर पेश करने के लिए है एक आदिम mockup (सरल बेहतर: चित्र के बाद इसकी एक दीवार पर, फ्लिप स्केच ओवर, व्हाइटबोर्ड आदि) बटन के साथ रखा गया है, लेकिन रूप में चिह्नित नहीं और पहचान की। फिर लोगों से पूछें कि वे क्या उम्मीद करते हैं अनाम बटन क्या करेंगे। कभी-कभी, यह जानकारीपूर्ण और बहुत दिलचस्प परिणाम ला सकता है।