ข้อผิดพลาดการออกแบบเว็บไซต์ที่แย่ที่สุด: 10 ตัวอย่างของเว็บไซต์ที่ไม่ดี

บทความที่เขียนโดย:
  • การออกแบบเว็บไซต์
  • อัปเดต: เม.ย. 16, 2020

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

คุณคงเคยได้ยินคำว่า“เหนียว” ในการอ้างอิงถึงเว็บไซต์

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

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

ความผิดพลาด #1: สี Jarring

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

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

ตัวอย่างของ Bad Website: Moradito

ตัวอย่างการออกแบบที่ไม่ดี
ไซต์นี้ใช้สีเกือบเท่าที่สามารถจินตนาการได้ในรูปแบบปริศนา วิธีเดียวที่จะอธิบายว่ามันน่าเกลียด

ความผิดพลาด #2: กราฟิกมากเกินไป

หากคุณถ่วงหน้าเว็บของคุณด้วยกราฟิกสิ่งที่ต่างกันสองอย่างเกิดขึ้น

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

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

ตัวอย่างของ Bad Website: Pine-Sol

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

ความผิดพลาด #3: เวลาโหลดช้า

เว็บไซต์ของคุณโหลดช้าดังนั้นผู้เข้าชมมีเวลาที่จะไปคว้าถ้วยกาแฟและโดนัทก่อนที่จะกลับมา?

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

เคล็ดลับ: ตรวจสอบความเร็วของไซต์และรับคำแนะนำในการปรับปรุงผ่านทาง ข้อมูลเชิงลึกความเร็ว Google Page.

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

- ที่มา: เพิ่ม SEO ของคุณด้วยความเร็วในไซต์ที่ดีขึ้น

ตัวอย่างของ Bad Website: พิพิธภัณฑ์แห่งฉัน

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

ความผิดพลาด #4: การโฆษณามากเกินไป

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

ในความเป็นจริงใน a รายงานโฆษณาดิจิทัล ดำเนินการโดย Upstream และ YouGov ใน 2012 พวกเขาพบว่าประมาณ 20% ของผู้บริโภคกล่าวว่าหาก บริษัท โฆษณามากเกินไปพวกเขาจะไม่ใช้ บริษัท นี้อีก

ตัวอย่างของ Bad Website: Hemmy.net

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

Mistake #5: การแก้ไขรูปสมัครเล่น

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

เคล็ดลับ: ใช้เครื่องมือแก้ไขภาพออนไลน์ได้ฟรี: Canva, Pic Monkey

ตัวอย่างของ Bad Website: รถบัสของปีเตอร์

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

Mistake #6: ออกแบบสามปีเก่าสามารถสร้างได้

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

ตัวอย่างของ Bad Website: กลุ่มไซเบอร์ D-Sign

ตัวอย่างการออกแบบที่ไม่ดี
นักออกแบบไม่ได้เปลี่ยนสีของคำจากการออกแบบมาตรฐาน MS ด้วย การออกแบบนี้ง่ายมากจนสามารถจดจำได้ทันทีว่าเป็นพื้นหลังรูปแบบพื้นฐานของ Microsoft และ Word Art
ตัวอย่างการออกแบบที่ไม่ดี
ด้านบนของหน้าป๊อปอัพพยายามโหลด สิ่งนี้อาจถูกมองข้ามถ้าการออกแบบดีกว่าเมื่อคุณข้ามอินโทรและคลิกไปที่หน้าหลัก อย่างไรก็ตามการออกแบบของหน้าที่เชื่อมโยง (ด้านล่าง) นั้นน่าผิดหวัง

ผิดพลาด #7: แย่ Navigation

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

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

ตัวอย่างของ Bad WebsITE: LawnSignDirectory.com

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

ความผิดพลาด #8: ปัญหาเกี่ยวกับข้อความ

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

คำที่ทับซ้อนกันก็ยากที่จะอ่านเหมือนวรรคที่ซ้อนทับบางส่วนกราฟิกและบางส่วนบนพื้นหลังที่มั่นคง

ตัวอย่างของ Bad Website: สามเหลี่ยมเบอร์มิวดา

ตัวอย่างการออกแบบที่ไม่ดี
ไม่เพียง แต่จะมีปัญหาความคมชัดในไซต์นี้ แต่ข้อความจะทับซ้อนกับข้อความอื่น ๆ ทำให้อ่านไม่ได้เกือบ

ความผิดพลาด #9: การพิมพ์ดีด

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

เคล็ดลับ: เรียนรู้วิธีการ พิมพ์ผิดพลาดและข้อผิดพลาดในการเขียนของคุณเอง.

ตัวอย่างของ Bad Website: Web Tek Rocks

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

ความผิดพลาด # 10: การออกแบบเว็บไซต์แย่ที่สุดตลอดกาล - แย่มากจนคุณไม่สามารถอธิบายได้

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

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

ตัวอย่างของ Bad Website: ชีวิตหลังความตาย

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

เกี่ยวกับ Lori Soard

Lori Soard ได้ทำงานเป็นนักเขียนอิสระและบรรณาธิการตั้งแต่ 1996 เธอจบปริญญาตรีสาขาการศึกษาภาษาอังกฤษและปริญญาเอกด้านวารสารศาสตร์ บทความของเธอปรากฏในหนังสือพิมพ์นิตยสารออนไลน์และมีหนังสือหลายเล่มที่เผยแพร่ ตั้งแต่ 1997 เธอได้ทำงานในฐานะนักออกแบบเว็บไซต์และผู้โปรโมตสำหรับผู้เขียนและธุรกิจขนาดเล็ก เธอยังทำงานเป็นเวลาสั้น ๆ ในการจัดอันดับเว็บไซต์สำหรับเครื่องมือค้นหายอดนิยมและศึกษากลยุทธ์ SEO ในเชิงลึกสำหรับลูกค้าเป็นจำนวนมาก เธอชอบได้ยินจากผู้อ่านของเธอ

เชื่อมต่อ: