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

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

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

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

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

1. ความคมชัดต่ำ

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

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

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

ลิงค์ไม่ได้อยู่ในเฉดสีน้ำเงินมาตรฐานพวกเขาอยู่ใน“Twitter สีน้ำเงิน” ซึ่งเป็นโทนสีอ่อนมากซึ่งไม่ตัดกับพื้นหลังสีขาวได้ดี

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

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

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

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

2. การเข้ารหัสไม่ดี

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

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

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

3. การใช้แฟลช

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

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

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

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

4. วิดีโอเล่นอัตโนมัติ

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

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

หากผู้ใช้จำนวนมากกำลังอธิบายพฤติกรรมนี้ว่าน่ารำคาญและถามวิธีการปิดใช้งานจริงมันจะต้องน่ารำคาญจริงๆ และใช่เรารู้ว่ามันค่อนข้างง่ายสำหรับผู้ใช้ Firefox, Chrome และ Chromium เพื่อปิดใช้งานการเล่นอัตโนมัติอย่างสมบูรณ์ แต่ผู้ใช้มีความสะดวกสบายในการขุดประมาณ: กำหนดค่าหรือติดตั้งปลั๊กอินเพื่อป้องกันพฤติกรรมที่ไม่ควร ใช้ประโยชน์จากสถานที่แรก?

สังเกตว่าเราคุยกันเรื่องการหาประโยชน์ที่นั่น? เป็นเพราะผู้สร้าง HTML 5 ไม่ได้ทำอะไรผิดโดยรวมถึงความเป็นไปได้ของ AutoPlay เป็นเพียงว่าพวกเขาไม่ได้คาดหวังให้ผู้คนใช้งานอย่างนี้อย่างไม่ถูกต้อง

5. การเลื่อนแบบไม่มีที่สิ้นสุด

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

แต่อีกครั้งผลการค้นหาบอกเล่าเรื่องราว ดูตัวอย่างนี้:

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

6. การสร้างหน้าต่างแบบ pop-under หรือ pop-over เมื่อไม่จำเป็น

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

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

  • เพื่อหลอกการวิเคราะห์อัตราตีกลับของ Google
  • พยายามทำให้คุณมีความคิดที่สองถ้าคุณเด้ง

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

7. การซ้อนทับที่น่ารำคาญ

มันไม่ใช่“ International Bash TripAdvisor Day” (แต่) แต่เนื่องจากพวกเขาแสดงตัวอย่างของพฤติกรรมของหน้าเว็บที่น่ารังเกียจอย่างเห็นได้ชัดมันจะมองม้าของขวัญในปากเพื่อไม่สนใจสิ่งนี้ นี่คือสิ่งที่ TripAdvisor เพิ่งแสดงเมื่อไม่นานมานี้เมื่อฉันตั้งค่าภาพหน้าจอป๊อปอันเดอร์:

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

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

ส่วนใหญ่เป็นเรื่องของสามัญสำนึก (ซึ่งอาจเป็นสาเหตุที่นักการตลาดล้มเหลว)

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

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

มารยาทภาพส่วนหัวของ แดน Dragomir

Bogdan Rancea

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