1. 1

2. 2
สาขาคอมพิวเตอรศึกษา
มหาวิทยาลัยราชภัฏมหาสารคาม
หลักการออกแบบเว็บไซตหลักการออกแบบเว็บไซต
หลักการออกแบบเว็บไซต
การออกแบบและพัฒนาเว็บได#เพิ่มขึ้นโดยลาดับและนับวันจะยิ่งทวี
จานวนขึ้น ในป,จจุบันมีเว็บเพจออนไลนในระบบอินเทอรเน็ตนับร#อย ๆ
ล#านเว็บ แต/มีคาถามสําคัญที่ต#องมาหาคาตอบก็คือ เว็บแบบไหนที่มี
คุณภาพดี เว็บแบบใดจึงจะถือว/าเป5นเว็บที่มีคุณค/า และเหมาะสมสาหรับ
นามาใช#ประโยชน เป5นเรื่องที่ต#องตอบคาถามกันอยู/เสมอและยังไม/มีคา
ตอบที่ชัดเจน เพื่อประโยชนในการประเมินคุณภาพของเว็บสาหรับ
ออกแบบและพัฒนาเว็บ รวมถึงผู#ที่เกี่ยวข#องในการจัดสารสนเทศผ/าน
ระบบอินเทอรเน็ต จะได#มีแนวทางในการตรวจสอบและประเมินคุณภาพ
ที่สามารถอธิบายเหตุผลได# โดยแนวคิดของอีเวอรฮารท จะมีด#วยกัน 9
ด#านคือ
1. ความทันสมัย (Currency)
2. เนื้อหาและข#อมูล (Content and Information)
3. ความน/าเชื่อถือ (Authority)
4. การเชื่อมโยงข#อมูล (Navigation)
5. การปฏิบัติจริง (Experience)
6. ความเป5นมัลติมีเดีย (Multimedia)
7. การให#ข#อมูล (treatment)

3. 3
8. การเข#าถึงข#อมูล (Access)
9. ความหลากหลายของข#อมูล (Miscellaneous)
เนื่องจากแนวคิดทั้ง 9 ด#านยังขาดรายละเอียดและเหตุผล ดังนั้น
เพื่อให#เข#าใจถึงเหตุผลและที่มาของระดับการประเมิน จึงจาเป5นต#องขยาย
ความและชี้ให#เห็นว/าเหตุผลที่ต#องประเมินเว็บไซตในแต/ละด#านนั้นคือ
อะไร
1. ความทันสมัย
ความทันสมัยของเว็บไซต จัดเป5นหัวข#อสําคัญของการพัฒนา
ข#อมูลสารสนเทศผ/านระบบอินเทอรเน็ต เนื่องจากข#อมูลสารสนเทศที่
ปรากฏอยู/ในเว็บไซตจะเป5นประโยชนต/อผู#ใช#งานก็เมื่อ ข#อมูลนั่นเป5น
ข#อมูลที่ใหม/ ทันต/อสถานการณและได#รับการปรับปรุงแก#ไขตาม
ระยะเวลาอย/างเหมาะสม การประเมินเว็บไซตในด#านของความทันสมัย
ควรประเมินในสามส/วนด#วยกันคือ เว็บไซตแสดงวันที่ปรับปรุงข#อมูล
ครั้งล/าสุด เป5นสิ่งที่แสดงความชัดเจนของเว็บไซตว/ามีความทันสมัยของ
ข#อมูลระดับใด เพราะเว็บไซตที่แสดงถึงวันที่ปรับปรุงข#อมูลทุกวันย/อม
แสดงว/าเป5นเว็บที่มีความเป5นป,จจุบันมากที่สุด สาหรับเว็บบางประเภท
เช/น เว็บไซตหนังสือพิมพย/อมจะต#องปรับปรุงข/าวสารและข#อมูลของเว็บ
เป5นป,จจุบันทุกวัน ก็จะแสดงวันที่ของหนังสือพิมพที่นาข#อมูลมาออนไลน
ทุกวันอยู/แล#ว เป5นตัวอย/างของความทันสมัยและเป5นป,จจุบันในขณะที่
เว็บไซตจานวนมากไม/ได#แสดงวันที่ปรับปรุงข#อมูลล/าสุด อันทาให#ไม/ทราบ
ว/าข#อมูลดังกล/าวดาเนินการเมื่อใด ก็จะเป5นป,ญหาในการนาข#อมูล
ดังกล/าวไปใช#ประโยชน
ดังนั้นเว็บไซตที่แสดงวันที่ปรับปรุงครั้งล/าสุด จะแสดงวันที่
ปรับปรุงเว็บเอาไว#ในส/วนใดส/วนหนึ่งของเว็บ โดยนิยมก็จะนามาแสดง
เอาไว#ด#านล/างของเว็บไซต ตัวอย/างแสดงวันที่ปรับปรุงข#อมูลเช/น

4. 4
ปรับปรุงล/าสุด วันอังคารที่ 22 มิถุนายน 2547Last updated :
6/22/2004 แต/ในบางเว็บไซตที่แสดงวันเวลาของเว็บในแต/ละวัน ไม/ได#
หมายถึง การปรับปรุงเว็บไซต แต/เป5นการนาเอาเวลาของเครื่อง
คอมพิวเตอรขึ้นมาแสดงที่หน#าเว็บเพจ ไม/จัดเป5นวันเวลาที่ปรับปรุงข#อมูล
ประโยชนของการแสดงวันที่ปรับปรุงข#อมูลล/าสุดคือทําให#ทราบ
ว/าข#อมูลในเว็บได#รับการปรับปรุงเมื่อใดการอ#างอิงข#อมูลในเว็บสามารถ
แสดงวันที่ปรับปรุงข#อมูล สามารถพิจารณาได#ว/าจะใช#ข#อมูลของเว็บ
หรือไม/เว็บที่มีมาตรฐานควรจะต#องแสดงวันที่ในการปรับปรุงข#อมูลของ
เว็บ เพื่อแสดงให#เห็นถึงความรับผิดชอบ ความเอาใจใส/และการ
บํารุงรักษาเว็บของผู#สร#างหรือหน/วยงานที่รับผิดชอบ ซึ่งในความเป5นจริง
โปรแกรมที่ใช#ในการสร#างเว็บสามารถกําหนดให#แสดงวันที่ในการปรับปรุง
เว็บ โดยอัตโนมัติอยู/แล#วทุกครั้งที่ปรับเปลี่ยนข#อมูลใด ๆ ในเว็บเพจ จึง
ไม/ใช/เรื่องยากในการจัดทาเพียงแต/ผู#จัดทาเว็บเพจต#องใส/ใจในรายละเอียด
เท/านั้น
เว็บไซตแสดงการปรับปรุงข#อมูลอยู/เสมอเป5นป,จจุบัน หมายถึง
ข#อมูลที่อยู/ในเว็บเป5นข#อมูลที่ทันสมัยและอยู/ในช/วงระยะเวลาป,จจุบัน
ไม/ใช/แค/การแสดงวันที่และเวลาในการปรับปรุงข#อมูลเท/านั้น เพราะวันที่
และเวลาที่ปรับปรุงครั้งล/าสุด อาจเป5นเพียงวันและเวลาที่ปรับเปลี่ยน
รายละเอียดของเว็บเพจบางอย/าง เช/นเปลี่ยนแปลงสีข#อความ หรือการใส/
กราฟgกใหม/ ๆ เข#ามาในเว็บเพจ แต/ข#อมูลในเว็บเพจอาจเป5นข#อมูลที่เก/า
และล/าสมัยไปแล#ว ลักษณะของการปรับปรุงข#อมูลอยู/เสมอเป5นป,จจุบัน
เช/นข#อมูลขององคกรหรือหน/วยงานในปh พ.ศ. 2547 ก็ควรมีข#อมูลที่เป5น
ป,จจุบัน เช/น ข#อมูล ณ วันที่ 21 มิถุนายน 2547 แสดงวันและวันที่ใน
เว็บไซต แต/มีข#อมูลของวันเดือนปhในปh พ.ศ. 2545,2546

5. 5
ขณะที่ข#อมูลที่ควรจะนาเสนอควรเป5นข#อมูลของปh พ.ศ. 2547 ด#วย ก็ถือ
ได#ว/าข#อมูลของเว็บไม/ได#ปรับปรุงให#เป5นป,จจุบันเป5นข#อมูลเก/าของปh
ที่ผ/านมาแต/ถ#าเว็บไซตเป5นเว็บที่แสดงรายละเอียดของข#อมูลในอดีตก็ไม/
ถือว/า ข#อมูลของเว็บนั้นล#าสมัยเพราะภายในเว็บไซตก็ควรมีข#อมูล
รายละเอียดที่ผ/าน ๆ มาแล#วในอดีต และควรอย/างยิ่งที่จะเก็บข#อมูลเดิม
ๆ เอาไว#ทั้งหมดโดยไม/จาเป5นต#องปรับปรุงข#อมูลหรือแสดงวันที่ปรับปรุง
เป5นป,จจุบันก็ได# เพียงแต/ควรมีเว็บเพจใหม/ ๆ ที่มีข#อมูลหรือรายละเอียดที่
ทันสมัยและเป5นป,จจุบันปรากฏอยู/ในเว็บไซต ด#วยเพื่อแสดงให#เห็น
เว็บไซตมีการปรับปรุงในทันสมัยและเป5นป,จจุบันปรากฏอยู/ ซึ่งแสดงว/า
เว็บได#รับการดูแลและพัฒนาข#อมูลอยู/ตลอดเวลาโดยหน/วยงานหรือผู#ดูแล
เว็บที่มีมาตรฐานจึงควรแสดงการปรับปรุงข#อมูลให#ทันสมัยและเป5น
ป,จจุบัน ในลักษณะใดลักษณะหนึ่งเช/น แสดงการอ#างอิงของข#อมูลภายใน
เว็บเพจ เช/น ข#อมูลที่แสดงอยู/ในเว็บเพจนามาจากที่ใด เป5นข#อมูลเมื่อ
วันที่เท/าไหร/ อันเป5นรายละเอียดที่จะช/วยทาให#ผู#ใช#บริการของข#อมูล
สามารถนาไปอ#างอิงและใช#ประโยชนของข#อมูลที่ทันสมัย อันเป5นสิ่ง
สําคัญของข#อมูลสารสนเทศผ/านระบบอินเทอรเน็ตที่มีการกล/าวถึงว/า บาง
เว็บไซตข#อมูลขาดความทันสมัย ไม/เป5นป,จจุบัน
เว็บไซตแสดงสถิติของจานวนการเข#าใช#และปรับปรุงข#อมูล เป5น
ลักษณะตัวนับจานวนของเว็บไซตที่จะแสดงสถิติจานวนของผู#ที่เข#าใช#
บริการและจานวนครั้งที่ปรับปรุงข#อมูล อยู/ในรูปของตัวนับจานวนที่จะ
แสดงร/วมกับวันที่และเวลาในการปรับปรุงข#อมูล เป5นสิ่งที่แสดงถึงจานวน
ผู#เข#าใช#บริการข#อมูลในเว็บและช/วยให#ผู#จัดทาได#ทราบถึงความนิยมและ
ความสําคัญของเว็บเพจ เพราะถ#าเว็บเพจที่จัดทาเป5นประโยชนและ
ข#อมูลเป5นที่ต#องการของผู#ใช#ก็จะมีการเข#าใช#บ/อยครั้ง สามารถบอกได#ว/า
เว็บมีความถี่ในการเข#าใช#งานในแต/ละช/วงเวลาระดับใดบ#าง โดยการ

