6 technic ux design
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

    UX Writing คืออะไร
    Design

    ไขข้อข้องใจ! UX Writing คืออะไร ทำไมสำคัญกับ Product พร้อมตัวอย่างน่าสนใจ

    UX Writing คืออะไร? ทำไมต้องรู้จักคำนี้ด้วยนะ? คุณอาจจะเคยผ่านการใช้งาน Application มากหน้าหลายตาในแต่ละวัน ซึ่งแอปฯ บางตัวก็ทำให้คุณรู้สึกดีตลอดการใช้งาน เข้าแล้วไม่อยากออก เข้าแล้วอยากเข้ามาใช้บ่อยๆ ทุกวัน แต่กลับกันกับแอปฯ บางตัวที่ทำให้คุณหงุดหงิดใจตลอดการใช้งาน อยากออกแทบตาย ...
    Behavioural Science คืออะไร
    Business

    Behavioural Science คืออะไร มารู้จักกับเครื่องมือออกแบบพฤติกรรมกันดีกว่า

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

    More in:Design

    Web Design Font Pairing Design

    เทคนิคการจับคู่ฟอนต์ไม่ให้เละ ฉบับ Web Designer มือโปร

    หนึ่งในปัญหาใหญ่ของคนเริ่มต้นออกแบบเว็บ คือเรื่องของการเลือกใช้ฟอนต์ที่ดูเหมือนง่ายแต่ยาก ยิ่งเป็นเรื่องของการจับคู่ฟอนต์ที่ต่างกันให้มาอยู่ด้วยกันอย่างลงตัวสวยงามยิ่งยากเข้าไปใหญ่ วันนี้เราเลยนำรวมเทคนิคดีๆ ในการจับคู่ฟอนต์ฉบับ Web Designer มือโปรมาเล่าสู่กันฟัง 1.ใช้ฟอนต์ที่ให้ระดับอารมณ์แตกต่างกัน หน้าตาของฟอนต์มีผลต่ออารมณ์ความรู้สึกของคนอ่าน การลองจับคู่ฟอนต์ที่ให้อารมณ์แตกต่างกันจะช่วยให้หน้าเว็บดูมีลูกเล่น น่าสนใจ ไม่ราบเรียบจนเกินไป ก่อนที่จะเลือกจับคู่ฟอนต์ ต้องพิจารณาก่อนว่าบุคลิกเว็บที่เรากำลังออกแบบเป็นอย่างไร ...
    ui-design-Cover Design

    ถอดองค์ประกอบการออกแบบ UI ที่ดี ด้วยหลัก ‘Component-based Design’

    สิ่งหนึ่งที่สำคัญมากในการออกแบบ UI ที่นักออกแบบทุกคนควรรู้ นั่นคือเรื่องของ ‘Component-based Design’ คือการมองแยกส่วนประกอบต่างๆ ที่ร่วมกันเป็นหน้าเว็บไซต์หรือแอปฯ ที่เราออกแบบว่ามีส่วนประกอบมาจากอะไรบ้าง หากใครผ่านการเรียนการออกแบบมาก่อน อาจจะคุ้นเคยกับหลักองค์ประกอบการวาดรูปที่เริ่มตั้งแต่จุด จุดต่อกันกลายเป็นเส้น จากเส้นต่อกันเป็นระนาบ และระนาบประกบกันเป็นรูปทรง เช่นเดียวกันกับการออกแบบ ...
    psychology ux ui blog cover Design

    หลักจิตวิทยากับการช่วยออกแบบ UX UI ให้ชีวิต User ง่ายขึ้น

    ใครที่กำลังทำงานหรือศึกษาเรื่อง UX UI น่าจะเคยผ่านตาเรื่องของหลักจิตวิทยาการออกแบบที่นำมาใช้กับ UX UI กันบ้างแล้ว แต่เอาเข้าจริงแล้วในฐานะคนที่เป็นหรืออยากเป็น UX/UI Designer ควรมีความรู้พื้นฐานด้านจิตวิทยามากน้อยแค่ไหน โดยหลักการแล้วหลักจิตวิทยาจะช่วยให้ User ใช้งานเว็บหรือแอปฯ ที่เราออกแบบได้อย่างมีประสบการณ์ที่ดีได้อย่างไร ...
    Business

    ทำความรู้จัก Design Thinking – สกิลมาแรงที่บริษัทชั้นนำทั่วโลกกำลังมองหา

    Design Thinking ไม่ใช่แค่ชื่อวิชาในคลาสเรียนของเด็กออกแบบ แต่เป็นสกิลที่กำลังเป็นที่ต้องการของบริษัทชั้นนำในหลายประเทศทั่วโลก เช่น Apple, Google , Microsoft, Tesla หรือ Startup ไทยอย่าง Bitkub อีกด้วย ...

    Comments are closed.