แบบฟอร์มและฟังก์ชัน – คำแนะนำเกี่ยวกับเครื่องมือ Wireframe ยอดนิยม

ในปี ค.ศ. 1487 Leonardo da Vinci ได้วาดแผนผังที่เรียกว่า "ยานเกราะต่อสู้" ซึ่งได้รับการออกแบบในขณะที่เขาอยู่ภายใต้การอุปถัมภ์ของ Ludovico Sforza ดยุคแห่งมิลาน แม้ว่าเครื่องจะได้รับการออกแบบโดยจงใจให้ทำงานไม่ถูกต้อง แต่กลุ่มวิศวกรได้สร้างเครื่องขึ้นใหม่ในปี 2010 แผนผัง ของ Da Vinci เป็นหนึ่งในตัวอย่างแรกสุดของโครงร่างโครงร่างพื้นฐาน

คำว่า wireframe ถูกใช้มานานหลายทศวรรษ ก่อนที่โลกการออกแบบเว็บจะนำมาใช้ เดิมที Wireframes ถูกใช้ในซอฟต์แวร์ Computer Aided Design (CAD) เพื่อแสดงการออกแบบของวัตถุโดยไม่ต้องมีรายละเอียด ผลที่ได้คือ พิมพ์เขียว ที่ดูเหมือนทำมาจากสายไฟ จริงๆ แล้วเราก็ลงเอยด้วยโครงลวด

แต่โครงร่างในการออกแบบคืออะไร และมีจุดประสงค์อะไร?

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

นักออกแบบใช้โครงลวดเพื่อเชื่อมต่อโครงสร้างแนวคิดพื้นฐานกับการออกแบบภาพของเว็บไซต์หรือหน้าจอแอป โครงลวดมีสามประเภท:

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

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

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

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

เครื่องมือ Wireframing ยอดนิยม

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

• ความสามารถในการสร้างความเที่ยงตรงที่หลากหลาย (ต่ำไปสูง)
• ซอฟต์แวร์ที่เสถียรซึ่งใช้งานง่ายและอัพเดทบ่อยครั้ง
• เทมเพลต สัญลักษณ์ และส่วนประกอบ UI มาตรฐานในตัวพร้อมความสามารถเสริม

เครื่องมือบางอย่างในคู่มือนี้เน้นไปที่การ wireframing มากกว่า ในขณะที่เครื่องมืออื่นๆ พยายามที่จะสร้างสมดุลระหว่าง wireframing และ prototyping และฟังก์ชั่นการจำลอง การเลือกใช้เครื่องมือหนึ่งเหนืออีกเครื่องมือหนึ่ง (หรือหลายเครื่องมือร่วมกัน) จะขึ้นอยู่กับความชอบของนักออกแบบ

บัลซามิค

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

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

Balsamiq มีให้บริการเป็นเวอร์ชันเดสก์ท็อป (Windows และ Mac) บริการคลาวด์ หรือเป็นปลั๊กอินสำหรับ Google Drive, Confluence และ JIRA

Moqups

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

ความแตกต่างที่สำคัญระหว่าง Moqups และ Balsamiq คือความเที่ยงตรงของโครงลวด ในขณะที่ Balsamiq สร้างรูปลักษณ์ "วาดด้วยมือ" Moqups ให้ลายฉลุและชุดอุปกรณ์เต็มรูปแบบสำหรับแอพมือถือและการออกแบบเว็บรวมถึง iOS, Android และ Bootstrap

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

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

ปิโดโก

Pidoco เป็นเครื่องมือ Wireframing อันดับต้น ๆ ที่เน้นที่ผลลัพธ์ที่มีความเที่ยงตรงต่ำพร้อมการโต้ตอบพื้นฐานบางอย่าง นอกจากนี้ ระบบคลาวด์ยังใช้ส่วนประกอบที่นำกลับมาใช้ใหม่ได้และแตกต่างจาก Balsamiq และ Moqups ด้วยประสบการณ์โครงลวดการคลิกผ่านที่แข็งแกร่งยิ่งขึ้น

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

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

Gliffy

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

เช่นเดียวกับเครื่องมือ wireframing อื่นๆ Gliffy มีคลังของรูปร่าง ไอคอน และความสามารถในการแชร์โครงร่างแบบเนทีฟกับ Confluence, Slack, Basecamp, Trello และ WordPress ของ Atlassian

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

Wireframe.cc

