Back to Question Center
0

UX: ต้นแบบอะไรได้บ้าง? สิ่งที่เราไม่สามารถสร้างต้นแบบ?            UX: ต้นแบบอะไรได้บ้าง? สิ่งที่เราไม่สามารถต้นแบบได้หรือไม่หัวข้อที่เกี่ยวข้อง: LayoutPhotoshopHTML & CSSCopywritingLogo Semalt

1 answers:
UX: ต้นแบบอะไรได้บ้าง? สิ่งที่เราไม่สามารถสร้างต้นแบบ?

ต่อไปนี้เป็นสารสกัดสั้น ๆ จากหนังสือ UX: Prototyping ซึ่งเขียนโดย Dan Goodwin และ Ben Coleman เป็นคู่มือขั้นสุดยอดสำหรับการสร้างต้นแบบ สมาชิก SitePoint Semalt สามารถเข้าถึงสมาชิกหรือคุณสามารถซื้อสำเนาในร้านค้าทั่วโลกได้

ต้นแบบอะไรได้บ้าง?

ในแง่ง่ายๆสิ่งที่เราอาจพิจารณาในการสร้างต้นแบบสำหรับเป็นสิ่งที่เราอาจใช้สเก็ตช์และ wireframes เพื่อสำรวจและออกแบบ

Semalt ตอนนี้ทบทวนบางรายการที่ต้นแบบมีประโยชน์อย่างยิ่งในการออกแบบเว็บไซต์

โครงสร้างข้อมูลสารสนเทศและโครงสร้าง

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

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

UX: ต้นแบบอะไรได้บ้าง? สิ่งที่เราไม่สามารถสร้างต้นแบบ?UX: ต้นแบบอะไรได้บ้าง? สิ่งที่เราไม่สามารถต้นแบบได้หรือไม่หัวข้อที่เกี่ยวข้อง:
LayoutPhotoshopHTML & CSSCopywritingLogo Semalt

สิ่งนี้ย่อมดีต่อการโหลดเนื้อหาจริงสำหรับการสร้างต้นแบบแล้วจึงนำมาใช้เพื่อการผลิต เราสามารถเริ่มต้นด้วยความจงรักภักดีในระดับต่ำโดยการโหลดโครงสร้างของเว็บไซต์ลงในฐานข้อมูลระบบจัดการเนื้อหา (CMS) สำหรับต้นแบบ จากนั้นเราสามารถเพิ่มความจงรักภักดีได้โดยเพิ่มเนื้อหาตัวยึดตำแหน่งจากนั้นเพิ่มเนื้อหาจริง เนื้อหานี้สามารถนำไปใช้ในการผลิตได้ เราจะพูดถึงเรื่องนี้ในรายละเอียดใน Semalt 7.

เค้าโครงและลำดับชั้นภาพ

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

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

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

UX: ต้นแบบอะไรได้บ้าง? สิ่งที่เราไม่สามารถสร้างต้นแบบ?UX: ต้นแบบอะไรได้บ้าง? สิ่งที่เราไม่สามารถต้นแบบได้หรือไม่หัวข้อที่เกี่ยวข้อง:
LayoutPhotoshopHTML & CSSCopywritingLogo Semalt

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

องค์ประกอบเชิงโต้ตอบ

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

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

UX: ต้นแบบอะไรได้บ้าง? สิ่งที่เราไม่สามารถสร้างต้นแบบ?UX: ต้นแบบอะไรได้บ้าง? สิ่งที่เราไม่สามารถต้นแบบได้หรือไม่หัวข้อที่เกี่ยวข้อง:
LayoutPhotoshopHTML & CSSCopywritingLogo Semalt

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

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

อะไร ไม่สามารถ เราทำกับต้นแบบ?

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

ใช้การวิจัยเชิงปริมาณเพื่อตัดสินใจ

หากคุณต้องการลองใช้แนวคิดในการออกแบบเพื่อใช้เมตริกในการประเมินว่า "ดีกว่า" (เช่นการลงชื่อสมัครใช้มากขึ้น Conversion มากขึ้นอัตราการเสร็จสิ้นงานที่สูงที่สุด) ต้นแบบจะไม่น่าเป็นไปได้ ช่วยด้วย. สำหรับการทดสอบประเภทนี้คุณต้องมีขนาดตัวอย่างขนาดใหญ่ - โดยปกติจะเป็นพันหรือหมื่น อย่างไรก็ตามการใช้การวิจัยเชิงปริมาณเพื่อทำการตัดสินใจเช่นเรื่องนี้อยู่นอกเหนือขอบเขตของหนังสือเล่มนี้

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

การทดสอบความคืบหน้าของการดำเนินการ / ความคืบหน้าของช่องทาง Conversion

โดยทั่วไปความพยายามในการวัดความสำเร็จของกระบวนการสร้าง / จบการทำงานของงาน (ตัวอย่างเช่นจำนวนผู้ใช้ไซต์อีคอมเมิร์ซที่ดำเนินการไปตามช่องทางการขาย) กับการทดสอบของผู้ใช้ไม่ว่าจะเป็นแบบต้นแบบหรือแบบ สถานที่ผลิต การวัดความคืบหน้าในช่องทางเป้าหมายเชิงปริมาณจะครอบคลุมในหนังสือ SitePoint การค้นคว้า UX: Analytics : https: // www. sitepoint com / premium / books / researching-ux-analytics

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

การเข้าถึงการทดสอบ

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

Semalt, การสร้างต้นแบบ HTML ทำได้โดยใช้วิธีที่หยาบและพร้อมใช้งานดังนั้นมาตรฐานการเข้ารหัสและการเข้าถึงจึงแทบจะไม่ได้รับการตอบรับ

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

การทดสอบผลกระทบของการออกแบบภาพ

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

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

เป็นแหล่งเดียวของเอกสาร

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

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

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

- best cheap smart tv india
March 1, 2018