11020835_1066101406753069_8534231834712545065_n

Wireframe คือการเอาเนื้อหาในเว็บไซต์มาลองจัดเรียงลงบน Layout ของเว็บไซต์ ซึ่งจุดประสงค์จะแตกต่างกับ Prototype กล่าวคือ
การทำ Wireframe ส่งไปให้ลูกค้าดู เป็นการส่ง Layout ไปให้เค้าดูว่าข้อมูลที่สำคัญอยู่ในตำแหน่งที่ลูกค้าคิดว่าดีหรือยัง อย่างไรก็ตาม ลูกค้าไทยบางส่วนอาจจะยังไม่ค่อยเข้าใจว่าทำไมต้องส่ง Wireframe เว็บไซต์มาให้เค้าดูด้วย ซึ่งก็ต้องอธิบายให้เค้าฟังครับว่ามันจะช่วยให้ขั้นตอนการดีไซน์เป็นไปได้ราบรื่นขึ้น ไม่ต้องมานั่งย้ายข้อมูลตรงนู้นตรงนี้สลับไปมา
การทำ Prototype เป็นการทำตัวอย่างเว็บไซต์ที่ลูกค้าสามารถลองเล่นกับมันได้ โดยหน้าตาของ Prototype สามารถเป็นขาว-ดำ วาดเส้นเหมือน Wireframe ก็ได้ แต่ลูกค้าต้องสามารถลองคลิกลิงค์ในนั้นเพื่อไปหน้าอื่น ๆ ได้ด้วย เพื่อให้ลูกค้าเข้าใจหลักการทำงานของเว็บไซต์ว่าลิงค์ไหนจะไปโผล่ที่ไหน
โดยจุดที่แตกต่างกัน คือ Wireframe เว็บไซต์ มีไว้สำหรับให้ลูกค้าเข้าใจเกี่ยวกับการจัดวางเนื้อหามากกว่า
Refer: http://www.designil.com/wireframe-website-free-download.html