Design

6 เทคนิคออกแบบ UX ให้ผู้ใช้งานเข้าใจในเสี้ยววินาที

6 เทคนิคออกแบบ UX ให้ผู้ใช้งานเข้าใจในเสี้ยววินาที | Skooldio Blog

ในยุคที่ทุกคนให้ความสำคัญกับประสบการณ์การใช้งานของ User
การออกแบบ User Experience จึงเป็นสิ่งที่ไม่ควรมองข้าม แต่จะออกแบบ UX อย่างไรให้ User คิดออกในเสี้ยววินาทีว่าต้องกดอะไร? ปุ่มนี้แปลว่าอะไร? จะใช่อย่างที่เคยค้นหาไว้มั้ยนะ? โดยมาทำความรู้จักกับ Recognition rather than Recall กัน

หลักการ Recognition Rather than Recall เป็นหนึ่งในหลักการออกแบบ Usability Heuristics ที่ตั้งขึ้นโดย Nielsen Norman Group ตั้งแต่ปี 1994 ที่พูดถึงการออกแบบ Interaction ซึ่งยังประยุกต์ใช้ได้และถูกนำกลับมาพูดถึงบ่อยครั้งกับการออกแบบ Digital Product ในปัจจุบัน

6 เทคนิคออกแบบ UX ให้ผู้ใช้งานเข้าใจในเสี้ยววินาที | Skooldio Blog
Memory Retrieval

นักจิตวิทยาได้แบ่งลักษณะ Memory retrieval หรือกระบวนการเรียกความทรงจำมาใช้ของมนุษย์ออกเป็นสองประเภทคือ
1. Recognition การนึกออก ระบุได้ว่าสิ่งที่เห็นคืออะไร
2. Recall การระลึกได้

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

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

1. ใช้ Icon แทนตัวหนังสือ

6 เทคนิคออกแบบ UX ให้ผู้ใช้งานเข้าใจในเสี้ยววินาที | Skooldio Blog

การเลือกใช้ Icon แทน Text อาจพิจารณาใช้กับ

  • Icon ที่ User คุ้นเคยฟังก์ชั่นอยู่แล้ว มีประสบการณ์พบเห็นจากเว็บอื่นๆ
  • ฟังก์ชั่นที่อธิบายด้วย Text เข้าใจยาก เป็นศัพท์ที่อาจจะไม่คุ้น เช่น การสไตล์ขีดเส้นผ่านตัวหนังสือ หรือที่เรียกว่า Strikethrough

2. ใช้คำอธิบายประกอบ Icon ที่มีความกำกวม

6 เทคนิคออกแบบ UX ให้ผู้ใช้งานเข้าใจในเสี้ยววินาที | Skooldio Blog

จากข้อแรก พูดถึงเรื่องใช้ Icon แทน Text แต่ในทางกลับกันบางกรณี ถ้า Icon มีความกำกวมหรืออยู่ในบริบทที่ความหมายอาจไม่ชัดเจนพอ อาจใช้ Text กำกับ Icon ไปด้วย เพื่อเสริมความมั่นใจ ไม่ต้องให้ User คิดซ้ำอีกที

3. ใช้กราฟิกช่วยแสดง Notification

6 เทคนิคออกแบบ UX ให้ผู้ใช้งานเข้าใจในเสี้ยววินาที | Skooldio Blog

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

4. แสดงประวัติการค้นหา หรือคำค้นหายอดนิยม

6 เทคนิคออกแบบ UX ให้ผู้ใช้งานเข้าใจในเสี้ยววินาที | Skooldio Blog

ในเว็บหรือแอป ที่ User มีการเข้ามาใช้งานบ่อยๆ อาจคำนึงถึงการใส่ฟังก์ชั่นต่อไปนี้

  • Suggest search/ Recent search คือแนะนำหัวข้อที่ User เคยค้นหาหรือ ที่เป็นที่นิยม
  • Cart/ Bookmark/ Add to favorite/ View History คือแสดงลิสท์สินค้าที่ User เคยกดดูไว้

5. การให้ Verify ตัวตนโดยใช้สิ่งที่จำง่าย นึกออกได้ไว

6 เทคนิคออกแบบ UX ให้ผู้ใช้งานเข้าใจในเสี้ยววินาที | Skooldio Blog

การออกแบบ UX ให้ส่งเสริม Recognition เห็นได้ชัดเจนจากการ Verify account ต่างๆ เข่น Facebook และ Messenger ที่ให้ User เลือกรายชื่อคนที่คุยด้วยล่าสุดจาก list หรือ ขึ้นหน้าเพื่อนพร้อมชื่อ และถามว่าหน้าตรงกับชื่อหรือไม่ใช่

ทั้งนี้ทั้งนั้นต้องคำนึงถึงความปลอดภัยด้วยนะ

6. ใช้ Interaction อย่างอื่น นอกจากการให้นึกรหัส

6 เทคนิคออกแบบ UX ให้ผู้ใช้งานเข้าใจในเสี้ยววินาที | Skooldio Blog

ลดการเรียกความทรงจำแบบ Recall ของ User เมื่อต้องกรอกรหัสผ่านต่างๆ ผ่านระบบปลดล็อกอื่นๆได้ เช่น การจดจำใบหน้า, เสียง หรือ ลายนิ้วมือ

หลักการออกแบบ ที่เน้นให้ User ใช้ Recognition มากกว่า Recall นี้เป็นเพียงหนึ่งหลักใน Usability Heuristics ที่ Nielsen Norman Group ได้ตั้งไว้เท่านั้น


