ผู้ใช้จำอะไรได้มากที่สุดตำแหน่งหรือสีขององค์ประกอบ


11

ฉันมีเมนูนำทางพร้อมปุ่มบางอย่างที่มีลักษณะเช่นนี้ (หมายเหตุ: แต่ละปุ่มมีไอคอนที่โดดเด่นแตกต่างจากที่เหลือฉันไม่ได้เพิ่มพวกเขาในการจำลอง แต่คล้ายกับไอคอน Wins8):

ป้อนคำอธิบายรูปภาพที่นี่

ผู้ใช้บางคนรายงานว่าคลิกโดยไม่ได้ตั้งใจแทนการส่งสิ่งที่ไม่สามารถยอมรับได้ ตอนนี้ฉันกำลังพิจารณาวิธีที่จะทำให้ปุ่มต่างกันมากขึ้น ทางเลือกหนึ่งคือการย้ายเข้าสู่ระบบไปทางขวา อื่น ๆ (อาจเพิ่มการย้าย) เพื่อเปลี่ยนสี:

ป้อนคำอธิบายรูปภาพที่นี่

ความแตกต่างของตำแหน่งดีพอหรือไม่? หรือฉันควรพิจารณาใช้สีด้วย? การเพิ่มสีใหม่ให้กับการนำทางนี้มีผลกระทบต่อจานสีโดยรวมและรูปลักษณ์ดังนั้นจึงมีราคาที่ฉันต้องจ่าย


2
ฉันจะไม่เรียกสิ่งนี้ว่า 'ปิดหัวข้อ' แต่สิ่งนี้อาจเหมาะสมกว่าที่จะย้ายไปที่ UX
DA01

@ DA01 ใช่ฉันกำลังพิจารณาอยู่ ส่วนสีของสิ่งต่าง ๆ ทำให้ฉันประหลาดใจและในที่สุดก็คิดว่า: สามารถเป็นของทั้งสองได้หรือไม่? ฉันไม่รังเกียจที่จะโยกย้ายมัน!
Yisela

ผู้ใช้ของคุณบางคนจะมีอาการตาบอดสีสีน้ำเงิน / เหลือง ตรวจสอบให้แน่ใจว่าสีเหล่านี้มีความแตกต่างสำหรับพวกเขา!
keshlam

@keshlam แน่นอน! ฉันมี app บอดสีในแถบที่จะลองจาน :)
Yisela

ฉันจะไม่พูด กลิ่นเป็นที่น่าจดจำมากขึ้น :)
สกอตต์

คำตอบ:


5

นอกจากนี้ยังไม่ได้ช่วยให้คุณทำงานกับคำสี่ตัวอักษรสามตัวที่เริ่มต้นด้วยตัวอักษร 'S' :)

สีเป็นตัวบ่งชี้ทันทีว่ามีบางอย่างแตกต่างกัน ในตัวอย่างแรกของคุณคุณไม่ทราบว่าปุ่มเหล่านั้นทำอะไรเว้นแต่คุณจะใช้เวลาในการใส่ใจและอ่านพวกเขาอย่างรวดเร็วพวกเขามีความคล้ายคลึงกับความแตกต่าง กระบวนทัศน์ที่เราใช้ในที่ทำงานของฉันคือเราทำให้การกระทำหลักของเราเป็นสีที่แยกจากการกระทำที่มีความสำคัญน้อยลงหรือถาวรน้อยลง

แต่สีไม่จำเป็นว่าจะต้องทำให้เป็นหรือทำลายได้เช่นกัน กลยุทธ์ที่ใช้ได้อีกอันหนึ่งก็คือการเชื่อมโยงไอคอนกับทุกปุ่ม (ไม่ใช่แค่กับสองอันสุดท้าย) ด้วยวิธีนี้คุณจะสร้างความแตกต่างที่แตกต่างได้ง่ายในองค์ประกอบ

