กรณีศึกษา — การออกแบบประสบการณ์การส่งข้อความ 'บันทึก'

บริบท

การเป็นส่วนหนึ่งของชุมชนการออกแบบที่นำโดยUX Anudeepฉันได้รับความท้าทายในการประเมินโฟลว์ขนาดเล็กของแอปพลิเคชันตามหลักการฮิวริสติกของการใช้งาน ระบุปัญหาและขยายผล ระดมความคิดสองสามข้อ สร้างต้นแบบที่ใช้งานได้ ทดสอบกับที่ ผู้เข้าร่วมอย่างน้อยสองคนและย้ำให้ออกแบบเวอร์ชันสุดท้าย

การมีปฏิสัมพันธ์ภายในชุมชนทำให้ฉันรู้ว่าปัญหาที่ระบุด้านล่างนี้กำลังเผชิญโดยสมาชิกชุมชนจำนวนมากเช่นกัน ดังนั้นมันทำให้ฉันมีความทะเยอทะยานมากขึ้นในการออกแบบวิธีแก้ปัญหา — ตอนนี้ฉันมีสาเหตุแล้ว

ภาพรวมของการออกแบบขั้นสุดท้าย

การแชร์ภาพรวมเพื่อให้คุณเห็นผลลัพธ์สุดท้ายได้อย่างรวดเร็ว

อ่านการศึกษาฉบับสมบูรณ์ด้านล่าง

ผลิตภัณฑ์

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

ทำไมถึงไม่ลงรอยกัน

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

• หน่วยงานของสถาบันตามสาขาวิชาเอกที่แตกต่างกัน:วิทยาการคอมพิวเตอร์ Engg., Mechanical Engg., Electrical Engg. เป็นต้น
• แผนกทั่วไป:บัญชี & ค่าธรรมเนียม, IT, หอสมุดกลาง ฯลฯ
• ชมรมกิจกรรม:ละคร เต้นรำ ศิลปะ หุ่นยนต์ ฯลฯ
• ศูนย์กีฬากลางแจ้ง:บาสเก็ตบอล วอลเลย์บอล ลอนเทนนิส ฯลฯ

พื้นที่ปัญหา

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

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

เป็นการยากที่จะดึงข้อความสำคัญใน Discord

ความสามารถในการใช้งาน:ความยืดหยุ่นและประสิทธิภาพของการใช้งาน

การขยายพื้นที่ปัญหา

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

เช่นเดียวกับที่ชาญฉลาด อาจมีเหตุผลหลายประการว่าทำไมบางคนจึงต้องการค้นหาข้อมูลบางอย่างที่แบ่งปันก่อนหน้านี้ในชุมชนใดๆ

ความคิด

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

หมายเหตุ: ในที่นี้ "ปฏิกิริยา" คืออิโมจิที่ใช้แสดงปฏิกิริยาต่อข้อความหนึ่งๆ สามารถสร้างปฏิกิริยาได้หลายอย่างบนข้อความ

ฉันตัดสินใจออกแบบโซลูชันสำหรับไอเดีย 2

ทำไมไอเดีย 2 ถึงไอเดีย 1

นำความสนใจของคุณมาสู่โลกดิจิทัล:

1. ทุกวันนี้ เราบริโภคข้อมูลดิจิทัลอย่างเดียวมากเกินไป เช่น วิดีโอ บล็อก บทความ เพลง ภาพถ่าย ฯลฯ
2. แพลตฟอร์มที่รู้จักกันดีในการบริโภคข้อมูลดิจิทัล ได้แก่ Youtube, Instagram, LinkedIn, Medium และชุมชนดิจิทัลเช่น Discord
3. มีเหตุผลหลายประการที่เราต้องการให้ตัวเองมีส่วนร่วมกับสื่อดิจิทัลบนแพลตฟอร์มดิจิทัล เช่น ข่าว ความบันเทิง งาน งาน แรงบันดาลใจ การสร้างสรรค์ การเติบโต การเรียนรู้ ฯลฯ

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