6. 6
บอกเวลาที่เริ่มต#นติดตั้งตัวนับจานวนก็จะทาให#ทราบได#ว/าในช/วงเวลา
หนึ่งมีผู#เข#าใช#บริการข#อมูลระดับใด แต/สถิติจานวนการเข#าใช#มีเงื่อนไข
สําคัญคือ การเผยแพร/เว็บไซตให#เป5นที่รู#จักด#วย จึงต#องมีความเข#าใจใน
การประชาสัมพันธและเผยแพร/เว็บไซต ที่เรียกว/าการเพิ่มชื่อเว็บไซต
(Add URL) เข#าไปยังเว็บประเภทสืบค#นข#อมูลต/าง ๆ เมื่อเวลาที่มีการ
สืบค#นข#อมูลหรือต#องการข#อมูลที่สร#างเป5นเว็บเพจ ผู#สืบค#นก็จะสืบค#น
ข#อมูลผ/านเครื่องมือสืบค#นมายังเว็บเพจที่สร#างขึ้น ถ#าเว็บจัดทาไม/น/าสนใจ
หรือมีข#อมูลล#าสมัย ก็จะมีเพียงคนสืบค#นเข#ามาแวะชมแล#วก็ผ/านไป ไม/
เข#ามาสนใจหรือใช#งานข#อมูลในเว็บเพจนั้นอีก แต/ถ#าข#อมูลในเว็บเพจ
ทันสมัยและมีการจัดทาดีก็อาจถูกนาไปเชื่อมโยงกับเว็บต/าง ๆ หรือมีการ
แนะนาให#เข#ามายังเว็บไซตเหล/านั้นบ/อย ๆก็จะทาให#ตัวนับจานวน
แสดงผลมากขึ้นตามลาดับ
2. เนื้อหาและข#อมูล
เว็บไซตต#องมีเนื้อหาและข#อมูลที่เป5นประโยชน เป5นสิ่งที่
ตรวจสอบและวัดความเป5นเว็บไซตที่ดีได#ง/ายรวมทั้งสามารถประเมิน
คุณค/าของเว็บไซตได#อย/างชัดเจน โดยเฉพาะถ#าเว็บไซตมีเนื้อหาข#อมูลที่
ตรงตามหลักสูตรและการเรียนการสอนของนักเรียน หรือทาให#เป5น
เนื้อหาข#อมูลประกอบการเรียนตามหลักสูตรและน/าสนใจชวนติดตาม
ย/อมเป5นประโยชน โดยเฉพาะอย/างยิ่งถ#าเนื้อหาที่นาเสนอบนเว็บไซตเป5น
เนื้อหาที่หาไม/ได#ในห#องสมุด ย/อมเป5นเนื้อหาที่มีคุณค/า นาไปใช#ประโยชน
ได#โดยตรง แสดงให#เห็นถึงประโยชนของระบบอินเทอรเน็ตได#อย/างชัดเจน
ว/าเป5นแหล/งเนื้อหาและข#อมูลเพื่อการเรียนรู# ที่แตกต/างออกไปจากแหล/ง
เรียนรู#เดิมๆ อย/างห#องสมุด เนื้อหาที่นาเสนอนั้นย/อมมีความหมายและ
เป5นประโยชน

7. 7
การที่เราจะสรุปประโยชนของข#อมูลและเนื้อหาที่ติดตั้งในเว็บไซต หัว
เรื่องของเว็บก็เป5นอีกสิ่งหนึ่งที่ต#องพิจารณา เพราะเว็บไซตมากมายที่ตั้ง
หัวเรื่องของเว็บหรือตั้งชื่อเว็บเอาไว#อย/างดี ดูจากหัวเรื่องก็แทบจะเชื่อได#
ว/าเว็บนั้นเป5นประโยชนเช/น เว็บความรู#เรื่องประเทศไทย แต/เมื่อเข#าไปดู
เนื้อหากลับกลายเป5นเว็บโฆษณาท/องเที่ยวภายในประเทศ หรือกลายเป5น
บริษัททัวร เนื้อหาจึงกลายเป5นเรื่องของการค#ามากกว/าที่จะเป5นความรู#
แท#จริง
สิ่งสําคัญที่สุดของข#อมูลและเนื้อหาในเว็บไซตก็คือ ความ
ถูกต#องของเนื้อหา เป5นคาถามที่ถูกถามมากที่สุดของการออกแบบและ
พัฒนาเว็บก็คือ ความน/าเชื่อถือของเว็บ และคาตอบก็คือ ถ#าเนื้อหาของ
เว็บมีความถูกต#องนั่นคือความน/าเชื่อถือที่สําคัญที่สุด ซึ่งเป5นสิ่งที่พิสูจน
ยากที่สุด และหาคารับรองหรือยืนยันได#ยาก ผู#ที่สืบค#นเข#ามาในเว็บและ
ต#องการนาข#อมูลไปใช#ประโยชน ก็ย/อมไม/ทราบว/าข#อมูลที่นาเสนอบน
เว็บไซตนั้นถูกต#องหรือไม/ เพราะผู#ใช#ข#อมูลก็เพียงต#องการข#อมูลหรือไม/
ค#นหาข#อมูลนาไปใช#ไม/ใช/ผู#ที่จะต#องตรวจสอบความถูกต#องของข#อมูล
ความถูกต#องจึงต#องมีองคประกอบอื่นๆ เข#ามาเกี่ยวข#องเช/น ข#อมูลนั้น
เป5นข#อมูลหน/วยงานที่นามาจากสื่ออื่นๆ ที่เคยเผยแพร/แล#ว เช/น การ
เผยแพร/ข#อมูลโรคติดต/อต/างๆ ที่เคยอยู/ในแผ/นพับใบปลิว ก็นามาสร#าง
เว็บไซตเป5นต#น ข#อมูลจึงจะน/าเชื่อถือมากที่สุด หรือโดยเฉพาะข#อมูลจาก
ตําราโดยตรง
เมื่อเนื้อหามีความถูกต#องสมบูรณสิ่งที่ต#องคํานึงต/อไปคือ
เนื้อหาและข#อมูลต#องเป5นไปตามวัตถุประสงคในการจัดทาเว็บไซต เนื้อหา
และข#อมูลตรงตามชื่อและสอดคล#องกับหน/วยงานที่ดาเนินการอย/าง
ชัดเจน จึงจะถือได#ว/าเว็บไซตมีความถูกต#อง เนื้อหาและข#อมูลควรจะมี

8. 8
ลักษณะเป5นภาษาเขียนเพื่อให#น/าเชื่อถือและสละสลวย มีลักษณะการใช#
ภาษาที่สุภาพ ไม/ใช#ภาษาพูด ไม/หยาบคาย และมีการใช#ภาษาที่เป5น
ทางการ การพิมพไม/ผิดพลาด การใช#สระ พยัญชนะต/าง ๆ มีความถูกต#อง
สมบูรณถือว/าเว็บไซตมีคุณภาพดี
3. ความน/าเชื่อถือ
เว็บไซตที่มีคุณภาพไม/ใช/เพียงแต/ทันสมัย มีเนื้อหาและ
ข#อมูลที่ดี ความน/าเชื่อถือต/อเว็บไซตเป5นเรื่องสําคัญในจะนาเอาข#อมูลไป
อ#างอิงหรือใช#ประโยชน เพราะข#อมูลและเนื้อหาจะได#ถูกนาไปใช#
ประโยชนก็ด#วยเหตุผลที่ว/าเว็บนั้นน/าเชื่อถือ เช/น ถ#าต#องการข#อมูล
เกี่ยวกับโรคติดต/อ ข#อมูลที่น/าเชื่อถือที่สุดก็ควรเป5นข#อมูลของกระทรวง
สาธารณสุข หรือโรงพยาบาลต/าง ๆ นั่นหมายความว/า ผู#เข#าไปใช#
ประโยชนจากเว็บก็จะพยายามหาข#อมูลจากเว็บที่เกี่ยวข#องกับเรื่องที่
ต#องการ ทันสมัยและมีข#อมูลเนื้อหาที่ดี แต/ที่สําคัญคือเว็บต#องน/าเชื่อถือ
นั่นเอง
ความน/าเชื่อถือของเว็บไซตนั่นคือ ผู#จัดทาเว็บเป5นผู#ที่
เกี่ยวข#องโดยตรงกับเนื้อหา หรือเป5นองคกรที่รับผิดชอบด#านนั้นโดยตรง
โดยแสดงความรับผิดชอบในเว็บอย/างชัดเจน แสดงให#เห็นได#จากส/วนที่
สงวนลิขสิทธิ์และผู#รับผิดชอบภายในเว็บ ซึ่งนิยมแสดงไว#ด#านล/างของ
เว็บไซต โดยรวมถึงความทันสมัยนั่นคือเวลาที่ปรับปรุงครั้งล/าสุดนั่นเอง
ตัวอย/างของความน/าเชื่อถือเช/น
- การสงวนลิขสิทธิ์ของเว็บ
- ผู#รับผิดชอบ Webmaster
- ตําแหน/งหน#าที่ผู#จัดทํา