สำหรับคำถามจริงของคุณถ้าตำแหน่งแตกต่างมากพอฉันคิดว่ามันช่วยได้อย่างแน่นอนเพราะรูปแบบของปุ่มหักโดยปุ่มเล็ก ๆ สองอันที่บังคับให้คุณดูความแตกต่างของปุ่มแทนที่จะมองข้าม สีที่เพิ่มเข้ามาจะช่วยเน้นสีนี้เพิ่มเติมและโดยส่วนตัวถ้าเป็นไปได้ฉันจะเพิ่มสีด้วยเช่นกันซึ่งจะช่วยพิสูจน์อนาคตในกรณีที่มีการเพิ่มตัวเลือกเพิ่มเติมในภายหลังและปุ่มอาจพลาดบ่อยขึ้นอีกครั้ง แม้ว่าการเปลี่ยนสีนั้นทำได้ยาก แต่ฉันก็พบว่าตำแหน่งใหม่นั้นเพียงพอแล้ว

อย่างไรก็ตามสิ่งที่ฉันคิดว่าน่าจะเกี่ยวข้องน้อยกว่าที่ผู้ใช้คิดหรือทำและถ้าคุณมีทรัพยากรฉันจะลองออกแบบและทดสอบกับผู้ใช้เพื่อดูว่าพวกเขาชอบอะไรและด้วยเหตุผลอะไร


ขอบคุณ! เพียงแค่ทราบ: ปุ่มมีไอคอนที่แตกต่างกันมากฉันไม่สามารถเปิดเผยภาพหน้าจอที่เกิดขึ้นจริงและฉันไม่ได้เพิ่มพวกเขาใน mockups ... แต่ผู้คนสับสนพวกเขา!
Yisela

ฉันคิดว่าพวกเขาไม่จริงกับชีวิตแม้ว่าฉันจะไม่สามารถอนุมานได้ว่าพวกเขามีหรือไม่มีไอคอนขอบคุณสำหรับการล้างที่
ฮันนา

6

สิ่งที่สามารถใช้เพื่อแยกความแตกต่างปุ่ม:

  • ฉลาก (ชัด)
  • สี
  • ขนาด
  • ใบสั่ง
  • ที่ตั้ง
  • ความใกล้ชิด
  • รูปร่าง / รูปแบบ

ความเสียหายที่เกิดขึ้นโดยไม่ตั้งใจอาจทำให้คุณมีแนวโน้มที่จะเลือกจากตัวเลือกมากกว่าหนึ่งตัวเลือกด้านบน

ไม่ทราบว่าผู้ใช้โฟลว์สำหรับคำสั่งเหล่านี้หรือไม่ฉันไม่ทราบว่าคำแนะนำของคุณเพียงพอหรือไม่ แต่เป็นการปรับปรุงที่ผ่านมาอย่างแน่นอนเนื่องจากตอนนี้คุณได้ย้ายการกระทำ 'uh oh' ส่งออกไปจากอีกสองรายการ

ฉันอาจจะก้าวไปอีกขั้นและใช้ความแตกต่างที่ใกล้เคียงอย่างรอบคอบ บางทีสิ่งที่รุนแรงอย่างนี้:

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

ฉันใช้ตัวสร้างความแตกต่างจำนวนมากที่นี่ ... ความใกล้ชิดสไตล์ / ประเภทของปุ่มและเปลี่ยนชื่อเป็น 'ส่ง' เป็น 'ส่ง' (ดูด้านล่าง)

อีกหนึ่งความท้าทายที่คุณดูเหมือนจะมีคือการพูดพาดพิงถึงกรณีใหญ่ อาจต้องใช้ความคิดสร้างสรรค์เพื่อเอาชนะสิ่งนั้น ตัวอย่างเช่นคุณอาจไม่ต้องการมีสองปุ่มเคียงข้างกันกับป้ายกำกับ "ลบ" และ "ส่ง" :)


3

ฉันเห็นด้วยกับทั้ง Johannes และ DA01 พวกเขาทั้งสองได้ยกประเด็นที่เกี่ยวข้องกับการวางตำแหน่งการพูดพาดพิงและอื่น ๆ

แต่สิ่งที่ฉันต้องการจะเพิ่ม

