การสร้างรากฐานแห่งความเป็นเลิศ: พื้นฐาน 9 ประการของการออกแบบการโต้ตอบที่ยอดเยี่ยมของ Intercom

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

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

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

เมื่อเราเข้าใจปัญหานี้ในทีมออกแบบของเราเอง เราก็ได้กำหนดพื้นฐานของการออกแบบการโต้ตอบที่ดี เป็นเครื่องเตือนใจถึงสิ่งที่สำคัญอย่างยิ่งสำหรับเรา แต่บางครั้งก็ลืมไป

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

1. นำเสนอวัตถุเดียวกันในแบบที่คุ้นเคยทุกที่

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

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

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

ถาม:

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

2. สร้างลำดับชั้นในอินเทอร์เฟซของคุณ

การสร้างลำดับชั้นที่ชัดเจนช่วยให้ลูกค้าของเราเข้าใจวิธีการทำงานของผลิตภัณฑ์ ความสัมพันธ์ระหว่างส่วนต่างๆ สิ่งที่สำคัญ และสิ่งที่ไม่มีความสำคัญ

ทำ
ใช้ช่องว่าง ตัวพิมพ์ การจัดกลุ่ม และการเยื้องเพื่อสื่อสารลำดับชั้นและความสัมพันธ์ระหว่างส่วนต่างๆ ของอินเทอร์เฟซอย่างชัดเจน

อย่า
ทำให้เส้นแบ่งระหว่างระดับของลำดับชั้นต่างๆ ไม่ชัดเจนโดยไม่มีกลุ่มที่แยกได้ อย่าสร้างกล่องมากเกินไปภายในกล่อง

ถาม:

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

3. สร้างภาพจังหวะและความสมดุล

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

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

อย่า
จัดวางทุกอย่างในรายการแบบเรียบ อย่าใช้ประโยคหรือบรรทัดที่ยาวเกินไป

ถาม:

• สแกนการออกแบบได้ง่ายหรือไม่ และรู้ว่าส่วนที่สำคัญที่สุดคืออะไร?
• รู้สึกสมดุลทางสายตาหรือไม่?
• อินเทอร์เฟซสอดคล้องกับระบบกริดหรือไม่?

4. ใช้รูปแบบและการโต้ตอบที่ยอมรับกันทั่วไป

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

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

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

ถาม:

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

5. ใช้การเปิดเผยแบบก้าวหน้า

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

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

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

ถาม:

• กรณีการใช้งานที่พบบ่อยที่สุดคืออะไร?
• ค่าเริ่มต้นควรเป็นอย่างไรเพื่อให้คนส่วนใหญ่ไม่ต้องเปลี่ยน
• เราจะเปิดเผยข้อมูลไปเรื่อย ๆ ได้อย่างไร?
• เรากำลังประนีประนอมกรณีการใช้งานทั่วไปสำหรับ edge case หรือไม่?

6. มีความชัดเจนและรัดกุม

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

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

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

ถาม:

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

7. พิจารณาการตอบสนองและความเร็ว

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

ทำ
ให้คำติชมแก่ผู้ใช้ทันทีเมื่อพวกเขาโต้ตอบกับผลิตภัณฑ์และกำหนดความคาดหวังเกี่ยวกับเวลารอ

อย่า
ลืมเกี่ยวกับสถานะการโหลด

ถาม

• จะเกิดอะไรขึ้นหลังจากโต้ตอบกับอินเทอร์เฟซ
• ชัดเจนหรือไม่ว่าได้รับการดำเนินการแล้วและกำลังดำเนินการอยู่
• ชัดเจนไหมว่าการประมวลผลจะเสร็จสิ้นเมื่อใด

8. แนะนำผู้ใช้ถึงสิ่งที่พวกเขาควรทำต่อไป

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

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

อย่า
อย่าสร้างทางตันที่ผู้ใช้ต้องคิดเองว่าต้องทำอะไรต่อไป

ถาม

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

9. คำนึงถึงการช่วยสำหรับการเข้าถึง

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

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

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

ถาม:

• มีส่วนประกอบระบบการออกแบบ สี หรือสไตล์ข้อความที่คุณสามารถใช้ได้หรือไม่
• ข้อความอ่านง่ายเพียงพอหรือไม่
• มีความคมชัดเพียงพอหรือไม่
• มีมากกว่าแค่สีที่ใช้สื่อความหมายหรือไม่?

มุ่งเน้นไปที่งานฝีมือหลักของเรา

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

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