9. 9
- ติดต/อ
- ที่อยู/ของหน/วยงาน
ถ#าหน/วยงานหรือองคกรมีความน/าเชื่อถือสูง เพียงแต/โดเมนเนมก็
สามารถบ/งบอกความน/าเชื่อถือได#เช/นกัน ความน/าเชื่อถือของเว็บสามารถ
แสดงออกได#หลายรูปแบบ ซึ่งการสร#างความเชื่อถือเป5นเรื่องสําคัญ
สําหรับเว็บไซต เพราะมีเว็บไซตจานวนมากที่ไม/ทราบที่มาของผู#จัดทา ไม/
สามารถติดต/อผู#ดูแลเว็บไซตได#
ไม/มีการสงวนลิขสิทธิ์เพราะอาจลอกเลียนจากหนังสือหรือผู#อื่น ไม/มี
ตําแหน/งหน#าที่การงานหรือหน/วยงานที่ชัดเจน ไม/มีที่อยู/ที่จะติดต/อหรือมี
แหล/งที่แน/นอน โดเมนเนมไม/มาตรฐาน ฯลฯ ดังนั้นค/าน/าเชื่อถือของ
เว็บไซตจึงเป5นตัวบ/งชี้คุณภาพและประสิทธิภาพของเว็บไซตได#ประการ
หนึ่ง
4. การเชื่อมโยงข#อมูล
เว็บไซดที่ดีควรจะแสดงการเชื่อมโยงไปยังส/วนต/างๆ ในรูปแบบ
ที่เข#าใจง/าย และอ/านได#อย/างชัดเจน การเชื่อมโยงภายในเว็บไซด จะมีชื่อ
เรียกว/า ลิงค (Link) การลิงคหรือการเชื่อมโยงนั้น ถ#าหน#าแรกสามารถ
บอกได#ว/า เว็บไซดนั้นมีการจัดการอย/างไร มีเงื่อนไขในการเชื่อมโยง
อย/างไร และมีอย/างไรที่จาเป5นต#องเชื่อมโยงไปบ#าง ลักษณะอย/างนี้อาจจะ
มีหน#าพิเศษต/างหากที่เรียกว/า แผนภูมิเว็บไซด หรือ site map อีกคําหนึ่ง
สําหรับการเชื่อมโยงในลักษณะทั่วไปของเว็บเพจ คือคําว/า navigation
หมายถึงเส#นทางซึ่งเมื่อเปgดเข#าสู/หน#าแรกและมีโฮมเพจ และต#องการ
เชื่อมโยงหรือไปในเส#นทางใดภายในเว็บไซด สิ่งเหล/านี้เรียกว/า naviga-
tion bar ดังนั้น ผู#ที่ออกแบบเว็บไซดและมีการเชื่อมโยงได#ดี มีการจัด
องคประกอบได#ดีจะทาให#เว็บไซดนั้นสามารถเชื่อมโยงได#กันทุกเว็บ และ
เป5นไปตามวัตถุประสงคของเว็บไซดลักษณะการเชื่อมโยงภายในเว็บไซด
ควรจะแสดงรูปแบบที่ชัดเจน

10. 10
หรือที่เรียกว/า Hypertext นั้นก็คือ ตัวหนังสือที่มีการเชื่อมโยงจะมีการ
ขีดเส#นใต#ไว#อย/างชัดเจน หรือถ#าไม/มีการขีดเส#นใต#เมื่อเลื่อนเม#าสผ/านไป
ยังบริเวณที่เป5นตัวอักษรจะปรากฏเป5นรูปมือ ซึ่งรูปแบบเว็บไซดที่มี
คุณภาพและชัดเจน ส/วนที่เป5น Hypertext และมีการเชื่อมโยงนั้นควร
วางรูปแบบที่ชัดเจน เมื่อเลื่อนเม#าสเข#าไปในส/วนที่เป5น Hypertext ก็ควร
จะเปลี่ยนแปลงเป5นรูปมือ สี และแบ็คกราวนของตัวอักษรก็อาจจะ
เปลี่ยนไป ซึ่งทาให#ง/ายต/อการสังเกต การเชื่อมโยงที่ดี ตัวที่ทาหน#าที่การ
เชื่อมโยงควรจะอ/านง/ายและสื่อความหมายชัดเจน เป5นในลักษณะ
เดียวกันกับวัตถุประสงคของเว็บไซด ตัวเชื่อมโยงหรือ ลิงคควรจะง/ายต/อ
การสังเกตและมีขนาดเหมาะสม ตัวเชื่อมโยงควรจะมีเหตุมีผลสอดคล#อง
กันทั้งกลุ/ม เช/น ถ#ามีเมนูที่ทาหน#าที่ในการเชื่อมโยงไปยังเว็บเพจต/างๆ
เมนูทั้งกลุ/มนั้นควรมีลักษณะที่สอดคล#องกัน ตัวอย/าง เช/น ถ#าทาเป5นร#าน
หนังสือหรือห#องสมุด เมนูที่เป5นตัวเชื่อมโยงหรือตัวลิงคควรจะมีลักษณะ
รูปหนังสือ ตะกร#าใส/หนังสือ ที่คั่นหนังสือ หรือลักษณะใดลักษณะหนึ่งที่
เกี่ยวข#องกันกับห#องสมุดหรือหนังสือในชุดเดียวกัน
เว็บไซดที่มีคุณภาพดี เส#นทางเดินภายในเว็บไซดหรือการ
เชื่อมโยงควรจะเป5นในแนวทางเดียวกันในทุกๆ เว็บเพจ หรือที่เรียกว/า มี
ความสอดคล#องเป5นแนวทางเดียวกันในทุกเว็บเพจ เช/น หน#าแรกของ
โฮมเพจมีลักษณะการเชื่อมโยงที่เป5นปุuม (botton) หรือเป5นข#อความ ใน
เว็บเพจหน#าอื่นๆ ก็ควรจะมีปุuมหรือตัวเชื่อมโยงลักษณะเดียวกันกับใน
หน#าโฮมเพจ ลักษณะของการใช#สี การวางรูปแบบ เช/น ถ#าตัวเชื่อมโยงใน
ด#านบนเป5นแถวเรียงกัน ในทุกๆ หน#าก็ควรจะวางรูปแบบเป5นแบบ
เดียวกัน คือเป5นแถวในแนวเดียวกัน ในขณะเดียวกันถ#ารูปแบบของการ

11. 11
เชื่อมโยงเป5นแถวแนวตั้งเรียงจากบนลงล/างในหน#าแรก หน#าต/อๆ ไปควร
จะมีลักษณะเดียวกัน จะทาให#เว็บไซดทั้งเว็บมีการเชื่อมโยงหรือเส#นทาง
เดียวเชื่อมโยงเป5นแนวทางเดียวกัน
การเชื่อมโยงในทุกๆ หน#า ควรจะสามารถเชื่อมโยงกลับไป
ยังหน#าแรกของเว็บไซดได#หรือไปยังหน#าต/างๆ ที่เกี่ยวข#องได# ปริมาณของ
การเชื่อมโยงภายในเว็บไซดควรเป5นไปอย/างเหมาะสม ควรมีการเชื่อมโยง
ไปยังส/วนสําคัญต/างๆ ในขณะเดียวกันก็ไม/ควรมีการเชื่อมโยงมากเกินไป
จนกลายเต็มไปด#วยจุดที่เชื่อมโยง เนื่องจากตัวเชื่อมโยงมักจะมีลักษณะ
เด/นพิเศษ ดังนั้นจะทาให#ข#อมูลหรือข#อความภายในเว็บเพจไม/จุดเด/นที่
น/าสนใจเลย ขณะเดียวกันตัวเชื่อมโยงควรจะเป5นไปตามวัตถุประสงคออ
หมายถึงตัวเชื่อมโยงควรจะมีรูปแบบในลักษณะเดียวกันกับจุดประสงค
ของเว็บเพจ เช/น ถ#าเว็บเพจนั้นมีการเชื่อมโยงที่ต#องการให#ค#นคว#าลึกลง
ไปในเรื่องอื่นๆ ที่เกี่ยวข#อง ก็ควรจะมีตัวลิงคที่แสดงสัญลักษณที่เกี่ยวข#อง
กับเนื้อหาของเว็บไซดนั้น นอกจากนี้ไอคอนหรือปุuมที่ใช#ในรูปแบบการ
เชื่อมโยงที่นามาใช#ควรจะเป5นสิ่งที่ดึงดูดและน/าสนใจ ดูแล#วเข#าใจว/า
ผู#ออกแบบต#องการให#มีเชื่อมโยงไปยังส/วนใดของเว็บ เช/น กรณีที่ต#องการ
ใช#ไอคอนให#กลับไปยังหน#าแรกหรือหน#าโฮมเพจ มักจะใช#รูปบ#าน เล็กๆ
เป5นสัญลักษณ เมื่อในเว็บเพจส/วนใดก็ตามเห็นเป5นรูปบ#านผู#ใช#มักจะ
ตีความหมายว/าถ#าคลิกหรือเลื่อนเม#าสเข#าไปก็จะกลับไปสู/หน#าโฮมเพจ
เช/นเดียวกันลูกศรที่เป5นแถบเลื่อนเมื่อต#องการเลื่อนลงล/าง ก็จะมีลูกศร
เป5นไอคอนชี้ลงล/าง เมื่อคลิกก็จะเลื่อนลงไปด#านล/างอย/างรวดเร็ว ใน
ขณะเดียวกันถ#าต#องการกลับมาด#านบนในกรณีที่เป5นเว็บแถบเลื่อน

