ข้อผิดพลาดในการออกแบบเว็บไซต์ที่พบบ่อยที่สุด – โลงศพสำหรับเว็บไซต์

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

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

มาดูกันบ้าง

ข้อผิดพลาดในการออกแบบเว็บที่พบบ่อยที่สุด

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

#1 ค้นหาช่องค้นหา

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

คำแนะนำ: Google Custom Search เป็นวิธีที่เรียบร้อย เรียบง่าย และมีประสิทธิภาพในการเริ่มต้น ช่วยให้ผู้เยี่ยมชมสามารถค้นหาไซต์ของคุณได้อย่างมีประสิทธิภาพ เพียงคัดลอกโค้ด HTML จากแผงควบคุมแล้ววางลงในเว็บไซต์ของคุณ เพียงเท่านี้ คุณก็จะมีฟังก์ชันการค้นหาบนเว็บไซต์ของคุณ

#2 ความอ่านง่ายและความไม่ชัดเจน

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

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

1. เปรียบเทียบแบบแผนชุดสีของเว็บไซต์หลักส่วนใหญ่ และสังเกตว่าสีปรับปรุงความสามารถในการอ่านได้อย่างไร ที่ที่ดีในการลองใช้ชุดสีต่างๆ คือ Adobe Kuler
2. ใช้ แบบอักษร Sans serif เพื่อให้อ่านบนเว็บได้ง่าย

#3 เค้าโครงเนื้อหารก

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

ใช้ชื่อหน้าที่เหมาะสมสำหรับหน้าเว็บแต่ละหน้า เพื่อให้ผู้ใช้ทราบว่าพวกเขาอยู่ที่ไหน นักออกแบบบางคนถึงกับลืมตั้งชื่อหน้าเว็บ

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

คำแนะนำ: ควรใช้การจัดระเบียบเนื้อหาบนเว็บไซต์ของคุณโดยใช้ HTML และ CSS เมื่อสร้างการออกแบบหน้าเว็บของคุณ

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

#4 ปัญหาการนำทาง

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

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

คำแนะนำ:

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

โปรดจำไว้ว่า หากผู้ใช้ไม่พบสิ่งที่ต้องการภายในเวลาไม่ถึง 3 คลิก ส่วนใหญ่จะออกทันที

#5 การวางแผนอินเทอร์เฟซที่ไม่สม่ำเสมอ

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

คำแนะนำ:

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

#6 ไม่ตอบสนอง

ฉันแน่ใจว่าเราได้เยี่ยมชมเว็บไซต์ที่คุณต้องเลื่อนในแนวนอน นี่เป็นสิ่งที่ไม่มีเลยในการออกแบบเว็บสมัยใหม่ นักออกแบบที่ดีจะพัฒนาเว็บไซต์ที่เหมาะกับขนาดหน้าจอส่วนใหญ่ เลย์เอาต์ที่ปรับให้เหมาะสมที่สุดสำหรับเว็บไซต์ในปัจจุบันคือ 1024 x 768 พิกเซล

คำแนะนำ: เป็นเรื่องยากและแทบจะเป็นไปไม่ได้เลยที่จะรองรับการออกแบบให้พอดีกับทุกความละเอียด โดยเฉพาะอย่างยิ่งเมื่อผู้เยี่ยมชมกำลังท่องจากโทรศัพท์มือถือและเน็ตบุ๊ก แต่เราสามารถทราบคร่าวๆ ได้ว่าความละเอียดหน้าจอที่ใช้โดยทั่วไปคืออะไรด้วยวิธีต่อไปนี้

• ตรวจสอบสถิติของคุณ – บริการวิเคราะห์เช่น Google Analytics ให้ข้อมูลเกี่ยวกับความละเอียดของจอภาพที่พวกเขาใช้ ข้อมูลเหล่านี้เป็นข้อมูลที่เป็นประโยชน์ที่คุณควรรู้ก่อนเริ่มการปรับปรุงครั้งต่อไป
• W3 Schools Browser Stats – W3 Schools แสดงรายการเบราว์เซอร์ที่ได้รับความนิยมสูงสุดที่ชาวเน็ตใช้และจัดเรียงตามความนิยม มีสถิติที่น่าสนใจและสำคัญอื่นๆ ด้วย

#7 แบบฟอร์มการลงทะเบียนที่ซับซ้อน

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

แบบฟอร์มง่ายๆ ของ Someecard ทำให้การลงทะเบียนไม่ยุ่งยาก

คำแนะนำ: เปรียบเทียบแบบฟอร์มการลงทะเบียนระหว่างชุมชนต่างๆ บนเว็บ และทำความเข้าใจว่าผู้ใช้ต้องการข้อมูลพื้นฐานใดบ้างในระหว่างขั้นตอนการลงทะเบียน

เพิ่มเติม: 9 ข้อผิดพลาดในการใช้งานทั่วไปในการออกแบบเว็บ – โพสต์ใน Smashing Magazine นี้จะกล่าวถึงแบบฟอร์มการลงทะเบียนในเชิงลึกท่ามกลางข้อผิดพลาดในการใช้งานอื่นๆ

#8 รูปภาพหลอกลวงบนเว็บไซต์

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

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

เพิ่มเติม: แฟลช: 99% แย่ – ใช้แฟลชอย่างเหมาะสม เกือบ 10 ปีแล้วที่ Jakob Nielsen ตีพิมพ์บทความนี้ แต่ก็ยังมีความเกี่ยวข้องในแง่ของความสามารถในการใช้งาน Flash โดยเฉพาะส่วน Breaks Web Fundamentals

#9 หน้าสับสน พื้นที่ว่างมากขึ้น

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

kylestanding ใช้ประโยชน์จากช่องว่างในการออกแบบ

ต่อไปนี้คือบทความบางส่วนที่จะให้คุณมีความคิดที่ดีเกี่ยวกับ ความสำคัญของช่องว่างในการออกแบบเว็บ :

• การเปรียบเทียบเค้าโครงช่องว่างสีขาวสี่แบบ
• คุณค่าของพื้นที่สีขาว
• ช่องว่าง

#10 เพลงประกอบ ความพ่ายแพ้ครั้งใหญ่

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

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

ห่อ

KISS คือสิ่งสำคัญที่สุด ฉันหมายถึง Keep It Simple, Stupid และนั่นคือสิ่งที่ผู้คนชื่นชอบมากที่สุดในเว็บไซต์ ถ้ามันง่าย ก็ใช้งานได้ง่าย

หวังว่าคุณจะได้รับข้อมูลเชิงลึกเกี่ยวกับข้อผิดพลาดทั่วไปในการออกแบบเว็บ

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