Zone-IT.com

ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน
Please Login!
หน้า: [1]
  พิมพ์  
ผู้เขียน หัวข้อ: [Top Ten] Top Ten Mistakes in Web Design - ข้อผิดพลาดในการออกแบบเว็บ 10 ประการ  (อ่าน 1058 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
the DtTvB กำนัน the DtTvB!
ออฟไลน์
Posts 557
Coolness 229
dt@live.jp
ดูรายละเอียด เว็บไซต์ อีเมล์
« เมื่อ: 27 เมษายน พ.ศ. 2549, 15.16 น. »



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

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 ประการครับ!!!
บันทึกการเข้า

-- the DtTvB

            Tongue
K_pakdang Spirit Member
ออฟไลน์
ชาย
Posts 999
Coolness 13
K_pakdang@hotmail.com อันนี้ก็ไม่มี ยิ่งไม่มีใหญ่+มีแต่+ATM
ดูรายละเอียด อีเมล์
« ตอบ #1 เมื่อ: 27 เมษายน พ.ศ. 2549, 15.21 น. »

รับทราบครับ
บันทึกการเข้า

SvZ กวาง. i'm SvZ
ออฟไลน์
ชาย
Posts 1593
Coolness 356
ดูรายละเอียด เว็บไซต์ อีเมล์
« ตอบ #2 เมื่อ: 28 เมษายน พ.ศ. 2549, 8.41 น. »

 10
บันทึกการเข้า

พีคุง Spirit Member
ออฟไลน์
ชาย
บ้านผมอยู่ร้อยเอ็ด
Posts 203
Coolness 150
ดูรายละเอียด เว็บไซต์ อีเมล์
« ตอบ #3 เมื่อ: 30 กรกฎาคม พ.ศ. 2549, 16.25 น. »

เยี่ยมคับเป็นข้อมูลที่ดีมากคับ
บันทึกการเข้า


extreme_007 บุคคลทั่วไป
« ตอบ #4 เมื่อ: 16 สิงหาคม พ.ศ. 2549, 20.47 น. »

ถูกใจใช้เลย
บันทึกการเข้า
dsai Spirit Member
ออฟไลน์
ชาย
วิถีแห่งธรรมคือวิถีแห่งความสุขอย่างแท้จริง
Posts 1025
Coolness 22
idea_ddd@hotmail.com
ดูรายละเอียด อีเมล์
« ตอบ #5 เมื่อ: 5 กันยายน พ.ศ. 2549, 21.01 น. »

สุดยอดเลยคับผมจะได้เอาไปปรับปรุงเว็บผม
บันทึกการเข้า

DsAi :: Spirit Member @ Zone-it .. •
DsAi________ '' ID :: 4287   .. ?• {  ~ Hi5 ~  } •? ..
.. Make every second of your life to be a FULL OF HAPPINESS. ,,* •
Take Care Your Love Every Second. .. •
ออฟไลน์
Posts 5
Coolness 0
ดูรายละเอียด อีเมล์
« ตอบ #6 เมื่อ: 7 สิงหาคม พ.ศ. 2551, 17.03 น. »

 10 10 10 10 10
บันทึกการเข้า
หน้า: [1]
  พิมพ์  
 
กระโดดไป:  

1



Powered by SMF 1.1.7 | SMF © 2006-2008, Simple Machines LLC | Thai language by ThaiSMF | Icons from Everaldo.com, famfamfam.com

© 2006 - 2009 Zone-IT.com


หน้านี้ถูกสร้างขึ้นภายในเวลา 1.444 วินาที กับ 26 คำสั่ง