Wireframe.cc เป็นเครื่องมือสร้างโครงลวดพื้นฐานเหมือนกับ Balsamiq มีอินเทอร์เฟซที่สะอาดโดยไม่มีแถบเครื่องมือและไอคอนที่เสียสมาธิมากมาย ต่างจากเครื่องมืออื่นๆ มากมาย มันให้คุณ "ร่าง" wireframes ด้วยเมาส์ได้

Wireframe.cc มีไลบรารีของ stencils และการจัดการวัตถุที่สะอาดและไม่ซับซ้อน องค์ประกอบที่เป็นประโยชน์ที่ Wireframe.cc นำเสนอเมื่อทำงานกับ Lean UX คือ URL สำหรับหน้าโครงร่างแต่ละหน้า จึงสามารถแบ่งปันความคิดเห็นได้อย่างรวดเร็วและง่ายดาย

ไม่มีการสร้างต้นแบบหรืออินเทอร์แอกทีฟในตัว เนื่องจากเน้นไปที่ Wireframing ที่มีความเที่ยงตรงต่ำเท่านั้น

แปลก

เรียกว่า "Google Docs" สำหรับ wireframes ซึ่งเป็นเครื่องมือสร้างไดอะแกรมเลียนแบบที่แปลกประหลาด เช่น OmniGraffle และ Visio ไม่ได้เน้นที่การสร้างต้นแบบ/การจำลอง เนื่องจากจุดเน้นหลักอยู่ที่การกำหนดโครงร่างโครงลวดและผังงาน ทำให้เป็นตัวเลือกที่ยอดเยี่ยมสำหรับการผลิตกระแสไฟ

เช่นเดียวกับ Gliffy Whimsical เป็นเครื่องมือ Wireframing ระดับกลางและมีไลบรารีองค์ประกอบที่กำหนดค่าได้จำนวนมาก (ปุ่ม อินพุต ช่องทำเครื่องหมาย ฯลฯ)

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

Adobe XD

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

มีสองวิธีในการสร้าง wireframes ใน Adobe XD สามารถสร้างได้โดยใช้เส้นและรูปร่างเพื่อสร้างวัตถุและองค์ประกอบ หรือสามารถสร้างโดยใช้ชุด UI ที่สร้างไว้ล่วงหน้าจากแหล่งต่างๆ เช่น ทรัพยากร behance.net และ XD

คุณลักษณะที่ช่วยประหยัดเวลาอย่างหนึ่งของ Adobe XD คือความสามารถในการสร้างส่วนประกอบ "หลัก" (เรียกว่า Symbols in Sketch) ซึ่งมีประโยชน์เมื่อทำการเปลี่ยนแปลงเนื่องจากส่วนประกอบทั้งหมดที่สร้างอินสแตนซ์จากต้นแบบจะสืบทอดการเปลี่ยนแปลงใดๆ

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

ร่าง

Sketch ซึ่งเป็นเครื่องมือออกแบบยอดนิยมสำหรับนักออกแบบ UX/UI ให้แพลตฟอร์มสำหรับการแก้ไขเวกเตอร์ การสร้างต้นแบบ และการทำงานร่วมกัน และมีไลบรารี่ของปลั๊กอินนับร้อยที่ขยายฟังก์ชันการทำงาน

Wireframing ใน Sketch เหมือนกับ Adobe XD ที่มีการใช้ชุดเครื่องมือ/แม่แบบและเครื่องมือวาดภาพ Sketch ใช้ สัญลักษณ์ อย่างกว้างขวางซึ่งเป็นส่วนประกอบที่นำกลับมาใช้ใหม่ได้ ซึ่งสามารถกำหนดครั้งเดียวและใช้ได้หลายครั้ง (ปุ่ม ฯลฯ) สัญลักษณ์ที่สร้างอินสแตนซ์ยังทำการเปลี่ยนแปลงใด ๆ ที่ทำกับสัญลักษณ์ "ต้นแบบ" สิ่งนี้เป็นประโยชน์สำหรับนักออกแบบ เนื่องจากมักจะมีการเปลี่ยนแปลงหลายอย่างที่ต้องทำตลอดกระบวนการวางโครงลวด

Sketch ช่วยให้นักออกแบบสามารถสร้าง Wireframes, Prototype และ Mockup ที่มีความเที่ยงตรงสูง ไม่ใช่แอปบนคลาวด์ และข้อเสียประการหนึ่งที่อาจเกิดขึ้นคือใช้งานได้กับ macOS เท่านั้น

UXPin

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

UXPin ไปไกลกว่าการวาดเฟรมโดยเน้นที่การสร้างต้นแบบด้วยไลบรารีส่วนประกอบ UI สัญลักษณ์ เครื่องมือวาดภาพเวกเตอร์ และการแก้ไขร่วมเป็นหลัก

