Wireframe คืออะไร?
Wireframe (ไวร์เฟรม) คือ โครงร่างหรือแบบร่างของเว็บไซต์ เพื่อให้เห็นภาพรวมว่าหน้าตาของเว็บไซต์จะออกมาในรูปแบบไหน โดยจะเน้นไปที่โครงสร้าง องค์ประกอบ รายละเอียดต่าง ๆ และความต่อเนื่องบนหน้าเว็บไซต์ เช่น ข้อความ รูปภาพ ปุ่มต่าง ๆ ว่าแต่ละส่วนประกอบนั้นควรจัดวางไว้ตรงไหน แต่ยังไม่ได้ออกแบบให้สวยงาม
แนวทางการทำ Wireframe
Wireframe นั้นทำได้หลัก ๆ 2 วิธี คือการวาดลงบนกระดาษ และการวาดในคอมพิวเตอร์ โดยปัจจุบันก็มีโปรแกรมหรือเว็บไซต์สำหรับทำ Wireframe บนคอมพิวเตอร์ออกมาหลากหลาย โดยการทำ Wireframe ต้องคำนึงถึงปัจจัยต่าง ๆ ดังต่อไปนี้
- การออกแบบโครงร่างเว็บไซต์มีองค์ประกอบหลักที่ต้องคำนึงถึง คือ อัตราส่วนและเส้นขอบ โดยเฉพาะการร่างขอบเพื่อให้รู้ขนาดของเว็บไซต์ที่จะแสดงบนจอคอมพิวเตอร์หรือหน้าจอสมาร์ทโฟนให้ตรงกับขนาดจริงมากที่สุด เพื่อแสดงผลให้พอดีกับหน้าจอไม่เล็กหรือใหญ่จนเกินไป ซึ่งจะทำให้เสียเวลาแก้ไขได้
- โครงสร้างแต่ละหน้าใช้ทำอะไร การตั้งจุดประสงค์บนหน้าเว็บแต่ละหน้าว่าต้องการให้หน้าไหนมีข้อมูลอะไร ช่วยให้นักออกแบบเข้าใจรูปแบบเว็บไซต์ได้มากขึ้นและออกแบบได้ง่ายขึ้นว่าเว็บแต่ละหน้าจะมีปุ่มไหนวางไว้ตรงไหนให้เข้ากับจุดประสงค์
- การออกแบบโครงสร้างเว็บไซต์ ควรออกแบบไว้มากกว่าหนึ่งรูปแบบ เพราะต่อให้ออกแบบโครงสร้างเอาไว้อย่างสวยงาม แต่ไม่ตรงกับความต้องการหรือเกิดข้อผิดพลาดก็จะต้องกลับมาออกแบบใหม่ทั้งหมด การทำโครงสร้างไว้หลากหลายแบบก็จะช่วยให้ประหยัดเวลาได้มาก
- Wireframe ช่วยให้ทุกคนมีส่วนร่วมในงาน โดยทุกฝ่ายสามารถเข้ามาแสดงความคิดเห็นในโครงสร้างได้ เพราะ Wireframe นั้นเป็นเพียงโครงร่างที่เข้าใจง่าย ทำให้เกิดแนวทางสร้างเว็บไซต์ที่ชัดเจนที่สุดและแก้ไขน้อยที่สุด
ขอบคุณแหล่งข้อมูล https://www.thaibusinesssearch.com/