12. 12
และมีลักษณะทางยาวลงมาด#านล/าง การออกแบบการเชื่อมโยงใน
ลักษณะนี้อาจจะมีลูกศรชี้ขึ้นบน ผู#ใช#ก็คาดเดาได#ว/าเมื่อคลิกลูกศรแล#วจะ
กลับขึ้นด#านบนของเว็บเพจ นี่คือลักษณะชัดเจนของตัวเชื่อมโยง
5. การนาไปใช#งานจริง
เว็บเพจที่ดีควรจะมีเนื้อหาเป5นไปตามวัตถุประสงคที่
กําหนดไว# และมีการแสดงผลอย/างรวดเร็ว ในเว็บเพจต#องทาให#ผู#เข#าชม
รู#สึกว/าไม/เสียเวลา ไม/ไร#ประโยชนหรือเว็บเพจไม/เป5นไปตามวัตถุประสงค
ผู#ออกแบบต#องคํานึงเสมอว/า ในการนาไปใช#งานจริง ผู#สืบคืนข#อมูล หรือผู#
เข#าชมเว็บเพจย/อมเข#ามาเพื่อคิดว/าเว็บเพจที่จัดทานั้นมีวัตถุประสงคตาม
หัวเรื่องของเว็บเพจ เช/น เว็บเพจมีวัตถุประสงคต#องการเผยแพร/ ข/าวสาร
เกี่ยวกับเรื่องเอดส เมื่อเข#ามาแล#วก็ควรจะเกี่ยวข#องเรื่องราวของเอดส
ไม/ใช/เป5นการโฆษณาขายยาหรือโฆษณาชวนเชื่อ ซึ่งลักษณะแบบนี้จะไม/
เป5นไปตามวัตถุประสงค จะทาให#ผู#เข#าชมรู#สึกว/าเสียเวลาในการเข#าเยี่ยม
ชม นอกจากนั้นเนื้อหา และการออกแบบเมื่อนาไปใช#งานจริงควรคํานึงว/า
เว็บเพจต#องเป5นที่ดึงดูดสายตาของผู#เข#าชม ทาให#เกิดความน/าสนใจ
ตลอดเวลา และดึงดูดให#ผู#เข#าชมใช#เวลานานในการค#นหาข#อมูล ชวน
ติดตามอยู/ตลอดเวลา
6. ความเป5นมัลติมีเดีย
ความเป5น multimedia สาหรับเว็บไซดเป5นเรื่องที่
ค/อนข#างยาก เนื่องจากเว็บไซดต#องออนไลนอยู/ในระบบอินเตอรเน็ต ใน
ข#อจากัดของแบนดวิท และความเร็วในการนาเสนอ จึงยากที่จะทาให#เว็บ
ไซดแต/ละเว็บไซดมีความเป5น multimedia ดังนั้น องคประกอบที่สาคัญ
ของความเป5น multimedia ภายในเว็บไซด คือ เสียง ภาพ กราฟฟgก

13. 13
ภาพเคลื่อนไหว ควรสอดคล#องกับเนื้อหาภายในเว็บ นอกจากนี้ควรจะ
เป5น multimedia ที่เพิ่มความสนใจให#ผู#เข#าชม ภาพเคลื่อนไหวที่นาเสนอ
ควรจะมีเวลาที่เหมาะสมและไม/รบกวนเนื้อหา ภาพกราฟฟgกที่ใช#ไม/ควรมี
ขนาดใหญ/เกินไปสามารถแสดงผลหรือโหลดขึ้นมาได#อย/างรวดเร็ว สิ่งที่
ต#องทาความเข#าใจใน ความเป5น multimedia ของเว็บก็คือ เว็บไซดไม/
สามารถมีปฎิสัมพันธกับผู#เข#าชมได#ทันที เนื่องจากการออกแบบเว็บไม/
สามารถทาให#ใช#เทคนิคหรือกระบวนการได#มากมายอย/างที่เป5น stand
alone ภายในระบบ ดังนั้นความเป5น multimedia ของเว็บไซด จึง
หมายถึงการจัดทาภาพประกอบ เสียง ภาพเคลื่อนไหว ภาพวิดีโอ หรือ
ภาพนิ่ง โดยเป5นการเสริมหรือเพิ่มให#เว็บไซดมีคุณค/า และที่สําคัญ multi-
media ที่นามาใช#ต#องสอดคล#องกับเนื้อหา และเป5นประโยชนในการสร#าง
ความเข#าใจให#กับผู#เข#าชมเว็บไซด
7. การให#ข#อมูล
ในการให#ข#อมูลภายในเว็บไซด ข#อมูลที่สําคัญควรจะ
เข#าถึงได#ง/ายและรวดเร็ว โดยไม/มีความสลับซับซ#อน แต/การนาเสนอ
ข#อมูลควรมีการจัดรูปแบบและหมวดหมู/ของข#อมูลอย/างเป5นระบบ เพื่อให#
ง/ายต/อการตรวจสอบและใช#งานข#อมูลเหมือน ความลาเอียงเนื่องจาก
แนวคิดที่ไม/ตรงกันควรได#รับการแก#ไข แต/ละเว็บไซดในกลุ/มของพนักงาน
จะมีเจ#าหน#าที่บางคนเข#ามาเกี่ยวข#องเพื่อช/วยให#ข#อมูลเป5นไปอย/าง
เหมาะสม นอกจากนี้ข#อมูลที่ใช#ควรมีเนื้อหาที่ทันสมัย ทันต/อเหตุการณ
โดยแสดงได#จากวันเวลาที่ปรับปรุง ขณะเดียวกันเมื่อจัดทาเว็บไซดตาม
วัตถุประสงคแล#ว เว็บไซดควรจะสอดคล#องกับกลุ/มเปwาหมายของเว็บ ถ#า
เว็บไซดนั้นจัดทาได#ตรงกับกลุ/มเปwาหมาย เช/น กลุ/มนักศึกษา หรือวัยรุ/น

14. 14
ก็จะทาให#เว็บนั้นได#รับความนิยม แสดงถึงคุณภาพของผู#ดาเนินการจัดทา
เว็บนั่นเอง
ในการออกแบบเว็บเพจที่ดี การจัดเนื้อหาเป5นเรื่องที่สําคัญและ
การเข#าสู/เนื้อหาเป5นสิ่งที่ต#องจัดทาให#เข#าถึงได#ง/าย และจัดข#อมูลอย/างเป5น
ระเบียบ ในที่นี่หมายถึง การให#ข#อมูลเมื่อเข#าเริ่มตั้งแต/หน#าแรก ควรจะมี
การจัดการข#อมูลโดยเฉพาะข#อมูลที่สําคัญควรวางไว#ในหน#าแรกๆ มีการ
เน#นหรือให#ความสําคัญเป5นพิเศษ เช/น มีลักษณะที่เป5นหัวข#อใหญ/ หัวข#อ
ย/อย เรียงกันไปตามลาดับความสําคัญ และการเข#าถึงข#อมูลที่สําคัญนั้น
ควรเข#าถึงได#อย/างง/ายและรวดเร็ว ซึ่งเป5นป,จจัยสําคัญของการออกแบบ
เว็บ เว็บที่สวยงามจานวนมากอาจมีเส#นทางซับซ#อนกว/าที่ผู#เข#าชมการ
เข#าถึงข#อมูลที่สําคัญ ในขณะที่เว็บที่ออกแบบอย/างง/ายๆ แต/เข#าถึงข#อมูล
ได#อย/างรวดเร็วและสะดวก จะได#รับความนิยมสูง และทาให#ผู#เข#าชมได#รับ
ความสะดวกในการใช#งาน การจัดการรูปแบบของเว็บ โดยเฉพาะข#อมูล
ให#เป5นระบบ จะช/วยให#ผู#เข#าชมสามารถเข#าถึงและรู#สึกว/าเว็บนั้นสะดวก
ต/อการใช#งานแม# ว/าข#อมูลที่นาเสนอนั้นจะธรรมดา การจัดรูปแบบของ
ข#อมูลที่เป5นระบบและง/ายต/อการค#นหาหรือสืบค#นภายใน เว็บไซดนั้นเป5น
เทคนิคสําคัญอย/างหนึ่งในการนาเสนอข#อมูลของเว็บไซด ผู#ออกแบบเว็บ
ควรคํานึงถึงความเรียบง/าย และความเป5นระเบียบ การแบ/งหัวข#อหรือ
กลุ/มเอาไว#อย/างชัดเจน ในหน#าเว็บไซดจะช/วยให#ผู#เข#าชมสะดวกในการ
ค#นหา ตัวอย/าง เว็บไซดประเภทวาไรตี้ เป5นตัวอย/างอย/างหนึ่งของการ
จัดการข#อมูลในเว็บไซด เว็บไซดที่มีชื่อเสียงจานวนมากจะมีการวิเคราะห
ระดับความสําคัญของข#อมูล และนําเอาข#อมูลที่ต#องการนั้นอยู/ในส/วนแรก
ของเว็บไซด เพื่อให#ผู#เข#าชมสามารถทาได#สะดวก

