Zone-IT โซนไอที : สังคมดีๆบนโลกออนไลน์

Develop Zone! => Webbuilder Zone => ข้อความที่เริ่มโดย: DtJS ที่ 27 เมษายน พ.ศ. 2549, 15:16:29



หัวข้อ: [Top Ten] Top Ten Mistakes in Web Design - ข้อผิดพลาดในการออกแบบเว็บ 10 ประการ
เริ่มหัวข้อโดย: DtJS ที่ 27 เมษายน พ.ศ. 2549, 15:16:29
ครับ และนี่ก็คือ ข้อผิดพลาดในการออกแบบเว็บ ซึ่งเว็บบางเว็บ แม้ออกมาสวย แต่ก็ไม่สะดวกในการใช้
เรามาเริ่มกันเลยครับ

Top Ten Mistakes in Web Design ประจำปี 2005
http://www.useit.com/alertbox/designmistakes.html

1. ปัญหาการอ่านตัวหนังสือ
    ฟ้อนต์ที่อ่านยาก คือปัญหา ที่ได้รับการโหวด เป็นที่หนึ่ง
    สองในสามของผู้โหวด บ่นเกี่ยวกับขนาดของฟอนต์ที่เล็กมาก หรือเว็บที่กำหนด
    ขนาดของฟอนต์ ไว้ตายตัว และหนึ่งในสาม บ่นเกี่ยวกับสีของพื้นหลัง และ
    สีของข้อความ
2. ลิ้งค์ที่ไม่เหมือนลิ้งค์ปกติ
    กฏของลิ้งค์มีอยู่ คือ
        - ทำให้แยกออกว่า อะไรคือลิ้งค์ และอะไรไม่ใช่ลิ้งค์
            ให้ลิ้งค์มีสีที่แตกต่าง และถูกขีดเส้นใต้ อย่าขีดเส้นใต้ข้อความที่ไม่ใช้ลิ้งค์
        - ลิ้งค์ที่ยังไม่ได้ดู กับลิ้งค์ที่ผู้ชมดูแล้ว ควรจะมีสีที่ แตกต่างกัน
        - บอกด้วยว่า เมื่อคลิกที่ลิ้งค์แล้ว จะเจออะไร
        - ไม่นำ JavaScript มาทำลิ้งค์ ที่ทำให้ผู้ที่ไม่มี JavaScript คลิกไม่ได้
        - อย่าทำลิ้งค์ ที่ทำให้เปิดหน้าต่างใหม่
    หลายๆ เว็บ ไม่ทำตามนี้ นี่จึงเป็นข้อผิดพลาก อันดับ 2
3. แฟลช
    การทำแฟลชมาใช้ในเว็บ อาจจะทำให้ใช้ยากขึ้น เนื่องจาก
        - ทำให้ปุ่ม Back ใช้งานไม่ได้ เมื่อทำงานในเว็บแบบ Flash
        - สีของลิ้งค์ ส่วนใหญ่จะใช้ไม่ได้
        - ไม่สามารถ ปรับเปลี่ยนขนาดตัวอักษรได้ด้วย View -> Font Size
        - ลดประสิทธิภาพ ในการใช้งาน
        - ไม่สามารถ หาข้อความได้ ด้วย Edit -> Find
        - ไม่สามารถแปลเพจได้ (เว็บที่แปลเพจพวก Babelfish)
4. เนื้อหาที่ไม่ได้ใส่เพื่อเว็บ
    เนื้อหาในเว็บควร
        - สั้น กระชับ
        - อ่านได้ง่าย
        - ตรงจุด
    และควร
        - ตอบคำถามของผู้ใช้
        - ใช้ภาษาปกติทั่วไป
5. การค้นหาที่ไม่ดี
    การค้นหา ควรทำได้อย่างง่ายดาย และได้คำตอบตรงจุด
6. ความไม่สนับสนุน
    เว็บต่างๆ ควรให้การสนุบสนุนกับโปรแกรมเปิดเว็บทุกโปรแกรม