มีเวอร์ชัน Windows, macOS และคลาวด์/เบราว์เซอร์ สำหรับการวาดเส้นลวดที่มีความเที่ยงตรงสูง UXPin จะทำงานเหมือนกับ Sketch และ Adobe XD ไม่ใช่การลากแล้วปล่อยเหมือน Balsamiq แต่นำการสร้างต้นแบบและการจำลองไปสู่อีกระดับสำหรับนักออกแบบที่ต้องการอยู่ในระบบนิเวศเดียว

Marvel

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

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

เหตุผลหนึ่งที่นักออกแบบเลือก Marvel ในการสร้าง wireframing ก็คือการทำงานร่วมกับแพลตฟอร์มอื่นๆ เช่น Jira, Sketch, Confluence, Dropbox, Slack และอื่นๆ อีกมากมาย สำหรับการทำงานร่วมกันกับนักพัฒนา ทีมออกแบบระยะไกล และลูกค้า คุณลักษณะนี้ช่วยประหยัดเวลานักออกแบบได้มาก

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

Axure RP

Axure RP มีมานานแล้วและเป็นเครื่องมือที่ยอดเยี่ยมสำหรับการสร้างสแตติกไวร์เฟรม (รวมถึงต้นแบบที่มีการโต้ตอบสูง) มันไม่ได้ทำงานบนคลาวด์แม้ว่าจะทำงานได้ทั้งบน Windows และ macOS

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

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

เครื่องมือ Wireframe ที่ชื่นชอบของนักออกแบบชั้นนำ

เราติดต่อ Toptal Designers เพื่อค้นหาว่าเครื่องมือ wireframe ใดที่นักออกแบบมืออาชีพใช้และเพราะเหตุใด นี่คือสิ่งที่พวกเขาต้องพูด

“รายการโปรดของฉันคือ Adobe XD และ UXPin ฉันเริ่มเลือก XD เป็นรายการโปรดเพราะง่ายต่อการสร้างโครงร่างแบบรวดเร็วและแนวคิดการทดสอบ จากนั้นฉันสามารถเริ่มการออกแบบและแม้แต่ต้นแบบบนแพลตฟอร์มเดียวกันได้” - ไมเคิล เครก

“ฉันชอบป๊อปเพราะมันเร็วมาก ฉันมักจะวาดเส้นลวดของฉันบนกระดาษ ดังนั้นมันจึงใช้งานได้ดีและฉันไม่ต้องจัดการอะไรซ้ำสอง ฉันยังพบว่ามันดีสำหรับทั้งเรื่อง 'อย่าตกหลุมรักวิธีแก้ปัญหา' เพราะมันชัดเจนมาก” - นิโคลา รัชตัน

“ฉันใช้ Axure เกือบตลอดเวลาสำหรับงานออกแบบของฉัน เป็นเครื่องมือที่ประเมินค่าต่ำเกินไปสำหรับงานออกแบบที่ครอบคลุมและมีความซับซ้อนสูงมาก” - Andi Omtvedt

“จริงๆ แล้วฉันไม่ได้ใช้เฟรมเวิร์กอีกต่อไปแล้ว เนื่องจากฉันคิดว่าเครื่องมือนั้นแข็งแกร่งพอที่จะสร้างต้นแบบที่มีความเที่ยงตรงต่ำ ดังนั้นจึงเกือบจะรวมโครงร่างโครงร่างเริ่มต้นเข้ากับภาพที่ดีกว่า ฉันได้นำ Framer X มาใช้ตั้งแต่เดือนมกราคมปีนี้ และฉันก็ชอบมันมาก” - ชาร์ลี วิลเลียมส์

สรุป

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

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

แม้ว่าจะมีการพัฒนาจากการส่งมอบที่มีความเที่ยงตรงต่ำเป็นระดับกลางหรือความเที่ยงตรงสูง แต่ Wireframing ก็ไม่หายไปอย่างแน่นอน

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

• การทำแผนที่ Wireframe: วิธีหลีกเลี่ยงขอบเขตการคืบคลาน
• ความตายสู่โครงลวด ตรงสู่ความเที่ยงตรงสูง!
• Design Tool Showdown – Adobe XD กับ Sketch (2019)
• ฝึกฝนฝีมือของคุณด้วยเครื่องมือ UX ยอดนิยมเหล่านี้
• 10 UX ที่นักออกแบบชั้นนำเลือกใช้