Please enable JavaScript.
Coggle requires JavaScript to display documents.
การออกแบบเว็บไซต์, download, ERtDq4tUEAAZ3AQ, d224919a61e874d45702aacb6c73…
การออกแบบเว็บไซต์
ออกแบบเว็บไซต์ให้ดูน่าเชื่อถือ
ความทันสมัย
มีข้อมูลผู้ขายชัดเจน
อย่าเน้น Hard Sell มากไป
ความเป็นศิลปะ
อ้างถึงระยะเวลาที่เปิดให้บริการ
ตัวอักษรมีความโดดเด่น อ่านง่าย
อัพเดตหรือนำเสนอข้อมูลอยู่ตลอด
สะกดอักษรให้ถูกต้อง
บอกถึงวัตถุประสงค์อย่างชัดเจน
อ้างอิงถึงผู้ที่เคยใช้บริการแล้ว
แสดงถึงรางวัลที่เคยได้รับ
องค์ประกอบในการออกแบบเว็บไซต์
ความเรียบง่าย เข้าใจง่าย
ความสม่ำเสมอ ไม่สับสน
สร้างความโดดเด่น เป็นเอกลักษณ์
เนื้อหาต้องดี ครบถ้วน
ระบบเนวิเกชั่น ใช้ง่าย
คุณภาพของเว็บไซต์
ความสะดวกในการเข้าใช้งาน
ความคงที่ของการออกแบบ
ความคงที่ของการทำงาน
การออกแบบเว็บไซต์ ต้องคำนึงถึงอะไรบ้าง
ความเรียบง่าย
เว็บไซต์ที่ดีควรมีรูปแบบที่เรียบง่ายและไม่ซับซ้อน เพื่อให้ผู้ชมสามารถใช้งานเว็บไซต์ได้อย่างสะดวกมากขึ้น โดยเฉพาะพวกกราฟฟิคทั้งหลาย
เนื้อหา
โดยเนื้อหาที่นำมาลงในเว็บ ควรเป็นเนื้อหาที่มีความเกี่ยวข้องกับเว็บ หรืออาจเป็นเนื้อหาที่ได้สาระ มีประโยชน์ สามารถดึงดูดความสนใจของผู้คนได้ดี
ความเป็นเอกลักษณ์
เว็บไซต์ควรมีเอกลักษณ์เฉพาะตัว ที่สามารถบ่งบอกได้ถึงความเป็นบริษัท องค์กรหรือแบรนด์ต่างๆ
ระบบเนวิเกชัน
ควรออกแบบให้สามารถใช้งานได้ง่ายและสะดวก สื่อความหมายต่างๆ
ความสม่ำเสมอ
คือการเลือกใช้รูปแบบ กราฟฟิค โทนสี และการตกแต่งหรือการแสดงผลต่างๆ
ลักษณะเด่น
ส่วนนี้จะถือเป็นหน้าตาของเว็บไซต์เพื่อใช้ในการดึงดูดลูกค้า อาจออกแบบลักษณะเด่นของเว็บให้ตรงกับความชอบส่วนใหญ่ของกลุ่มเป้าหมาย
การใช้งานที่ไม่จำกัด
การทำเว็บไซต์ให้รองรับการเข้าใช้งานจากหลายระบบ ไม่ว่าจะเป็นการเข้าใช้งานจากเครื่อง PC สมาร์ทโฟน หรือการใช้เบราเซอร์ต่างๆ ในการเข้าใช้งาน
คุณภาพในการออกแบบ
จำเป็นต้องทำเว็บไซต์ให้มีคุณภาพมากที่สุด ไม่ว่าจะเป็นในเรื่องของการเรียบเรียงเนื้อหาอย่างรอบคอบ การตรวจสอบความถูกต้องและการทำให้เว็บไซต์มีความน่าเชื่อถือ
การเชื่อมโยงไปยังลิ้งค์ต่างๆ
ซึ่งจะต้องเชื่อมโยงไปยังหน้าเว็บที่มีอยู่จริง และมีเนื้อหาที่เกี่ยวพันกัน และควรหมั่นตรวจสอบอยู่เสมอ ว่าระบบการเชื่อมโยงยังคงทำงานได้ตามปกติและมีความถูกต้อง แม่นยำ อยู่หรือไม่
สมชิกในกลุ่ม
นางสาว ณิชา บัวขาว เลขที่4
นางสาว อมรรัตน์ โพธิมณี เลขที่ 23
นาย ชินยพงศ์ ฉลองนิติติ์กุล เลขที่29
นางสาว สุวนันท์ พะโล เลขที่39
นาย ธนวัฒน์ ประหยัด เลขที่32
รูปแบบโครงสร้างของเว็บไซต์
โครงสร้างแบบเรียงลำดับ
โครงสร้างเว็บไซต์แบบเรียงลำดับ จะเป็นโครงสร้างแบบธรรมดาที่นิยมใช้งานกันมากที่สุด เนื่องจากมีความง่ายต่อการจัดระบบข้อมูล และสามารถนำเสนอเรื่องราวตามลำดับได้เป็นอย่างดี เหมาะกับเว็บไซต์ที่มีขนาดเล็ก มีเนื้อหาที่ไม่ซับซ้อน
โครงสร้างแบบลำดับขั้น
โครงสร้างแบบลำดับขั้น นิยมใช้กับเว็บที่มีความซับซ้อนของข้อมูล เพื่อให้สามารถเข้าถึงข้อมูลต่างๆ ได้ง่ายขึ้น โดยจะมีการแบ่งเนื้อหาออกเป็นส่วนๆ และมีการนำเสนอรายละเอียดย่อยๆ ที่ลดหลั่นกันมา ทำให้สามารถทำความข้าใจกับโครงสร้างเนื้อหาได้ง่ายขึ้น
โครงสร้างแบบตาราง
โครงสร้างแบบตาราง เป็นโครงสร้างการออกแบบเว็บไซต์ที่มีความซับซ้อน แต่ก็มีความยืดหยุ่นในระดับหนึ่ง เพื่อให้ผู้ใช้งานสามารถเข้าสู่เนื้อหาต่างๆ ได้ง่ายขึ้น
โครงสร้างแบบใยแมงมุม
โครงสร้างแบบใยแมงมุม เป็นโครงสร้างที่ได้รับความนิยมเป็นอย่างมาก เพราะมีความยืดหยุ่นมากที่สุด โดยทุกหน้าเว็บจะมีการเชื่อมโยงถึงกันหมด ทำให้สามารถเข้าถึงหน้าเว็บเพจต่างๆ ที่ต้องการได้อย่างง่าย และมีความอิสระมากขึ้น นอกจากนี้ก็สามารถเชื่อมโยงไปสู่เว็บไซต์ภายนอกได้ดี
วิธีการเลือกใช้สีสำหรับการออกแบบเว็บไซต์
สีโทนร้อน (Warm Colors)
ป็นสีแห่งความอบอุ่น ปลอบโยนและกระตุ้นความสุขได้ดี ซึ่งจะทำให้ผู้เข้าชมรู้สึกมีชีวิตชีวาและมีแรงผลักดันมากขึ้น อีกทั้งยังช่วยดึงดูดให้ผู้ชมรู้สึกอยากติดตามเนื้อหามากขึ้น
สีโทนเย็น (Cool Colors)
เป็นสีแห่งความสุภาพและความอ่อนโยน ทำให้ผู้ชมรู้สึกผ่อนคลายและเพลิดเพลินมากขึ้น และยังสามารถใช้โน้มน้าวจากในระยะไกลได้อีกด้วย
สีโทนกลาง (Neutral Colors)
สีเหล่านี้มักจะถูกนำไปผสมกับสีอื่นๆ เพื่อให้เกิดสีที่เป็นกลางมากขึ้น และให้ความรู้สึกที่เป็นธรรมชาติ
ส่วนประกอบสำคัญบนหน้าเว็บเพจ ที่ต้องมี
ส่วนหัวของหน้า (Header)
อยู่ตอนบนสุดของหน้าและเป็นส่วนที่สำคัญที่สุด โดยจะต้องทำให้สามารถดึงดูดผู้ชมให้รู้สึกอยากติดตามเนื้อหาในเว็บไซต์ต่อไป ซึ่งส่วนใหญ่ก็มักจะมีการใส่ภาพกราฟฟิคให้ดูสวยงาม สิ่งสำคัญหลักๆ เลย ก็คือ โลโก้ ชื่อเว็บไซต์และเมนูหลักที่สามารถลิ้งค์ไปยังเนื้อหาในหน้าเว็บเพจต่างๆ
ส่วนของเนื้อหา (Body)
อยู่บริเวณตอนกลางของหน้าเว็บ โดยจะแสดงข้อมูลเกี่ยวกับเนื้อหาบนเว็บแบบคร่าวๆ ซึ่งก็จะมีข้อความ กราฟฟิค ตารางข้อมูลหรือวิดีโอประกอบอยู่ และหากมีเมนูแบบเฉพาะกลุ่มก็จะถูกจัดไว้ในหน้านี้เช่นกัน และที่สำคัญเนื้อหาในส่วนนี้ควรจะมีความกระชับ เข้าใจง่าย มีการใช้รูปแบบตัวอักษรแบบเรียบง่ายและเป็นระเบียบ
ส่วนท้ายของหน้า (Footer)
อยู่ล่างสุดของหน้าเว็บ ซึ่งจะมีหรือไม่มีก็ได้ ส่วนนี้จะแสดงถึงข้อมูลต่างๆ เพิ่มเติมเข้าไป เช่น ข้อความที่แสดงถึงการเป็นลิขสิทธิ์ ข้อมูลเจ้าของเว็บไซต์ วิธีการติดต่อและคำแนะนำต่างๆ เกี่ยวกับการใช้งานเว็บไซต์อย่างถูกต้อง เป็นต้น
เว็บไซต์มีกี่ประเภท
1.Corporate
2.Landing page
3.E-commerce
โครงสร้างของเว็บไซต์และองค์ประกอบของเว็บไซต์
เว็บที่มีโครงสร้างแบบเรียงล าดับ (Sequential Structure)
เว็บที่มีโครงสร้างแบบล าดับขั้น (Hierarchical Structure)
เว็บที่มีโครงสร้างแบบตาราง (Grid Structure)
เว็บที่มีโครงสร้างแบบใยแมงมุม (Web Structure)
Domain Name
Design & Development
Design & Development
Hosting
1 more item...
การกำหนดโครงสร้าง
การกำหนดโครงสร้างของเว็บไซต์เป็นการออกแบบส่วนประกอบทั้งหมดของเว็บไซต์ที่ต้องการให้ผู้ชมเข้ามาเยี่ยมชมได้ทราบ เช่น ทั้งเว็บไซต์จะมีกี่หน้า แต่ละหน้าจะมีเนื้อหาอะไร เนื้อหาแต่ละส่วนจะเชื่อมโยงกันอย่างไร เปรียบเสมือนการเขียนหนังสือที่แบ่งเนื้อหาออกเป็นบทย่อยๆ และแต่ละบทมีหัวข้อย่อยเรียงลำดับกันไป
ข้อผิดพลาดในการทำเว็บไซต์ที่ควรระวัง
เว็บไซต์แสดงผลช้ามากๆ ผู้ใช้งานต้องเสียเวลาในการรอให้เว็บไซต์แสดงผลนานมาก
ไม่มีเนวิเกชั่น หรือส่วนที่ใช้ลิงค์ไปยังหน้าต่างๆ ของเว็บไซต
การใช้สีสันที่แสบตา ใช้สีพื้นหลังเป็นสีโทนสว่าง แล้วใช้ตัวอักษรในโทนสว่างอีก ท าให้การอ่าน
เนื้อหาในเว็บเพจท าได้ยากมากๆ
การสะกดคำผิด การเขียนผิด หรือการใช้ภาษาวิบัติ ส่งผลให้เข้าใจผิดพลาดได้
เนื้อหาในเว็บเพจ ควรทำให้เนื้อหาของเราอ่านได้ง่ายขึ้น
ขนาดของตัวอักษรและชนิดของตัวอักษรต้องไม่เล็กหรือใหญ่เกินไป
การจัดช่องไฟ การเว้นวรรค และการเว้นบรรทัดของเนื้อหาที่ดี ก็ทำให้เว็บไซต์ดูดีขึ้นได้มากทีเดียว
การใส่เพลงประกอบโดยที่ผู้ใช้งานไม่สามารถปิดได้เพราะอาจทำให้ผู้ใช้งานรู้สึกหงุดหงิดได้
1 more item...
ขณะนี้อยู่ระหว่างการปรับปรุง ค านี้ไม่ควรให้มีในเว็บเพจ เพราะท าให้รู้สึกว่าเว็บไซต์ยังไม่
ไม่ตรวจสอบเว็บไซต์ก่อน ควรตรวจสอบเว็บเพจทุกหน้า โดยใช้หลายๆ browser
เนวิเกชั่นที่ไม่สื่อความหมาย มีข้อผิดพลาด (error) และมีหลายปุ่มให้เลือกมากเกินไป
ท าเว็บไซต์อย่างลวกๆ ควรให้ความส าคัญกับเนื้อหาให้มากๆ อย่าให้เกิดข้อผิดพลาด
1 more item...
ไม่มีที่อยู่ หรือที่ติดต่อกลับ
20.การใช้ Free web hosting ถ้าเป็นเว็บเกี่ยวกับธุรกิจจ าเป็นอย่างยิ่งที่จะต้องมีชื่อ domain ป็นของตัวเอง
การใช้ Free e-mail addresses เป็นสิ่งที่ควรหลีกเลี่ยง ควรใช้ e-mail ที่เป็นของคุณเอง มา
จาก domain name ของคุณ เรื่องนี้เป็นสิ่งที่จ าเป็นอย่างยิ่งกับความน่าเชื่อถือของ e-mail ของคุณที่ส่งไปยังลูกค้า
โฆษณาที่มีมากจนเกินไป เพราะจะท าให้ผู้ใช้สับสนระหว่าง เนื้อหาที่แท้จริงกับโฆษณาที่แทรกอยู่
3 more items...