15. 15
เนื้อหาของข#อมูลภายในเว็บเพจ ควรเป5นข#อมูลที่ทันสมัยและตรง
ตามวัตถุประสงคของกลุ/มเปwาหมายที่จะเข#ามาใช#งาน เนื่องจากการ
ออกแบบเว็บเพจ เนื้อหาในแต/ละหน#าของเว็บเพจนั้นควรจะมีอายุที่
เหมาะสม หมายความว/า เนื้อหาของเว็บที่นาเสนอนั้นต#องไม/อยู/นาน
เกินไป เช/น การประชาสัมพันธของหน/วยงาน อาจติดไว#ประมาณ 1-2
เดือน หลังจากนั้นเปลี่ยนหัวเรื่องหรือเนื้อหา เพราะการคงเนื้อหาใดไว#
อย/างยาวนาน
ย/อมทาให#ผู#เข#าชมรู#สึกว/ายังไม/มีการปรับปรุงหรือเปลี่ยนแปลงข#อมูล ทํา
ให#ไม/อยากเข#าชมอีก และตัวปรับที่ใช#กับตัวเว็บเพจให#เหมาะสมกับ
กลุ/มเปwาหมายของเว็บ เช/น เว็บประเภทวิชาการ ควรใช#คาที่สละสลวย มี
ความหมายลึกซึ้ง และใช#คําที่เป5นทางการ ในขณะที่เว็บที่เป5นทางการบาง
เว็บ มีการนาเอาคําพูดในลักษณะที่เป5นภาษาพูดหรือคําศัพทวัยรุ/นมาใช#
ซึ่งทาให#ความน/าเชื่อถือของข#อมูลนั้นลดลง และถูกมองว/าเว็บนั้นไม/ใส/ใจ
ในสาระเนื้อหา ดังนั้นลักษณะของคาศัพทที่ใช#จึงควรเหมาะสมกับ
กลุ/มเปwาหมายของเว็บและเหมาะสมกับเนื้อหาของเว็บด#วย ผู#ออกแบบ
เว็บถ#าจะออกแบบเว็บที่มีการจัดข#อมูลให#ง/ายและตรงประเด็น เป5นระบบ
เป5นระเบียบก็ต#องคํานึงถึงความทันสมัยของเนื้อหาและคาศัพทที่ใช#ให#
เหมาะสมกับกลุ/มเปwาหมาย
8. การเข#าถึงข#อมูล
สิ่งที่สําคัญที่สุดก็คือ เว็บไซตสามารถแสดงผลข#อมูลได#
อย/างรวดเร็ว เมื่อผู#ใช#เข#าสู/เว็บไซตนั่นหมายถึง เมื่อผู#ใช#ต#องการเข#าสู/
เว็บไซตโดยการพิมพที่อยู/ของเว็บเช/น URL หรือโดเมนเนม (Domain
Name) แล#วกดปุuม Enter การแสดงผลของหน#าแรกจะต#องปรากฏอย/าง
รวดเร็ว

16. 16
โดยไม/เสียเวลานานจะทําให#ผู#ใช#รู#สึกพึงพอใจ แต/ถ#าเว็บใดออกแบบให#มี
กราฟฟgกส ภาพเคลื่อนไหว และเนื้อหาจํานวนมาก เว็บนั้นก็จะแสดง
ผลได#ช#า ก็จะทาให#ผู#ใช#รอและเบื่อหน/าย การให#ผู#ใช#รอบ#างย/อมรับได# แต/
ถ#าผู#ใช#รอนานเกินไปก็อาจเบื่อหน/ายและเปลี่ยนไปเว็บอื่นในที่สุด
การเข#าถึงข#อมูลในเว็บไซตนอกจากจะแสดงผลรวดเร็วแล#ว เว็บไซตควร
หาได#สะดวกจากเว็บประเภทสืบค#นข#อมูลหรือ Search Engine หรือเว็บ
ได# Add URL เอาไว#ใน Search Engine เช/น Google หรือ Yahoo ถ#า
เป5นในประเทศไทยก็เช/น Sanook , Sansarn ก็จะทําให#ผู#ใช#สามารถ
สืบค#นจากเครื่องมือสืบค#นได#รวดเร็ว การโหลดของเว็บได#อย/างรวดเร็วทํา
ให#เสียเวลาน#อยลงในการค#นหาข#อมูล เว็บไซตที่แสดงผลจากการค#นหาได#
รวดเร็ว ย/อมเป5นที่นิยมของผู#ใช#เพราะค#นเจอเสมอ แสดงว/าเข#าถึงข#อมูล
ได#รวดเร็ว
ข#อมูลในเว็บเพจและงานกราฟgกต/าง ๆ ควรออกแบบให#
แสดงผลได#อย/างรวดเร็ว ซึ่งการแสดงผลอย/างรวดเร็วนั้นเกิดจากการ
เลือกใช#รูปภาพที่มีขนาดเล็ก และเลือกใช#ข#อมูลที่เป5นตัวอักษรอย/างเดียว
โดยกราฟgกต/าง ๆ มีไม/มากนัก เลือกการใช#สีสันที่ไม/ใช/กราฟฟgกสจะช/วย
ให#แสดงผลได#เร็วขึ้น รวมทั้งการไม/มีเว็บหลายเฟรมซ#อนกันอยู/ การเข#าถึง
ข#อมูลกล/าวกันว/าความรวดเร็วเป5นเรื่องสําคัญ เว็บที่มีชื่อเสียงหลายเว็บ
ในอดีตออกแบบได#สวยงามตื่นตา มีเทคนิคลูกเล/นแพรวพราวแต/แสดง
ผลได#ช#า ทาให#หลายเว็บเสื่อมความนิยมลงไป เมื่อเทียบกับเว็บใหม/ ๆ ที่
เน#นความรวดเร็วในการแสดงผลเป5นหลัก ทาให#ผู#ใช#ไม/เสียเวลารอจนเบื่อ
ความรวดเร็วจึงเป5นประเด็นสําคัญในการออกแบบเว็บเป5นจุดแข/งขันและ
จุดประเมินสําคัญของเว็บ

17. 17
9. ความหลากหลายของข#อมูล
ประเด็นสําคัญในส/วนของข#อมูลก็คือ เว็บควรมีความหลากหลายและมี
เรื่องที่เป5นประโยชนหลาย ๆ เรื่อง มีความน/าเชื่อถือและตรวจสอบข#อมูล
ได# ข#อมูลนั้นก็จะได#ความนิยมและแนะนากันให#เข#ามาชมอีก กรณีที่เว็บมี
ข#อมูลไม/มากมายนัก แต/เว็บมีข#อมูลสําคัญเพียงพอไม/ยาวเกินไป ไม/สั้น
มากเกินไปก็เพียงพอใช#ประโยชนได#เหมาะสม องคประกอบในการ
ประเมินอื่น ๆ ของความหลากหลายข#อมูลได#แก/
9.1 เว็บไซตได#รับรางวัล เป5นประเด็นในการประเมิน
คุณภาพประการหนึ่ง เช/น เว็บได#รับ
รางวัลยอดนิยม หรือเว็บได#รับการโหวตในสาขาใด ๆ หรือเว็บมีการจัดลา
ดับว/ามีผู#เข#าใช#มาก ล#วนแต/เป5นตัวบ/งบอกคุณภาพได#
9.2 เว็บไซตไม/มีเรื่องต#องเสียค/าใช#จ/าย เป5นเว็บที่ให#
ข#อมูลโดยไม/คิดค/าใช#จ/ายก็ควรได#รับ
การประเมินระดับดี
9.3 เว็บไซตมีปฏิสัมพันธระหว/างผู#ดูแลกับผู#ใช# เช/น มีการ
ตอบคาถาม มีการฝากข#อมูล
และข#อความและตอบคําถามสม่ําเสมอ แสดงว/าเป5นเว็บที่ดีในการบริการ
9.4 เว็บไซตที่มีการสมัครและจัดเก็บข#อมูลของผู#ใช#เอาไว#
เป5นความลับ และเมื่อเรียกใช#ก็
มีการกาหนดรหัสเข#าและรหัสผ/าน แสดงถึงการบริการและบริหารเว็บ
อย/างมีคุณภาพได#
9.5 เว็บไซตมีข#อมูลที่สามารถผิดออกมาทาง
เครื่องพิมพได# โดยไม/ต#องเปลี่ยนแปลงแก#ไขใดๆ ก/อนการพิมพ

18. 18
สาขาคอมพิวเตอรศึกษา
มหาวิทยาลัยราชภัฏมหาสารคาม
ทฤษฎีการออกแบบเว็บไซตทฤษฎีการออกแบบเว็บไซต
ทฤษฎีการออกแบบเว็บไซต
การสร#างเว็บไซตให#ประสบความสําเร็จนั้น จําเป5นต#องมีการ
จัดเตรียมข#อมูล ออกแบบหน#า
เว็บเพจต/างๆ ให#มีรูปแบบที่สวยงาม สามารถใช#งานได#ง/าย และมีความ
สะดวกต/อการเข#าถึงข#อมูล การ
ออกแบบเว็บไซตจึงมีความสําคัญในการสร#างความประทับใจให#กับผู#ที่เข#า
มาใช#บริการ ส/งผลให#เกิด
ความรู#สึกอยากกลับมาใช#อีก หลักการออกแบบเว็บไซตที่ดี ซึ่งสามารถ
สรุปเป5นขั้นตอนในด#านต/างๆ ดังนี้
1. ด#านการออกแบบ
1.1 ควรมีจุดเดนหรือมีเอกลักษณ เนื่องจากเว็บไซตแต/
ละแห/งมีเปwาหมายที่แตกต/างกัน
เช/น ถ#าเป5นเว็บไซตที่เน#นทางด#านธุรกิจ จะต#องหาจุดเด/นหรือเอกลักษณ
ที่มีความได#เปรียบเหนือกว/า
คู/แข/ง เพื่อให#ผู#เข#ามาใช#บริการสามารถจดจําภาพลักษณหรือเอกลักษณ
เฉพาะของหน/วยงานนั้นๆ ได#
1.2 ควรมีการจัดวางขอมูลที่เรียบงาย เพื่อให#ผู#ที่เข#ามา
ใช#บริการสามารถอ/านเนื้อหา

