ข้อผิดพลาดทั่วไปที่ผู้ออกแบบสามารถทำเมื่อออกแบบสำหรับเว็บคืออะไร


9

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

หลายครั้งที่เราได้รับผลลัพธ์ที่ผิดพลาด (รองลงมาใหญ่มองเห็นได้ซ่อนอยู่) ...

ดังนั้นคำถามของฉันคือ:

  • อะไรคือข้อผิดพลาดทั่วไปที่เราทำ (คุณรวมน้ำผึ้งไว้ด้วย) (ไม่เหมือนไม่มีใครทำผิดพลาดทุกคนทำ)
  • ฉันจะหลีกเลี่ยงข้อผิดพลาดเหล่านี้ได้อย่างไร?

คำตอบ:


24

ใช่คำถามนี้กว้างอย่างไม่น่าเชื่อ อาจจะเป็นบทความของ wiki ก็ได้

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

นี่คือปัญหาที่ฉันเห็นที่ดูเหมือนว่าจะป๊อปอัปซ้ำแล้วซ้ำอีก:

  • ไม่สามารถกำหนดวัตถุประสงค์ของธุรกิจได้อย่างเหมาะสมสำหรับเว็บไซต์

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

  • การออกแบบสำหรับความต้องการของลูกค้ามากกว่าความต้องการของลูกค้าของลูกค้า

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

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

  • ล้มเหลวในการวางแผนหรืออย่างน้อยก็ร่างการออกแบบ

  • ลืมเกี่ยวกับหลักการออกแบบเว็บแบบปรับตัวและตอบสนอง

  • ลืมที่จะออกแบบอุปกรณ์ที่มีหน้าจอที่มีขนาดและความละเอียดต่างกัน

  • ไม่สามารถพิจารณาปัจจัยทั้งหมดที่มีผลต่อความเร็วในการโหลดหน้าเว็บในระหว่างขั้นตอนการวางแผนและไม่ทดสอบความเร็วตลอดการพัฒนา

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

  • การใช้ wireframes เป็นเอกสารแทนภาพร่างพวกเขาตั้งใจจะใช้เป็น

  • ไม่ใช้วิธี Agile ในระหว่างการพัฒนา

  • การออกแบบมากเกินไปเป็นผลข้างเคียงที่พบบ่อยมากของการไม่ใช้วิธี Agile

  • การเลือกเทคโนโลยีแทนการแก้ปัญหา

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

  • ลืมเกี่ยวกับการเขียนคำโฆษณา / เนื้อหา สิ่งนี้ต้องมาก่อนในกระบวนการ - ไม่ใช่ในภายหลัง

  • การออกแบบไฟล์ PhotoShop แทนที่จะเป็นหน้าเว็บจริง

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

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

  • สร้างการออกแบบเว็บไซต์ที่ใช้งานได้โดยให้ความสำคัญกับเบราว์เซอร์หนึ่งโดยเฉพาะแทนที่จะทดสอบอย่างต่อเนื่องในเบราว์เซอร์ให้มากที่สุดเท่าที่จะทำได้

  • ล้มเหลวในการใช้หลักการการช่วยสำหรับการเข้าถึงขณะวางแผนออกแบบและใช้งานเว็บไซต์

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


4
หากเราให้คะแนนคำถามตามคุณภาพของคำตอบที่สร้างขึ้นคำถามนี้จะอยู่ที่ด้านบนสุดของรายการ คำตอบที่ยอดเยี่ยม
Alan Gilbertson

1
ฉันยอมรับว่าฉันทำสิ่งนี้หลายอย่าง :( หวังว่าฉันจะสามารถโหวตได้สองครั้ง ...
แจ็ค

1
"การออกแบบไฟล์ Photoshop แทนที่จะเป็นเว็บไซต์" หมายถึงอะไร ผลกระทบมากเกินไป? คุณสามารถขยาย bullet เล็กน้อยได้ไหม?
Lauren-Clear-Monica-Ipsum

2
@ ลอเรนฉันหมายถึงการใช้เวลาส่วนใหญ่ในการออกแบบเว็บไซต์ใน Photoshop แทนที่จะใช้ HTML, CSS และ JS เมื่อมุ่งเน้นเฉพาะใน Photoshop เมื่อไม่ได้พิจารณาสิ่งที่ต้องการตัวอักษรแปรปรวนอุปกรณ์อื่น ๆ ที่มีขนาดหน้าจอ reflowing เนื้อหา ฯลฯ
DA01

1
@user ไปเลย!
DA01

3

ฉันคิดว่าข้อผิดพลาดที่พบบ่อยมากในการออกแบบเว็บนั้นปรากฏบนเว็บบนมือถือ

หากคุณท่องเว็บบนอุปกรณ์พกพาขนาดเล็กเช่น iPhone หรือ BlackBerry คุณจะสังเกตเห็นว่าบางครั้งปุ่มก็เล็กเกินไป

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

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

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


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

2

ฉันคิดว่าคำตอบของ DA01 นั้นเป็นรายการสิ่งที่ควรพิจารณา ฉันกำลังเพิ่มคำตอบของฉันทั้งคู่เพราะมันเป็นสิ่งสำคัญและจะชนคำถามที่ฉันต้องการจะดูคำตอบเพิ่มเติมนี้

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

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.