สวัสดี บุคคลทั่วไป

พื้นฐานการออกแบบเว็บไซต์

  • 0 ตอบ
  • 380 อ่าน
พื้นฐานการออกแบบเว็บไซต์
« เมื่อ: กุมภาพันธ์ 17, 2018, 01:55:40 AM »
สิ่งที่ผู้เขียนเว็บไซต์จำเป็นต้องจัดแจงก่อนการดีไซน์จริง


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

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


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


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

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

1. เนื้อหาสาระเกี่ยวกับบริษัท หน่วยงาน หรือคนจัดทำ (About Us) คือเนื้อหาเกี่ยวกับผู้ครอบครองเว็บ เพื่อบอกให้ผู้ชมทราบดีว่าเราเป็นคนไหนกัน มาจากไหน และอยากได้นำเสนออะไรอาทิเช่น จุดหมายของเว็บไซต์ ประวัติความเป็นมา สถานที่ตั้งของหน่วยงาน เป็นต้น


2. เนื้อหาของสินค้าหรือบริการ(Product/Service Information) เป็นข้อมูลหลักที่เราเสนอในเว็บไซต์ ซึ่งหากเป็นเว็บไซต์ทางธุรกิจ ผู้เข้าชมอาจต้องการรู้เนื้อหาของผลิตภัณฑ์หรือบริการในเว็บของพวกเรา เพื่อประกอบการตัดสินใจในการซื้อสินค้าหรือบริการ แม้กระนั้นหากเป็นเว็บไซต์ที่ให้ความรู้ความเข้าใจ ส่วนนี้ก็บางทีอาจจะมีบทความ ภาพกราฟิกมัลติมีเดีย และก็การเชื่อมต่อไปยังเว็บอื่นเพื่อได้รายละเอียดต่างๆนอกเหนือจากนี้


3. ข่าวสาร (News / Press Release) บางทีอาจเป็นข่าวสารที่อยากได้ส่งถึงคนทั่วๆไปหรือสมาชิก เพื่อให้รับทราบการเคลื่อนไหวเกี่ยวกับบริษัทหรือเว็บไซต์ของเรา ดังเช่นการเปิดตัวสินค้าบริการใหม่ๆโปรโมชั่นสินค้าระดู หรือกิจกรรมต่างๆที่เกิดขึ้น


4. คำถามคำตอบ (Frequently Asked Question)คำถามคำตอบมีความจำเป็น เนื่องจากว่าผู้เข้าชมนิดหน่อยบางทีอาจไม่รู้เรื่องข้อมูลหรือมีปัญหาที่ต้องการไต่ถามการติดต่อทางอีเมล์หรือช่องทางอื่น แม้ว่าจะทำได้แต่ว่าเสียเวล่ำเวลาด้วยเหตุผลดังกล่าวพวกเราควรคาดเดาหรือรวบรวมปัญหาที่เคยตอบไปแล้วใส่ไว้ในเว็บเพจ ซึ่งผู้เข้าชมที่สงสัยจะสามารถเปิดดุได้โดยทันที ยิ่งไปกว่านี้ อาจมีเว็บบอร์ดสำหรับให้ผู้ดูแลเว็บคอยตอบคำถาม และอาจเปิดให้ผู้เข้าชมร่วมกันก็ได้


5. ข้อมูลในการติดต่อ (Contact Information) เพื่อให้ผู้เข้าชมเว็บไซต์ของเราที่เกิดคำถาม หรืออยากได้ถามไถ่ข้อมูลอื่นๆสามารถติดต่อกับพวกเราได้ ควรกำหนดอีเมล์แอดเดรส (E-mail Address) ที่อยู่ เบอร์โทรศัพท์ ที่ติดต่อได้ไว้ ด้วย และก็อาจมีแผนที่สำหรับลูกค้าที่ต้องการติดต่อโดยตรง
ส่วนประกอบของหน้าเว็บเพจ

โดยปกติ หน้าเว็บเพจจะแบ่งได้ส่วนหลักๆดังต่อไปนี้คือ

1. ท่อนหัว (Page Header) อยู่ตอนบนสุดของหน้าเว็บเพจ เป็นบริเวณที่สำคัญที่สุด เนื่องมาจากผู้เข้าเยี่ยมชมเว็บจะมองเห็นก่อนบริเวณอื่น ส่วนมากนิยมใช้วางโลโก้ ชื่อเว็บไซต์ ป้ายที่ใช้สำหรับโฆษณา ลิงค์สำหรับการติดต่อ หรือลิงค์ที่สำคัญแล้วก็ระบบนำทาง

2. ส่วนเนื้อหา (Page Body) อยู่ตอนกลางหน้า ใช้แสดงรายละเอียดด้านในเว็บเพจซึ่งบางทีอาจประกอบไปด้วยเนื้อความ ภาพกราฟิก ตารางข้อมูล และก็อื่นๆบางเวลาเมนูหลักหรือรายการอาหารเฉพาะกรุ๊ป บางทีอาจอยู่ในส่วนนี้ก็ได้ โดยมักวางไว้ด้านซ้ายมือสุด เพราะว่าผู้เข้าชมจะเห็นได้ง่าย


3. ส่วนท้าย (Page Footer) อยู่ด้านล่างสุดของหน้าเว็บเพจส่วนมากจะนิยมใช้วางระบบนำทางด้านในเว็บไซต์แบบที่เป็นลิงค์ข้อความง่ายๆนอกเหนือจากนี้ก็บางทีอาจจะมีชื่อของผู้ครอบครองเว็บ เนื้อความแสดงลิขสิทธิ์ แล้วก็อีเมล์แอดเดรส (E-mail Address) ของผู้ดูแลเว็บไซต์


4. แถบข้าง (Side Bar) เดี๋ยวนี้จะนิยมดีไซน์ด้านข้างของหน้าเว็บเพจให้น่าสนใจ เพื่อใช้วางป้ายแบนเนอร์ หรือลิงค์แนะนำเกี่ยวกับบริการของเว็บไซต์ เป็น
คำค้นหาที่เกี่ยวข้อง : ผู้ทำเว็บไซต์

Tags : เว็บรองรับมือถือ