19. 19
ที่อยู/ภายในแต/ละเว็บเพจได#ง/าย สบายตา การจัดวางข#อมูลภายในเว็บไซต
ต#องไม/ซับซ#อน มีการจัดหมวดหมู/ให#กับข#อมูล ภาพกราฟgก ตัวอักษรอย/าง
เหมาะสม เพื่อให#ผู#เข#ามาใช#บริการสามารถเข#าถึง
เนื้อหาที่ต#องการใช#งานได#อย/างสะดวกรวดเร็ว
1.3 ควรมีการจัดระบบขอมูลที่ดี เนื่องจากรูปแบบ
ความสัมพันธระหว/างกลุ/มข#อมูล จะ
มีผลต/อความสะดวกในการใช#งานของผู#เข#ามาใช#บริการ ระบบข#อมูลที่มี
โครงสร#างดีจะช/วยเพิ่มความ
ชัดเจนให#กับเนื้อหา โครงสร#างหลักของระบบข#อมูลสําหรับเว็บไซต
สามารถแบ/งออกเป5น 3 รูปแบบ คือ แบบลําดับชั้น (Hierarchy) แบบ
ข#อความหลายมิติ (Hypertext) และแบบฐานข#อมูล (Database)
โครงสร#างแต/ละแบบจะมีจุดเด/นและจุดด#อยแตกต/างกันไป อย/างไรก็ตาม
การออกแบบโครงสร#างของระบบข#อมูลจะขึ้นอยู/กับลักษณะของเนื้อหา
ภายในเว็บไซตนั้นๆ เป5นหลัก ซึ่งในทาง
ปฏิบัตินั้นเราสามารถใช#โครงสร#างรูปแบบเดียวกันทั้งหมด หรืออาจใช#
โครงสร#างมากกว/า 1 รูปแบบภายในเว็บไซตเดียวกันก็ได# ไม/มีข#อกําหนด
ตายตัว แต/เว็บไซตส/วนใหญ/จะใช#โครงสร#างทั้ง 3 รูปแบบร/วมกัน
ชีวิตประจําวันเราอาจได#สัมผัสกับแบบแผนการจัดระบบต/างๆ
โดยไม/รู#ตัว เช/น การค#นหาเบอรโทรศัพทจากสมุดโทรศัพท หรือการเลือก
ซื้อของในห#างสรรพสินค#าที่มีการแบ/งหมวดหมู/สินค#าที่แตกต/างกันไป เป5น
ต#น แบบแผนระบบข#อมูลสามารถแบ/งออกเป5น 3 แบบ คือ
1.3.1 แบบแผนระบบขอมูลแบบแนนอน (Exact
organizational schemes) เกิดจากการแบ/งข#อมูลออกเป5นกลุ/มที่
แน/นอนไม/มีการเหลื่อมล้ําของข#อมูลในแต/ละกลุ/ม ระบบข#อมูลชนิด

20. 20
นี้ยังถูกแบ/งย/อยออกเป5นระบบข#อมูลตามตัวอักษร (Alphabetic) ซึ่งเป5น
รูปแบบการจัดระบบพื้นฐานของพจนานุกรม สารานุกรม สมุดโทรศัพท
ห#องสมุด และดัชนีที่อยู/ด#านหลังหนังสือ สิ่งเหล/านี้ล#วนใช#ประโยชนจาก
การลําดับตัวอักษรในการจัดเรียงข#อมูล แต/วิธีนี้มีข#อด#อยคือ สิ่งที่อยู/
ใกล#เคียงกันอาจไม/มีความสัมพันธกันแต/อย/างใด
ระบบข#อมูลตามลําดับเวลา (Chronologic) เป5นรูปแบบที่มี
ความเหมาะสม
กับข#อมูลบางประเภทที่มีความสัมพันธกับเวลา เช/น ข/าว หนังสือพิมพ
นิตยสาร วารสาร และรายการโทรทัศน ซึ่งจําเป5นต#องนําเสนอข#อมูล
ตามลําดับเวลา
ระบบข#อมูลตามพื้นที่ (Geographic) ซึ่งมีลักษณะเฉพาะของ
แต/ละพื้นที่ยกตัวอย/างเช/น ข/าว พยากรณอากาศ เศรษฐกิจ การเมือง
หรือการปกครอง
1.3.2 แบบแผนระบบขอมูลแบบไมแนนอน
(Ambiguous organizationschemes) เกิดจากการแบ/งข#อมูลโดยไม/มี
การกําหนดที่แน/นอน ระบบข#อมูลชนิดนี้มีความยากในการ
ออกแบบ การดูแล และการใช#งาน อย/างไรก็ตามระบบข#อมูลชนิดนี้กลับมี
ความสําคัญและเป5นที่นิยมใช#มากกว/า เนื่องมาจากผู#เข#ามาใช#บริการใน
เว็บไซตส/วนใหญ/ไม/รู#แน/ชัดถึงสิ่งที่ตนกําลังค#นหา หรืออาจรู#เพียงบางส/วน
แต/ไม/แน/ใจ ในระบบข#อมูลชนิดนี้มีการรวบรวมข#อมูลตามลักษณะที่
คล#ายกันหรือใกล#เคียงกัน ซึ่งในกระบวนการค#นหาข#อมูล ผู#เข#ามาใช#
บริการสามารถเรียนรู#รายละเอียดของสิ่งที่ตนกําลังค#นหาเพิ่มขึ้นได# ตาม
จํานวนครั้งในการค#นหา เปรียบเสมือนกับการค#นหาข#อมูลโดยใช#คําที่มี

21. 21
ความหมายที่กว#างก/อน และผลของการค#นหาทําให#รู#ถึงสิ่งที่มีความหมาย
เฉพาะเจาะจงมากขึ้นเรื่อยๆ และสามารถนําข#อมูลนั้นๆ มาใช#ค#นหาต/อ
เพื่อค#นหาข#อมูลให#ตรงกับความต#องการของผู#เข#ามาใช#บริการมากที่สุด
อุปสรรคของการค#นหาข#อมูลแบบนี้ คือ ต#องใช#เวลานานและอาจจะต#อง
ทําการค#นหาหลายครั้งจึงจะพบข#อมูลที่ต#องการจริงๆ ระบบข#อมูลแบบไม/
แน/นอนสามารถแบ/งย/อยออกเป5นระบบข#อมูลตามหัวข#อ (Topic) ซึ่งเป5น
ระบบข#อมูลที่นิยมใช#กันมาก โดยจะทําการกําหนดหัวข#อต/างๆ ให#สื่อ
ความหมายและเข#าใจได#ง/าย มีขอบเขตไม/กว#างหรือแคบจนเกินไป
ระบบข#อมูลตามผู#เข#ามาใช#บริการ (Audience specific) ใน
กรณีที่มีกลุ/มผู#เข#ามาใช#บริการที่ชัดเจน และเข#ามาใช#บริการในเว็บไซต
อย/างสม่ําเสมอ เราสามารถแบ/งข#อมูลออกเป5นพวกๆ ตามความสนใจของ
ผู#เข#ามาใช#บริการแต/ละกลุ/มได# เพื่อให#เกิดความสะดวกในการ
ค#นหาข#อมูลมากที่สุด
ระบบข#อมูลตามการทํางาน (Task oriented) การจัดระบบ
ข#อมูลแบบนี้เป5นการแบ/งเนื้อหาและการทํางานต/างๆ ให#อยู/ในรูปของ
กระบวนการ หน#าที่ และงานย/อย ในป,จจุบัน
เว็บไซตที่ใช#การจัดระบบข#อมูลแบบนี้มีน#อยมาก เนื่องจากข#อมูลใน
เว็บไซตส/วนใหญ/มักจะเป5น
เนื้อหามากกว/ากระบวนการทํางาน
ระบบข#อมูลแบบจําลอง (Metaphor driven) การจัดระบบ
ข#อมูลในลักษณะนี้มักใช#กับการแนะนําสิ่งใหม/ๆ โดยจะทําการเชื่อมต/อ
ความสัมพันธกับสิ่งที่ผู#เข#ามาใช#บริการคุ#นเคยอยู/ ในขั้นนี้เราสามารถใช#
แบบจําลองการจัดระบบ (Organization metaphor)

22. 22
เพื่อช/วยให#ผู#เข#ามาใช#บริการเข#าใจสิ่งใหม/ได#ดีและชัดเจนขึ้น การใช#งาน
ระบบข#อมูลแบบนี้ข#อสําคัญต#องแน/ใจว/าแบบจําลองที่เลือกมาใช#นั้นเป5น
สิ่งที่คุ#นเคยต/อผู#เข#ามาใช#บริการส/วนใหญ/แล#ว
1.3.3 แบบแผนระบบขอมูลแบบผสม (Hybrid
schemes) เป5นการนําแบบแผนระบบข#อมูลแบบแน/นอน และแบบไม/
แน/นอนมารวมกันเพื่อจัดทําเว็บไซต เช/นเดียวกันกับโครงสร#างระบบ
ข#อมูล การออกแบบเว็บไซตในป,จจุบันไม/มีการนําแบบแผนระบบข#อมูล
แบบใดแบบหนึ่งมาใช#ในการออกแบบแต/เพียงอย/างเดียว เนื่องจากมี
ข#อมูลที่หลากหลาย ดังนั้นการออกแบบเว็บไซตควรแยกส/วนแบบแผน
ระบบข#อมูลที่แตกต/างกันให#อยู/กันคนละที่ และควรทําให#มีลักษณะที่
แตกต/างกัน
1.4 ควรมีการเลือกใชสีภายในเว็บไซตใหเหมาะสม การ
เลือกใช#สีในการออกแบบเว็บไซตว/ามีความสําคัญมาก เนื่องจากสีมีผลต/อ
อารมณ และความรู#สึกของผู#เข#ามาใช#บริการ ดังนั้นในการออกแบบเว็บ
ไชตจึงควรเลือกสีหรือโทนสีให#เหมาะสม โดยสีที่แตกต/างกันจะให#
ความหมายและความรู#สึกที่แตกต/างกันด#วย ความหมายและความรู#สึก
ของสีที่ใช#สามารถสรุปได#ดังนี้
สีแดง หมายถึง พลัง อํานาจ ความรัก ความอบอุ/น
สีน้ําเงิน หมายถึง ความซื่อสัตย ความมั่นคง ความ
ปลอดภัยความสะอาด ความเป5นระเบียบ ความหวัง มีน้ําใจ
สีเขียว หมายถึง ธรรมชาติ สุขภาพ ความยินดี ความ
อบอุ/นความแข็งแรง ความหวัง ความภักดี ความอุดมสมบูรณความ
กระฉับกระเฉง ความเป5นอมตะ

