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

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

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

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

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

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

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

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

ชื่อเว็บไซต์: Moradito

ตัวอย่างการออกแบบที่ไม่ดี

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

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

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

ชื่อเว็บไซต์: Pine-Sol

ตัวอย่างการออกแบบที่ไม่ดี

ไซต์นี้มีกราฟิกมากมายที่ดูรก

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

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

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

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

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

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

ชื่อเว็บไซต์: The Museum of Me

ตัวอย่างการออกแบบที่ไม่ดี

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

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

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

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

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

ชื่อเว็บไซต์: Hemmy.net

ตัวอย่างการออกแบบที่ไม่ดี

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

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

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

ชื่อเว็บไซต์: Peter's Buses

ตัวอย่างการออกแบบที่ไม่ดี

มีปัญหาเกี่ยวกับกราฟิกในหน้านี้

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

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

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

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

ชื่อเว็บไซต์: Cyber ​​D-Sign Clan

ตัวอย่างการออกแบบที่ไม่ดี

ตัวอย่างการออกแบบที่ไม่ดี

การออกแบบนี้ง่ายมากที่จะสามารถจดจำได้ทันทีในรูปแบบพื้นฐานของ Microsoft และ Word Art

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

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

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

ชื่อเว็บไซต์: LawnSignDirectory.com

ตัวอย่างการออกแบบที่ไม่ดี

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

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

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

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

ชื่อเว็บไซต์: Bermuda Triangle

ตัวอย่างการออกแบบที่ไม่ดี

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

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

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

ชื่อเว็บไซต์: Web Tek Rocks

ตัวอย่างการออกแบบที่ไม่ดี

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

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

Mistake #10: ไม่ดีเท่าที่คุณไม่สามารถอธิบายได้

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

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

ชื่อเว็บไซต์: ชีวิตหลังความตาย

ตัวอย่างการออกแบบที่ไม่ดี

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

เกี่ยวกับ Lori Soard

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