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