23. 23
สีเหลือง หมายถึง ความสดใส ร/าเริง ความหวัง ความ
อบอุ/นความสง/างาม ธรรมะ ปรัชญา ความสุข ความสมหวัง
สีฟ=า หมายถึง ความอ/อนโยน ความนุ/มนวล ความหวัง
ความสงบ ความเที่ยงตรง
สีมวง หมายถึง ความสูงส/ง ความซื่อสัตย ความสร#างสรรค
ความแปลกใหม/ ความรอบรู#
สีสม หมายถึง ความเข#มแข็ง กระตือรือร#น ความมั่นคง
ความสมดุล ความอบอุ/น ความเจริญ ความเป5นเพื่อน ความ มีชีวิตชีวา
หรูหรา
สีน้ําตาล หมายถึง ความเรียบง/าย ความสะดวกสบาย
ความทนทาน ความมั่นคงความเชื่อถือได#ความมีเกียรติ ความเติบโตเต็มที่
สีเทา หมายถึง ความสุภาพ ความสงบเสงี่ยม ความมั่นคง
ความไว#วางใจ
สีขาว หมายถึง ความบริสุทธิ์ ความไร#เดียงสา ความรัก
ความฉลาด ความสงบเสงี่ยม ความเรียบง/าย ความสะอาด
ความเคารพนับถือ ความนอบน#อมถ/อมตน ความเที่ยงตรง ความดี
สีดํา หมายถึง อํานาจ ความฉลาด ความเป5นเลิศ ความ
สุขุม ความรอบคอบ ความตั้งใจ ความมั่นคง ความเป5นทางการ
สีสันภายในหน#าเว็บไซต เป5นสิ่งที่มีความสําคัญมากต/อการ
ดึงดูดความสนใจของผู#เข#ามาใช#บริการ เนื่องจากเป5นสิ่งแรกที่ผู#เข#ามาใช#
บริการมองเห็น และเป5นสิ่งที่ใช#กําหนดบรรยากาศ
และความรู#สึกโดยรวมของเว็บไซต สีถือเป5นองคประกอบที่สําคัญของ
เว็บไซตซึ่งสามารถนําไปประยุกตใช#ในการเลือกตัวอักษร รูปภาพ

24. 24
การเชื่อมต/อ สีพื้นหลัง และรูปภาพพื้นหลัง การเลือกใช#สีที่
เหมาะสมจะช/วยในการสื่อความหมายของเนื้อหา และเพิ่มความสวยงาม
ให#กับหน#าเว็บเพจ ในทางกลับกัน การเลือกใช#สีที่ไม/เหมาะสมอาจสร#าง
ความยากลําบากในการอ/านหรือรบกวนสายตาผู#เข#ามาใช#บริการ รวมไป
ถึงการสื่อความหมายที่ไม/ถูกต#องเช/นกัน ควรเลือกใช#ตัวอักษรให#
เหมาะสม เป5นส/วนสําคัญที่จะทําให#เว็บไซตดูทันสมัย น/าเชื่อถือ
สนุกสนานมากยิ่งขึ้น เนื่องจากตัวหนังสือแต/ละลักษณะจะให#ความรู#สึกที่
แตกต/างกัน
ลักษณะของตัวอักษรและความรู#สึกที่สื่อออกมาในรูปแบบต/างๆ ดังนี้
ตัวหนังสือแบบมีเชิง (Serif) ให#ความรู#สึกของความคลาสสิก ดู
เก/าแก/และค/อนข#างเป5นทางการ
ตัวหนังสือแบบไมมีเชิง (San serif) ให#ความรู#สึกเรียบง/าย มี
ความทันสมัยและอ/านง/าย
ตัวหนังสือแบบลายมือ (Script) ให#ความรู#สึกสนุกสนานเป5น
กันเองไม/เป5นทางการ มักใช#กับคําโฆษณาสั้นๆ
ตัวอักษรแบบมีหัว มักใช#กับบทความยาวๆ เพราะอ/านง/าย เช/น
หนังสือเรียน หนังสือวิชาการ
ตัวอักษรแบบไมมีหัว ตัวหนังสือแบบนี้อ/านค/อนข#างยาก มักใช#
กับข#อความสั้นๆ แต/ให#ความรู#สึกที่ทันสมัย
เว็บไซตควรมีระบบนําทางที่มีประสิทธิภาพ ระบบนําทางใน
เว็บไซตที่ดีจะสามารถนําผู#
เข#ามาใช#บริการไปยังข#อมูลที่ตนกําลังค#นหาได#สะดวกและรวดเร็ว
นอกจากนี้ทุกทิศที่ไปจะต#องมีเครื่องหมายติดตามเพื่อให#ผู#เข#ามาใช#บริการ