หลักการออกแบบ ที่เน้นให้ User ใช้ Recognition มากกว่า Recall นี้เป็นเพียงหนึ่งหลักใน Usability Heuristics ที่ Nielsen Norman Group ได้ตั้งไว้เท่านั้น

อยากรู้หลักอื่นๆ เพื่มเติมพร้อม Case studies จากประสบการณ์ของสองผู้เชี่ยวชาญด้าน UX มาเจอกันได้ในคอร์ส UX Foundations

Patchara Boonmathanaruk
Business Development Associate | Skooldio

    You may also like

    Service Design ปังๆ ที่ทำให้ Disney มี Return Rate จากลูกค้าใหม่ถึง 70% | Skooldio Blog
    Business

    Service Design ปังๆ ที่ทำให้ Disney มี Return Rate จากลูกค้าใหม่ถึง 70%

    Service Design มาช่วยทำให้ Disneyland ครองใจนักท่องเที่ยวกว่า 65 ปีได้อย่างไร! และทำให้มี Return Rate ของลูกค้าใหม่สูงถึง 70% ใครที่เคยไปเที่ยวสวนสนุกในเครือของ Disney ไม่ว่าจะที่ไหนก็ตาม ...
    องค์กรจะดีขึ้นยังไง? ถ้าทุกทีมเข้าใจ เรื่อง UX | Skooldio Blog - องค์กรจะดีขึ้นยังไง? ถ้าทุกทีมเข้าใจ เรื่อง UX
    Design

    องค์กรจะดีขึ้นยังไง? ถ้าทุกทีมเข้าใจ เรื่อง UX

    ปัจจุบันการสร้าง Experience ที่ดีให้ลูกค้าเป็นสิ่งสำคัญมาก แต่หลายธุรกิจมักเข้าใจผิดว่า ต้องเป็นหน้าที่ของ UX Designer คนเดียว เพราะที่จริงแล้วลูกค้าจะมีประสบการณ์ที่ดีได้ ต้องมาจากความรู้สึกของผู้ใช้ที่ได้รับจากแบรนด์ในทุกขั้นตอน ซึ่งสิ่งเหล่านี้จะเกิดขึ้นได้จากความร่วมมือของทุกทีมนั่นเอง Marketer การเข้าใจ User Experience ...

    More in:Design

    Service Design | Skooldio Blog - Service Design คืออะไร? ทำความรู้จักเครื่องมือที่จะช่วยออกแบบธุรกิจให้เป็นที่รัก Design

    Service Design คืออะไร? ทำความรู้จักเครื่องมือที่จะช่วยออกแบบธุรกิจให้เป็นที่รัก

    การแข่งขันทางธุรกิจนับวันจะยิ่งดุเดือดขึ้นเรื่อยๆ ต่างคนก็ต่างต้องพัฒนาสินค้า หรือบริการของตัวเองให้ดีที่สุดเพื่อที่จะอยู่รอด แต่หากทุ่มเทสร้างสินค้ามาอย่างดี แต่บริการพังไม่เป็นท่า ประสบการณ์ของลูกค้าต่อแบรนด์อาจจะกลายเป็นลบไปเลยก็ได้ การออกแบบบริการหรือ Service Design จึงมีบทบาทสำคัญมากในการจัดการระบบการทำงานต่างๆ เพื่อสร้างสรรค์ประสบการณ์ที่ดีให้กับผู้ที่เกี่ยวข้อง  Service Design คืออะไร? Service ...
    Design

    Service Design, Design Thinking, UX, UI กับจุดเชื่อมโยงที่เรียกว่า Human Centred Design

    หลายๆ คนอาจจะเคยได้ยินคำว่า UX, UI และ Design Thinking กันมาบ้างแล้ว แต่ตอนนี้มีอีกหนึ่งศาสตร์ที่กำลังมาแรงมากนั้นก็คือ Service Design หรือกระบวนการออกแบบบริการ ซึ่งกระบวนการออกแบบบริการนั้นมักถูกคนจำนวนมากสับสนว่ามันต่างกับ User Experience ...
    สรุป 5 เทคนิคสร้าง Service Design ให้ลูกค้าปลื้มสุดๆ | Skooldio Blog Design

    สรุป 5 เทคนิค ใช้ Data สร้าง Service Design ให้ลูกค้าปลื้ม

    คุณก็ออกแบบบริการให้ลูกค้าประทับใจได้ง่ายๆ แค่รู้วิธีใช้ Data เพื่อสร้าง Service Design ที่เราสรุปให้ในบทความนี้ ตั้งแต่ความเข้าใจพื้นฐาน วิธีคิด และเคสตัวอย่างที่สามารถนำไปปรับใช้ในการทำงานของคุณได้จริง โดย 3 ผู้เชี่ยวชาญ จาก 🔴 ...
    Design

    เรียนรู้ตำแหน่งงานหลักใน Tech StartUp ผ่านตัวละครจากซีรีส์เรื่องดัง

    ผ่านไป 8 ตอนแล้วกับ Start-up ซีรี่ส์มาแรงส่งตรงจากเกาหลี เรื่องราวของเหล่าวัยรุ่นที่มีความฝันอยากจะปั้น Startup ของตัวเองให้ขึ้นมาเป็นบริษัทเทคชั้นนำแบบ Silicon Valley สาขาเกาหลี ตลอดทั้งเรื่องที่ผ่านมา เราได้เห็นการแข่งขันที่เข้มข้น ความยากลำบากในการสร้าง Startup ...

    Comments are closed.