10 UX ที่นักออกแบบชั้นนำเลือกใช้

เผยแพร่แล้ว: 2022-03-11

ฟังเวอร์ชั่นเสียงของบทความนี้

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

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

ต่อไปนี้คือผลงาน 10 UX ที่นักออกแบบ UX มักสร้างขึ้นระหว่างการมีส่วนร่วม (รายการนี้ไม่ครอบคลุมและอาจนานกว่านี้ขึ้นอยู่กับลักษณะของงาน)

1. เป้าหมายทางธุรกิจและข้อกำหนดทางเทคนิค

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

ไม่จำเป็นต้องยาวเกินหนึ่งหน้า แต่ควรอธิบายแก่นของ อะไร ทำไม และอย่างไร นี่คือตัวอย่าง: “The Fantastic App Co. ได้ระบุช่องว่างในแอปพลิเคชันการให้ของขวัญบนแพลตฟอร์มมือถือสำหรับตลาดมิลเลนเนียล (iOS และ Android) คนรุ่นมิลเลนเนียลจำนวนมากมีปัญหาในการจำวันพิเศษ ระบุของขวัญที่ดีที่สุด จากนั้นจึงค้นหาและซื้อของขวัญเหล่านั้น โซลูชันของเราออกแบบมาเพื่อบรรเทาความเครียดนั้น การใช้การออกแบบที่คาดการณ์ล่วงหน้าและเทคโนโลยี AI ล่าสุด แอปจะมอบประสบการณ์ผู้ใช้ที่มีประโยชน์และแทบจะน่าอัศจรรย์”

คำจำกัดความของเป้าหมายธุรกิจและข้อกำหนดทางเทคนิคเป็นส่วนหนึ่งของกระบวนการออกแบบ UX

2. รายงานวิเคราะห์การแข่งขัน

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

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

งานเริ่มต้นอย่างหนึ่งของนักออกแบบ UX คือการวิจัยว่าผลิตภัณฑ์หรือบริการใดที่ลูกค้าเป้าหมายกำลังใช้เพื่อแก้ปัญหา มีผลิตภัณฑ์หรือบริการที่เทียบเท่ากันหรือไม่? มีวิธีอื่นที่ผู้คนใช้กันซึ่งดีพอแต่ยังไม่สมบูรณ์แบบหรือไม่? Band-Aid—วิตามินแต่ไม่ใช่ยาแก้ปวด? UX ที่ดีขึ้นจะสร้างความแตกต่างได้อย่างไร

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

แผนผังเว็บไซต์และสถาปัตยกรรมข้อมูลเป็นส่วนหนึ่งของกระบวนการออกแบบ UX
รายชื่อคู่แข่งและแผนภูมิการวิเคราะห์คู่แข่ง (โดย Chandan Mishra)

3. รายงานการวิจัยบุคคลและ UX

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

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

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

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

ตัวตนเป็นส่วนหนึ่งของกระบวนการออกแบบ UX
บุคคล (โดย Miklos Philips)

4. แผนผังเว็บไซต์และสถาปัตยกรรมสารสนเทศ

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

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

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

แผนผังเว็บไซต์และสถาปัตยกรรมข้อมูล ส่วนประกอบของกระบวนการออกแบบ UX
แผนผังเว็บไซต์ที่แสดงสถาปัตยกรรมข้อมูล

5. แผนที่ประสบการณ์ การเดินทางของผู้ใช้ และกระแสของผู้ใช้

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

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

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

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

แผนที่ประสบการณ์คือการส่งมอบ UX และเป็นส่วนหนึ่งของกระบวนการออกแบบ UX
แผนที่ประสบการณ์ถูกสร้างขึ้นโดยเป็นส่วนหนึ่งของกระบวนการออกแบบ UX (โดย Miklos ฟิลิปส์)

6. UX Wireframes

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

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

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

ต้องการนักออกแบบ UX อิสระที่ทำงานเต็มเวลาในสหรัฐฯ

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

Wireframes เป็นพื้นฐาน และด้วยเหตุนี้จึงเป็นเครื่องมือในการช่วยกำหนดการออกแบบเชิงโครงสร้าง และวิธีที่การไหลของผู้ใช้ทำงานผ่านแอพหรือไซต์ภายใต้สถานการณ์การใช้งานที่แตกต่างกัน มีการบิดที่น่าสนใจบางอย่างใน wireframes เช่น "wireframe maps" ที่กล่าวถึงในบทความก่อนหน้านี้ใน Toptal Design Blog และ "wireflows:" UX ที่ส่งมอบสำหรับเวิร์กโฟลว์และแอพจาก NNGroup

Wireframes เป็นสิ่งประดิษฐ์การออกแบบ UX และการส่งมอบ UX ที่พบบ่อยที่สุด
โครงลวดที่มีคำอธิบายประกอบเป็นหนึ่งในสิ่งประดิษฐ์การออกแบบ UX ที่พบบ่อยที่สุด

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

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

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

ต้นแบบเชิงโต้ตอบเป็นส่วนหนึ่งของกระบวนการออกแบบ Lean UX และ Agile

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

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

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

ต้นแบบเชิงโต้ตอบคือการส่งมอบ UX และเป็นส่วนหนึ่งของกระบวนการออกแบบ UX
ต้นแบบเชิงโต้ตอบสำหรับการสำรวจการออกแบบ UX และการทดสอบการใช้งาน (โดย Miklos Philips)

8. การออกแบบภาพ

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

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

Visual Design เป็นผลงาน UX และเป็นส่วนหนึ่งของกระบวนการออกแบบ UX
การออกแบบภาพเป็นขั้นตอนสุดท้ายของกระบวนการออกแบบ UX หลังจากสเก็ตช์ โครงลวด การออกแบบการโต้ตอบ และต้นแบบ (โดย Miklos ฟิลิปส์)

9. สไตล์ไกด์และข้อมูลจำเพาะสำหรับนักพัฒนา

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

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

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

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

หากคุณทำงานใน Sketch ก็มีสิ่งส่งมาจากพระเจ้า เช่น Zeplin Zeplin เป็นเครื่องมือการทำงานร่วมกันสำหรับนักออกแบบ UI และนักพัฒนาส่วนหน้า มันไปไกลกว่าเวิร์กโฟลว์การออกแบบและช่วยทีมในการส่งต่อการออกแบบ

นอกจากนี้ คุณสามารถสร้างคู่มือสไตล์การออกแบบได้ในเวลาไม่กี่วินาทีจาก Sketch ด้วยปลั๊กอิน Craft หรือการวัดและ CSS ที่ดึงมาจากการออกแบบโดยการสร้างไฟล์ HTML ด้วยปลั๊กอิน Marketch ตามที่อธิบายไว้ในบทความนี้

นี่คือตัวอย่างสไตล์ไกด์ที่ยอดเยี่ยม 50 ตัวอย่าง หนึ่งรายการจาก BBC และอีกหนึ่งรายการจาก IBM ซึ่งทั้งคู่โฮสต์คู่มือออนไลน์ซึ่งทำให้ทุกคนสามารถดูได้ง่าย

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

10. รายงานการทดสอบการใช้งานและการวิเคราะห์การใช้งาน

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

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

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

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

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

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

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

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

รายงานการทดสอบความสามารถในการใช้งานยังเป็นผลงาน UX ซึ่งเป็นส่วนหนึ่งของกระบวนการออกแบบ UX
รายงานการทดสอบการใช้งาน

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

• • •

อ่านเพิ่มเติมเกี่ยวกับบล็อก Toptal Design:

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