25. 25
สามารถเลือกที่จะเข#าไปใช#บริการได#ตรงจุดที่สนใจอย/าง
สะดวก และยังสามารถย#อนกลับไปยังหน#าเว็บเพจต/างๆ ภายในเว็บไซต
นั้นๆ ได#
ระบบนําทางสําหรับใช#ในเว็บไซตออกเป5น 4 รูปแบบดังนี้
ระบบนําทางแบบลําดับชั้น (Hierarchy) เป5นระบบนําทาง
แบบพื้นฐานที่เว็บไซต
ส/วนใหญ/มักใช#กัน การที่โฮมเพจหน#าหนึ่งมีการเชื่อมโยงไปยังโฮมเพจหน#า
อื่นๆ ภายในเว็บไซตนั้นก็
ถือว/าเป5นลําดับชั้นอย/างหนึ่ง แต/เนื่องจากข#อจํากัดในการเคลื่อนที่ได#
เฉพาะในแนวตั้ง หรือแนวบน-
ล/าง (จากหน#าหลักไปยังหน#าย/อยถัดลงไปหรือย#อนกลับขึ้นมา) ระบบนํา
ทางแบบนี้จึงต#องอาศัยระบบ
นําทางแบบอื่นๆ มาใช#งานร/วมเพื่อทําให#มีประสิทธิภาพมากกว/าเดิม
ระบบนําทางแบบครอบคลุม (Global) หรือแบบตลอดทั่วทั้ง
เว็บไซต เป5นระบบนํา
ทางที่ช/วยเสริมข#อจํากัดของระบบนําทางแบบลําดับชั้น ทําให#สามารถ
เคลื่อนที่ได#ทั้งแนวตั้งและ
แนวนอนอย/างมีประสิทธิภาพทั่วทั้งเว็บไซต โดยปกติแล#วระบบนี้จะถูกใช#
เพื่อเชื่อมโยงไปยังหน#า
หลักของเว็บไซต ซึ่งอาจอยู/ในรูปของปwายนําทางที่วางไว#ด#านบนหรือด#าน
ล/างสุดของเว็บไซตก็ได#
โดยปกติปwายนําทางที่อยู/ด#านบนจะทําให#ผู#เข#ามาใช#บริการมองเห็นได#
ทันทีโดยไม/ต#องเปลี่ยนภาพไปไหน และยังช/วยชี้แนะให#ผู#เข#ามาใช#บริการ

26. 26
รู#ถึงข#อมูลส/วนต/างๆ ภายในเว็บไซตได#อย/างรวดเร็ว ใน
กรณีที่ผู#เข#ามาใช#บริการต#องการไปยังส/วนอื่นๆ ของเว็บไซตก็สามารถทํา
ได#ทันที ส/วนปwายนําทางที่อยู/ด#านล/างสุดนั้น ผู#เข#ามาใช#บริการจะเห็นก็
ต/อเมื่ออ/านเนื้อหาภายในเว็บเพจนั้นๆ จนมาถึงตอนท#าย
แล#ว ซึ่งจะช/วยเพิ่มความสะดวกถ#าเนื้อหาภายในเว็บเพจนั้นมีความยาว
มาก ทําให#ผู#เข#ามาใช#บริการไม/ต#องย#อนกลับไปด#านบน ดังนั้นปwายนําทาง
แบบครอบคลุมจะอยู/ด#านล/างหรือด#านบนนั้นขึ้นอยู/กับความยาวของ
เนื้อหาและความเหมาะสมเป5นหลัก
ระบบนําทางแบบเฉพาะที่ (Local) สําหรับเว็บไซตที่มีความ
ซับซ#อนมาก นอกจากจะใช#ระบบนําทางแบบครอบคลุมแล#ว อาจต#องใช#
ระบบนําทางแบบเฉพาะที่เข#ามาช/วยด#วยโดยเฉพาะในกรณีที่มีบางส/วน
ของเว็บไซตที่ต#องการระบบนําทางซึ่งมีลักษณะเฉพาะตัว เช/น หัวข#อ
ย/อยของเนื้อหาที่อยู/ภายใต#ส/วนหลักๆ ของเว็บไซต ระบบนําทางแบบนี้
จะช/วยเพิ่มความสะดวกให#กับผู#เข#ามาใช#บริการมากยิ่งขึ้น
ระบบนําทางเฉพาะสวน (Ad hoc) เป5นระบบนําทางเฉพาะส/วน
ตามความจําเป5นของเนื้อหา นั่นคือ การเชื่อมโยงของคําหรือข#อความที่
น/าสนใจไปยังรายละเอียดเกี่ยวกับคํานั้นๆเพิ่มเติม ขณะเดียวกันก็ไม/
รบกวนการอ/านของผู#เข#ามาใช#บริการทั่วไปที่ไม/ต#องการข#อมูลอย/าง
ละเอียด แต/มีข#อเสีย คือ ผู#เข#ามาใช#บริการมักจะมองข#ามการเชื่อมโยง
เหล/านี้ได#ง/ายเมื่อมีการอ/านผ/านอย/างรวดเร็วควรเลือกชนิดของรูปภาพที่
เหมาะสม รูปภาพที่นิยมใช#กันบนเว็บไซตว/า จะต#องเป5นแฟwมรูปภาพ
(Image file) ที่มีขนาดเล็ก เพื่อที่จะแสดงผลในเว็บเพจได#อย/างรวดเร็ว

27. 27
ขนาดของแฟwมรูปภาพที่เหมาะสมควรมีขนาด 20-40 กิโลไบต
(Kilobyte) แฟwมรูปภาพที่สามารถบีบอัด (Compress) ได#มาก ได#แก/
แฟwมรูปภาพที่มีการจัดรูปแบบ (Format) เป5น GIF, JPEG และ PNG โดย
แฟwมรูปภาพแต/ละรูปแบบจะมีความแตกต/างกัน ดังนี้
GIF (Graphics Interchange Format) เป5นการ
จัดรูปแบบที่ใช#บันทึกรูปภาพที่มี
รายละเอียดน#อย หรือมีลักษณะเป5นลายเส#น เช/น ภาพเคลื่อนไหว
(Animation) หรือภาพสัญลักษณ
เป5นต#น แฟwมรูปภาพที่มีการจัดรูปแบบในลักษณะนี้สามารถแสดงสีได#
เพียง 256 สี แต/คุณภาพของ
แฟwมรูปภาพที่ได#นั้นจะมีการสูญเสียรายละเอียดน#อยถึงน#อยมาก
นอกจากนี้ยังสามารถแสดงรูปภาพ
ในลักษณะโปร/งแสง (Transparent) ได#อีกด#วย การจัดรูปแบบของแฟwม
รูปภาพลักษณะนี้จะเหมาะกับการทําภาพเคลื่อนไหว (GIF Animation)
ภายในเว็บเพจ
JPEG (Joint Photographic Export Group) เป5นการ
จัดรูปแบบแฟwมรูปภาพที่มี
ความละเอียด เช/น ภาพที่มีจํานวนสีมากๆ หรือภาพถ/าย (Photo) ภาพ
ธรรมชาติ เป5นต#น เนื่องจากแฟwมรูปภาพแบบ JPEG นั้น สามารถแสดงสี
ได#ถึง 16.7 ล#านสี จึงสามารถแสดงรายละเอียดที่มีอยู/ใน
รูปภาพได#ดีกว/า แต/ถ#าหากมีการบีบอัดแฟwมรูปภาพมากจนเกินไป ก็อาจ
ทําให#เกิดการสูญเสียรายละเอียดของรูปภาพอย/างเห็นได#ชัดได#

28. 28
PNG (Portable Network Graphic) เป5นการจัดรูปแบบ
แฟwมรูปภาพที่มี
ความสามารถในการถูกบีบอัดภาพได#มากกว/าแฟwมรูปภาพแบบ GIF
ประมาณ 30% โดยแฟwมรูปภาพ
ที่ถูกบีบอัดแล#ว จะยังคงมีคุณภาพเทียบเท/าเดิม และมีการแสดงผลได#เร็ว
กว/าแฟwมรูปภาพแบบ GIF
นอกจากนี้ยังสามารถแสดงสีได#ถึง 16 ล#านสี และทํารูปภาพในลักษณะ
โปร/งแสงได#อีกด#วย
2 ดานเนื้อหา
2.1 ควรมีปรัชญา พันธกิจ วิสัยทัศน ของหน/วยงานนั้นๆ โดย
ปกติเมื่อผู#เข#ามาใช#บริการเข#ามาเยี่ยมชมเว็บไซต พวกเขาเหล/านั้คาดหวัง
ที่จะพบเจอข#อมูลข/าวสารที่ตนกําลังค#นหาอยู/ถ#าเนื้อหาที่จัดเตรียมอยู/ใน
เว็บไซตไม/มีความสอดคล#องหรือเกี่ยวข#องกับสิ่งที่ผู#เข#ามาใช#บริการกําลัง
มองหา หรือเนื้อหาที่มีอยู/ในเว็บไซตไม/ตรงกับหัวข#อ หัวเรื่องที่แสดงไว# ผู#
เข#ามาใช#บริการอาจจะเลิกไม/เข#ามาใช#บริการเว็บไซตนั้นอีก นอกจากนี้ยัง
อาจส/งผลต/อภาพลักษณของหน/วยงานนั้นๆ อีกด#วย
2.2 ควรมีการปรับข#อมูลให#เป5นป,จจุบัน ข#อมูลเป5นทรัพยากร
หลักที่มีผลต/อความสําเร็จของเว็บไซต การปรับข#อมูลเนื้อหาให#เป5น
ป,จจุบัน ทันต/อเหตุการณที่เกิดขึ้น จะทําให#เว็บไซตนั้นๆ มีความน/าสนใจ
ดึงดูดให#คนเข#ามาใช#บริการอย/างต/อเนื่อง ตัวอย/างเช/น เว็บไซตที่นําเสนอ
ข/าว เหตุการณ ที่เกิดขึ้นประจําวัน ผู#ที่เข#ามาใช#บริการย/อมคาดหวังที่

29. 29
จะพบข#อมูล ข/าวสารใหม/ทุกวัน โดยปกติความทันสมัยของเนื้อหา
พิจารณาจากการระบุวันที่ที่ผลิตเอกสารทางเว็บไซต หรือการระบุวันที่
ปรับปรุงเนื้อหาครั้งล/าสุด
2.3 ควรมีความถูกต#อง ละเอียด ชัดเจน ความสมบูรณของ
เนื้อหาที่อยู/บนเว็บไซตอาจ
พิจารณาจากการระบุที่มาของเอกสารที่นําเสนอ ข#อมูลที่นําเสนอได#มา
อย/างไร ผ/านกระบวนการกลั่นกรองหรือไม/ การระบุที่อยู/สําหรับติดต/อผู#
จัดเตรียมข#อมูล นอกจากนี้เนื้อหาที่นําเสนอบนเว็บไซตควรผ/านการ
ตรวจทานความถูกต#อง ทั้งในเรื่องการใช#ประโยค เครื่องหมายวรรคตอน
และการสะกดคํา เป5นต#น
3 ดานการบริหารจัดการเว็บไซต
3.1 มีความเร็วในการเชื่อมโยงและการดาวนโหลด
(Download) ข#อมูล เว็บไซตที่ดี ไม/ควรใช#เวลาในการเชื่อมโยงและดาวน
โหลดข#อมูลนานโดยเฉพาะข#อมูลในหน#าแรก เพราะอาจทําให#ผู#เข#ามาใช#
บริการอดทนรอไม/ไหว ตัดสินใจเลิกที่จะเข#ามาชมเว็บไซตนั้นๆ และ
เปลี่ยนไปยังเว็บไซตอื่นๆ ทันที เหตุการณลักษณะนี้ถือเป5นความผิดพลาด
ของผู#ออกแบบเว็บไซต โดยทั่วไปสิ่งที่มีผลต/อความเร็วในการดาวนโหลด
ข#อมูล ได#แก/ ขนาดของแฟwมรูปภาพที่ใช# ปริมาณของตัวอักษรที่อยู/บน
หน#าเว็บไซต รวมไปถึงเนื้อหาภายในเว็บไซตนั้นๆ ซึ่งโดยปกติไม/ควรยาว
เกิน 3 หน#าจอ ในกรณีที่เนื้อหามีความยาวมาก ควรทําการแยกหัวข#อ
หรือเพิ่มการเชื่อมโยงไปสู/ในเว็บเพจหน#าต/อไป

30. 30
3.2 มีความถูกต#องในการเชื่อมโยงข#อมูล การเชื่อมโยงไปยัง
ส/วนต/างๆ ภายในเว็บไซตต#องมีความถูกต#อง เที่ยงตรง ผู#ออกแบบเว็บไซต
ที่ไม/มีความละเอียดรอบคอบ การเชื่อมโยงต/างๆภายในเว็บไซตอาจจะมี
ข#อผิดพลาด จนทําให#ผู#เข#ามาใช#บริการไม/สามารถเข#าถึงข#อมูลข/าวสารที่
ต#องการได#
3.3 มีการให#ความช/วยเหลือ หรือแนะนําผู#เข#ามาใช#บริการ
ในการออกแบบเว็บไซตที่ดี
นั้น จะต#องมีส/วนที่คอยช/วยเหลือผู#เข#ามาใช#บริการ ในกรณีที่ผู#เข#ามาใช#
บริการเกิดป,ญหาหรือมีข#อสงสัยระหว/างการใช#บริการ นอกจากนี้
ผู#ออกแบบเว็บไซตควรจัดเตรียมข#อมูลเพื่อให#คําแนะนําใน
เรื่องการใช#บริการต/างๆ ภายในเว็บไซตด#วย เช/น การจัดเตรียมข#อมูลที่ถูก
ถามบ/อยๆ (FAQ :Frequently Asked Questions) เพื่อให#ผู#เข#ามาใช#
บริการเกิดความรู#สึกที่ดีต/อเว็บไซต ข#อมูลอีกส/วนหนึ่งที่มีความสําคัญ
เช/นเดียวกันก็คือ ข#อมูลที่ใช#สําหรับติดต/อ เช/น ที่อยู/ เบอรโทรศัพท แผน
ที่ไปรษณียอิเล็กทรอนิกส (E-mail) เพื่อให#ผู#เข#ามาใช#บริการสามารถ
ติดต/อกับเว็บไซตได#สะดวก
กลาวโดยสรุป การออกแบบเว็บไซตไม/ได#หมายถึงลักษณะหน#าตา
ของเว็บไซตแต/เพียงอย/างเดียว แต/ยังเกี่ยวข#องไปถึง การกําหนด
เปwาหมายของเว็บไซต กลุ/มของผู#ที่จะเข#ามาใช#บริการ การจัดระบบข#อมูล
การสร#างระบบนําทาง การออกแบบหน#าเว็บ การใช#รูปภาพ การเลือกใช#
สี และการจัดรูปแบบตัวอักษร เป5นต#น นอกจากนั้นยังต#องคํานึงถึงความ
แตกต/างของสื่อกลาง (Media) ที่ใช#ในการแสดงผลเว็บไซตด#วย