7. ฟอร์มที่ใช้ยากลำบาก
    ตัวอย่างเช่น
        - ช่องให้กรอก นาง นางสาว นาย ดช ดญ แต่ ชาย หรือ หญิงก็พอแล้ว
        - อย่าทำช่องที่ผู้ใช้ ต้องใส่ เยอะเกินไป
        - ใช้ระบบเติมอัตโนมัติ
        - ทำให้โฟกัสไปยังช่องแรกของฟอร์ม ทันทีที่ฟอร์มปรากฏ (ด้วย JavaScript)
        - การรับข้อมูลที่ยืดหยุ่น
            มันอาจจะง่าย ถ้าจะัทำให้โปรแกรม ตัดช่องว่าง หรืออะไรก็ตามออกจากฟอร์ม แต่บางคนที่จำเป็นต้องใช้มันจริงๆ ล่ะ
8. เว็บที่ไร้วิธีการติดต่อ
    บางเว็บ อาจจะไม่มีแม้แต่หน้าติดต่อ หรือ E-Mail ปรากฏในเว็บเลยก็ได้
    จะทำให้ยากต่อการติดต่อ แนะนำ ติชม
9. เว็บทำหนดขนาดความกว้างอย่างตายตัว
    ความกว้างของหน้าควรนะยืดหนุ่น เช่น "เว็บนี้ เหมาะสำหรับหน้าจอ 1024x768"
    บางคนที่ใช้ 800x600 จะต้องเลื่อนหน้าจอไปทางซ้ายบ้างขวาบ้าง ทำให้ดูไม่ถนัด
    บางคนที่ใช้ 1600x1200 อาจจะเห็นเว็บเล็กจิ๊ดเดียว ทำให้มองจาก
10. การขยายรูปที่ไม่เพียงพอ
    ที่จริง อันดับ 10 น่าจะเกี่ยวกับ pop-up แต่เราพูกถึงเรื่อง pop-up มาเยอะแล้ว (ในปีหลังๆ)
    เพื่อจะจะมีวิธีที่ขนายภาพได้อย่างถูกต้อง ควรจะเป็นภาพเล็กๆ และมีไอค่อนแว่นขยาย
    สิ่งที่แย่กว่านั้น คือ เมื่อคลิดปุ่มขยายภาพ ยังคงเจอภาพเดิมอยู่
    เมื่อผู้ใช้ต้องการที่จะขยายภาพดู ให้เราแสดงภาพใหญ่ๆ เลย

และนี้ก็คือ ข้อผิดพลาดในการออกแบบเว็บ 10 ประการครับ!!!


หัวข้อ: Re: [Top Ten] Top Ten Mistakes in Web Design - ข้อผิดพลาดในการออกแบบเว็บ 10 ประการ
เริ่มหัวข้อโดย: K_pakdang ที่ 27 เมษายน พ.ศ. 2549, 15:21:52
รับทราบครับ


หัวข้อ: Re: [Top Ten] Top Ten Mistakes in Web Design - ข้อผิดพลาดในการออกแบบเว็บ 10 ประก
เริ่มหัวข้อโดย: SvZ ที่ 28 เมษายน พ.ศ. 2549, 08:41:16
 [{-10-}]


หัวข้อ: Re: [Top Ten] Top Ten Mistakes in Web Design - ข้อผิดพลาดในการออกแบบเว็บ 10 ประการ
เริ่มหัวข้อโดย: พีคุง ที่ 30 กรกฎาคม พ.ศ. 2549, 16:25:20
เยี่ยมคับเป็นข้อมูลที่ดีมากคับ


หัวข้อ: Re: [Top Ten] Top Ten Mistakes in Web Design - ข้อผิดพลาดในการออกแบบเว็บ 10 ประก
เริ่มหัวข้อโดย: extreme_007 ที่ 16 สิงหาคม พ.ศ. 2549, 20:47:19
ถูกใจใช้เลย


หัวข้อ: Re: [Top Ten] Top Ten Mistakes in Web Design - ข้อผิดพลาดในการออกแบบเว็บ 10 ประการ
เริ่มหัวข้อโดย: dsai ที่ 5 กันยายน พ.ศ. 2549, 21:01:30
สุดยอดเลยคับผมจะได้เอาไปปรับปรุงเว็บผม


หัวข้อ: Re: [Top Ten] Top Ten Mistakes in Web Design - ข้อผิดพลาดในการออกแบบเว็บ 10 ประก
เริ่มหัวข้อโดย: hisan ที่ 7 สิงหาคม พ.ศ. 2551, 17:03:21
 [{-10-}] [{-10-}] [{-10-}] [{-10-}] [{-10-}]