เมื่อมีไอคอนสำหรับบันทึกและส่งสัญญาณอยู่แล้วตำแหน่งใหม่เพียงปุ่มเดียวก็น่าจะเพียงพอแล้ว ฉันขอแนะนำว่าอย่าเปลี่ยนสีเนื่องจากไม่ต้องการและมันก็เปลี่ยนไปเล็กน้อยสำหรับผู้ใช้ (อย่าเข้าใจฉันผิดฉันรู้ว่าพวกเขาสามารถรับมือได้ แต่ฉันไม่คิดว่ามันจำเป็น)

หากสัญลักษณ์เป็นที่รู้จักพอสำหรับคนแล้วการแยกปุ่มส่งควรจะพอเพียง

หากไอคอนของคุณจำไม่ได้ในทันทีนั่นคือคุณอาจมีแผ่นดิสก์หรือ usb แทนแผ่นฟลอปปี้แบบดั้งเดิมสำหรับไอคอนบันทึกฉันขอแนะนำให้เปลี่ยนสีตามที่คุณแนะนำผู้คนเข้าใจว่าสีเขียวหมายถึง

หวังว่าผู้ใช้จะมีความสุข;)


1

ผู้ใช้จำอะไรได้มากที่สุดตำแหน่งหรือสีขององค์ประกอบ

ฉันจะไม่คิดคำแนะนำที่เป็นรูปธรรม แต่จะแสดงความคิดเห็นสั้น ๆ ในหัวข้อ: มันเป็นเรื่องส่วนตัวสูง เช่นเดียวกับบางคนจะพูดว่า "ฉันเห็นสิ่งที่คุณหมายถึง" และคนอื่นจะพูดว่า "ฉันได้ยินคุณ" หรืออะไรทำนองนั้น บางคนปรับไปที่ภาพและบางคนก็ปรับเสียง

บางคนปรับรูปร่างให้เหมาะสมขึ้น เช่นเดียวกับที่คุณต้องการตอบสนอง colourblind คุณต้องคำนึงว่าไม่ใช่ทุกคนที่เห็นรูปร่างและสีเป็นแนวทางหลักในการนำทาง (บางคนจะระบุต้นไม้สัตว์บ้านโดยรูปร่างหรือสีบางคนจะ ระบุรถยนต์ที่ขับด้วยเสียงมากกว่ารูปร่างและ / หรือสี ฯลฯ )

ในกรณีนี้มันเป็นความสมดุลระหว่างคนทั้งสอง (มันจะสนุกที่ได้รู้ว่าผู้ใช้ประเภทใดผิดพลาดในปุ่มผิดอาจมีรูปแบบที่นั่นนอกจากนี้ฉันคิดว่าผู้ใช้ที่มีทักษะคอมพิวเตอร์ยอดเยี่ยมจะเร็วขึ้นที่สมมติว่าจะหาปุ่มขวา)

เนื่องจากคุณไม่สามารถแสดงปุ่มจริงพร้อมไอคอนให้เราได้จึงเป็นการยากที่จะแนะนำ วิธีง่ายๆอาจเป็นเพียงการทำให้ระยะทางห่างจาก "out" มากขึ้นตามที่ @ DA01 แนะนำ เรียงจาก MailApp ที่ชอบ:

ป้อนคำอธิบายรูปภาพที่นี่

แค่ความคิด


แก้ไข

การทดลองหนึ่งที่สนุกคือการนำเสนอ mockup แบบดั้งเดิมจำนวนหนึ่งให้กับผู้คน (การวาดที่ดีกว่า: การวาดภาพการโพสต์บนผนังการร่างภาพพลิกกระดานไวท์บอร์ด ฯลฯ ) ด้วยปุ่มที่วางไว้แต่ไม่ได้ทำเครื่องหมายและระบุ จากนั้นถามผู้คนว่าพวกเขาคาดหวังว่าปุ่มที่ไม่ระบุชื่อจะทำอะไร บางครั้งสิ่งนี้สามารถสร้างผลลัพธ์ที่ให้ข้อมูลและน่าสนใจมาก

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.