เทคนิคการออกแบบ UX ที่นักออกแบบทุกคนควรรู้

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

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

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

บทสัมภาษณ์ผู้มีส่วนได้ส่วนเสีย

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

เจรจาวันและเวลาของการประชุมล่วงหน้าและสร้างรายการคำถาม ตัวอย่างเช่น รายการคำถามอาจเป็นดังนี้:

ก ) วิสัยทัศน์โครงการ:

• อะไรเป็นตัวกำหนดความสำเร็จของผลิตภัณฑ์ของคุณ?
• บอกวิสัยทัศน์ของคุณเกี่ยวกับผลิตภัณฑ์

ข ) บริษัท :

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

ค ) ผู้ใช้:

• คุณอธิบายกลุ่มเป้าหมายของคุณได้ไหม
• ผู้ใช้ของคุณมีประเภทใดบ้าง
• คุณทราบบริบทการใช้งานหลักของแอปหรือไม่

บทสัมภาษณ์ผู้ใช้

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

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

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

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

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

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

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

การวิเคราะห์งาน

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

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

การวิเคราะห์งานมีสองประเภท – ลำดับชั้นและองค์ความรู้ อัลกอริทึมของการดำเนินการวิเคราะห์งานตามลำดับชั้นมีดังต่อไปนี้:

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

ตัวอย่างเช่น นี่คือตัวอย่างการวิเคราะห์งานสำหรับการซื้อเมาส์สำหรับเล่นเกมบน Bestbuy.com

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

กรณีการใช้งานหรือแผนภาพพฤติกรรม

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

หลังจากที่บุคคลเกิดวันเกิดได้รับบัตรของขวัญแล้ว พวกเขาจะสามารถดู ถูกใจ หรือตอบกลับในแอพได้ ในกรณีที่วันเกิดยังไม่ได้ติดตั้งแอป พวกเขาจะมาที่ App Store และติดตั้งแอป แผนภาพพฤติกรรมจะมีลักษณะดังนี้:

เรื่องราวของผู้ใช้หรือข้อกำหนดด้านพฤติกรรม

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

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

การไหลของผู้ใช้

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

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

แผนที่ความคิด

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

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

ตัวอย่างเช่น นี่คือแผนที่ความคิดของแอปนับถอยหลังที่เรียกว่า My Day ซึ่งคุณสามารถพบได้ใน Apple App Store

โครงลวด

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

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

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

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

ต้นแบบ

ต้นแบบคือการจำลองคุณลักษณะและการนำทางของเว็บหรือแอปบนอุปกรณ์เคลื่อนที่ ซึ่งช่วยให้คุณโต้ตอบกับแอปได้ก่อนที่การออกแบบแอปจะถูกส่งไปยังผู้เขียนโค้ด ด้วยความช่วยเหลือของบริการสร้างต้นแบบ เช่น invisionapp.com หรือ mockup.io คุณสามารถอัปโหลดโครงลวดหรือจำลอง และรับแอปที่มีปุ่มที่คลิกได้

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

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

การทดสอบ A/B

การทดสอบ A/B เป็นเทคนิคที่นำเสนอผลิตภัณฑ์เวอร์ชันต่างๆ ให้กับผู้ใช้ เพื่อเปรียบเทียบการรับสัญญาณและความง่ายในการใช้งานระหว่าง 2 แพลตฟอร์ม ช่วยให้คุณทดสอบการปรับแต่งและคุณสมบัติการออกแบบเล็กๆ น้อยๆ เพื่อดูว่าทำงานตามที่ออกแบบไว้หรือไม่ ตัวอย่างเช่น มีการทดสอบ A/B สำหรับแอป Runkeeper

ติดตามการเคลื่อนไหวของดวงตา

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

บทสรุป

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