การออกแบบ Ux

10 UX สิ่งที่นักออกแบบชั้นนำใช้

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

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

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

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

ฉันมี llc ประเภทใด

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

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

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

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

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

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

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

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

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

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

รายชื่อคู่แข่งและแผนภูมิการวิเคราะห์คู่แข่ง (โดย จันดานมิชรา ).

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

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

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

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

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

Personas เป็นส่วนหนึ่งของกระบวนการออกแบบ UX

คน (โดย Miklos Philips ).

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

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

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

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

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

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

5. สัมผัสกับแผนที่การเดินทางของผู้ใช้และการไหลของผู้ใช้

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

บทบาทและความรับผิดชอบของหัวหน้าเจ้าหน้าที่การเงิน

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

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

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

แผนที่ประสบการณ์เป็น UX ที่ส่งมอบได้และเป็นส่วนหนึ่งของกระบวนการออกแบบ UX

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

6. UX Wireframes

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

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

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

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

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

Wireframes เป็นพื้นฐานและด้วยเหตุนี้จึงเป็นเครื่องมือในการช่วยกำหนดการออกแบบอย่างมีโครงสร้างและวิธีการที่โฟลว์ของผู้ใช้ทำงานผ่านแอปหรือไซต์ภายใต้สถานการณ์การใช้งานที่แตกต่างกัน มีบางสิ่งที่น่าสนใจใน Wireframes เช่น 'แผนที่โครงร่าง' ที่กล่าวถึงในส่วนก่อนหน้านี้ในบล็อกการออกแบบ ApeeScape และ“ wireflow :” UX ที่ส่งมอบได้สำหรับเวิร์กโฟลว์และแอพจากไฟล์ NNGroup .

Wireframes เป็นสิ่งประดิษฐ์การออกแบบ UX และ UX ที่สามารถส่งมอบได้โดยทั่วไป

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

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

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

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

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

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

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

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

ต้นแบบแบบโต้ตอบเป็น UX ที่ส่งมอบได้และเป็นส่วนหนึ่งของกระบวนการออกแบบ UX

ต้นแบบเชิงโต้ตอบสำหรับการสำรวจออกแบบ UX และการทดสอบการใช้งาน (โดย Miklos Philips ).

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

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

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

Visual Design เป็น UX ที่ส่งมอบได้และเป็นส่วนหนึ่งของกระบวนการออกแบบ UX

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

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

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

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

ตัวอย่างการพิสูจน์ตัวตนโดยใช้โทเค็นการรักษาความปลอดภัยสปริง

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

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

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

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

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

ข้อมูลจำเพาะของ Styleguides และ UX เป็น UX ที่ส่งมอบได้และเป็นส่วนหนึ่งของกระบวนการออกแบบ UX

Styleguide และข้อมูลจำเพาะสำหรับนักพัฒนาขั้นตอนสุดท้ายในกระบวนการออกแบบ UX

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

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

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

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

ตารางอักขระ utf-8

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

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

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

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

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

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

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

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

•••