ความหมายที่แท้จริงของโครงลวดของโครงการคืออะไร?
โครงร่างของโครงการคืออะไร?
คำตอบ:
โครงร่างเป็นการแสดงภาพที่เรียบง่ายมากของการออกแบบเลย์เอาต์ของโครงการซึ่งใช้เพื่อสื่อสารแง่มุมพื้นฐานของโครงการอย่างรวดเร็ว มันใช้กันทั่วไปในการพัฒนาเว็บ แต่เป็นเทคนิคที่ได้รับการรับรองในโดเมนอื่นเช่นกัน
สำหรับคำถามที่คล้ายกันมากเกี่ยวกับ User Experience Stack Exchange, DA01 ผู้เขียนบันทึกคำตอบที่ได้รับการโหวตสูงสุด :
ที่กล่าวว่าโครงร่างเป็นภาพร่างเพื่อสื่อสารความคิด / แนวคิด คำนี้มาจากการสร้างแบบจำลอง 3 มิติที่โครงร่างเป็นพื้นฐานดั้งเดิมของวัตถุเพื่อให้ความรู้สึกของรูปแบบและขนาดโดยไม่ต้องผูกมัดกับแบบจำลองที่แสดงผลเต็ม
ในบริบทของเว็บไซต์ wireframes ให้บริการโดยมีวัตถุประสงค์มากมายขึ้นอยู่กับบริบทของโครงการ สิ่งเหล่านี้อาจรวมถึง:
- โฟลว์ไซต์ (โดยทั่วไปจะทำกับโฟลว์แผนภูมิ)
- การโต้ตอบ (ไม่ใช่เรื่องง่ายเสมอไปในเอกสารโครงลวด แต่เป็นเรื่องปกติ)
- โครงสร้างเนื้อหาทั่วไป
- เค้าโครงหน้าทั่วไป
นี่คือตัวอย่างของ wireframesภาพรวมก่อนหน้าของArea51ของStack Exchange :
Wireframesของ Andreas Wulf : วิธีที่ดีในการเริ่มต้นโครงการพัฒนาบน InfoQ ให้ภาพรวมอย่างรวดเร็วว่าใครกำลังใช้ wireframes:
ใครใช้ Wireframes
Wireframes เป็นเครื่องมือสื่อสารที่มีประสิทธิภาพซึ่งทุกคนที่เกี่ยวข้องในกระบวนการพัฒนาจะได้รับประโยชน์:
- ลูกค้า - รับความเข้าใจที่ดีขึ้นเกี่ยวกับสิ่งที่จะได้รับการพัฒนาและสามารถตัดสินได้ว่าวิธีการแก้ปัญหาตอบสนองความต้องการของพวกเขาอย่างเพียงพอ พวกเขาสามารถดูว่ามีบางสิ่งที่ขาดหายไปในส่วนต่อประสานผู้ใช้การกระทำใดที่พร้อมใช้งานและองค์ประกอบของส่วนต่อประสานที่รวมเข้าด้วยกัน บ่อยครั้งที่การแสดงโครงร่างต่อผู้มีส่วนได้ส่วนเสียทางธุรกิจจะนำประเด็นสำคัญที่ไม่ได้พิจารณามาก่อน สิ่งนี้เป็นสิ่งที่ดีเพราะการแก้ไขปัญหาในขั้นตอนการ wireframing นั้นง่ายกว่าและถูกกว่าการแก้ไขในภายหลังเมื่อตั้งค่าไว้ในรหัส
- ผู้จัดการโครงการ - ใช้ wireframes เพื่อให้แน่ใจว่าผู้มีส่วนได้ส่วนเสียทั้งหมดอยู่ในหน้าเดียวกันและยอมรับในสิ่งที่กำลังจะสร้าง เมื่อโครงการดำเนินไปพวกเขาสามารถใช้ wireframes เป็นรายการตรวจสอบเพื่อติดตามความคืบหน้าและตรวจสอบว่าทุกสิ่งที่สำคัญได้รับการพิจารณาและนำไปปฏิบัติแล้ว
- นักออกแบบ - สามารถพึ่งพา wireframes เป็นพิมพ์เขียวสำหรับการออกแบบภาพของส่วนต่อประสานผู้ใช้ Wireframes นำเสนอโครงสร้างโครงร่างที่สามารถเปลี่ยนเป็นการเยาะเย้ยพิกเซลที่สมบูรณ์แบบด้วยสีแบบอักษรและองค์ประกอบการออกแบบอื่น ๆ
- ผู้พัฒนา - ใช้ประโยชน์จาก wireframes เพื่อทำความเข้าใจเกี่ยวกับการทำงานของโซลูชันและข้อกำหนดทางเทคนิค กลุ่มโครงลวดที่รวมกันในกระดานเรื่องราวจะมีประโยชน์ต่อผู้พัฒนาในการพิจารณาว่าชุดการโต้ตอบของผู้ใช้ควรทำงานร่วมกันอย่างไร
อ่านเพิ่มเติม:
- คำถาม Wireframeในประสบการณ์ของผู้ใช้ Stack แลกเปลี่ยน
- ประโยชน์ของการ Wireframing การออกแบบ