การสร้างต้นแบบ

ร่างโครงลวดที่มีความเที่ยงตรงต่ำพร้อมการโต้ตอบ ประสบการณ์ข้อความบันทึก Discord จะประกอบด้วยขั้นตอนพื้นฐานสองขั้นตอน:

1. กำลังบันทึกข้อความ
2. กำลังดึงข้อความ

การทดสอบการใช้งาน

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

งาน:

1. คุณช่วยหาวิธีดำเนินการเพิ่มเติมกับข้อความได้ไหม
2. คุณสามารถบันทึกข้อความนั้น
3. คุณสามารถไปที่ "ข้อความที่บันทึกไว้" จากที่นี่
4. กลับไปที่ที่คุณจากมาได้ไหม

• ผู้ใช้สามารถทราบได้ว่าข้อความถูกบันทึกหรือไม่
• ผู้ใช้สามารถนำทาง b/w หน้าต่างข้อความต่างๆ โดยไม่มีสิ่งกีดขวางหรือไม่
• ผู้ใช้สามารถบันทึกข้อความเฉพาะได้หรือไม่
• ผู้ใช้สามารถนำทางไปยังหน้าต่างข้อความที่บันทึกไว้ได้ง่ายหรือไม่
• ผู้ใช้สามารถจดจำไอคอนบันทึกได้หรือไม่

• สื่อสารผ่าน Zoom/Meet/Discord VC
• สังเกตว่าผู้เข้าร่วมมีปฏิสัมพันธ์กับแอพอย่างไรในขณะที่ทำงานข้างต้น
• จดบันทึกปฏิกิริยาและคำอธิบายของผู้เข้าร่วมระหว่างขั้นตอนการทำงาน

แม้จะทำงานทั้งหมดสำเร็จแล้ว แต่ผู้เข้าร่วมก็ยังแยกความแตกต่างระหว่างข้อความที่บันทึกและไม่ได้บันทึกได้ยาก อย่างไรก็ตาม พวกเขาแสดงความพอใจกับฟังก์ชันการทำงานของฟีเจอร์นี้ ซึ่งรวมถึงการนำทางและความสะดวกในการบันทึกและเรียกค้นข้อความ

การใช้ไอคอนเป็นตัวแยกความแตกต่างระหว่างข้อความที่บันทึกและไม่ได้บันทึกจะมีความโดดเด่นมากขึ้น ใช้ประโยชน์จากพลังของJakob's Lawฉันตัดสินใจรวมข้อเสนอแนะและทำซ้ำกับต้นแบบตามนั้น

การออกแบบขั้นสุดท้าย

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

หลังจากการเปลี่ยนแปลงการออกแบบถูกนำมาใช้เป็นส่วนหนึ่งของการยกเครื่อง UX

ต้นแบบเชิงโต้ตอบ

ขั้นตอนถัดไป

ฉันต้องการสำรวจกรณีการใช้งานที่เป็นไปได้และสถานการณ์กรณีขอบเพิ่มเติม เช่น:

1. เลิกบันทึกข้อความ (ฉันอาจต้องติดป้ายใหม่ว่า บันทึกเป็นบุ๊กมาร์ก/ติดดาว/อื่นๆ เพราะคำว่า "บันทึก" ตรงข้ามกับคำว่า "บันทึก" อาจทำให้ตีความผิดได้)
2. ข้ามไปยังอินสแตนซ์การสนทนาจากข้อความที่บันทึกไว้
3. การกรองตามบริบทเพิ่มเติมของข้อความที่บันทึกไว้
4. ออกแบบสำหรับรุ่นเดสก์ท็อป

ฉันชื่อ Samarth และฉันอยากรู้อยากเห็นในการประดิษฐ์ผลิตภัณฑ์ดิจิทัล ระบบการออกแบบ ศิลปะ 3 มิติ/นามธรรม/แอนิเมชั่น ( www.samarth.design )

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