เคยสอนวิชา "การออกแบบเว็บเพจ" ... จำได้ว่าเวลาสอนนักศึกษาเคยให้ความรู้กับพวกเขาเกี่ยวกับ "วิธีในออกแบบให้เว็บคุณใช้งานได้ง่ายขึ้น"
บันทึกนี้จึงเหมือนกับได้เก็บบันทึกเรื่องราวเหล่านี้ไว้ใช้สอนต่อไปในอนาคต ครับ
หลักการนี้เป็น "การออกแบบเพื่อผู้ใช้ (Designing for Users)"
10 วิธีในการทำให้เว็บคุณใช้งานได้ง่ายขึ้น
1. คิดถึงผู้ใช้ ทำความเข้าใจในเป้าหมายและความต้องการของผู้ใช้ พยายามมองในมุมของผู้ใช้ ไม่ใช่ผู้พัฒนา
2. ใช้ชื่อโดเมนที่จำได้ง่าย โดยตั้งชื่อที่สั้น สื่อความหมาย และพิมพ์ได้ง่าย
3. จัดเตรียมช่องทางการท่องเว็บที่เข้าใจง่าย ช่วยให้ผู้ใช้เข้าถึงสิ่งที่ต้องการได้อย่างสะดวกผ่านระบบเนวิเกชั่นที่เข้าใจง่าย ไม่ซับซ้อน
4. จัดวางองค์ประกอบตามความนิยม องค์ประกอบสำคัญต่าง ๆ ของหน้าเว็บควรอยู่ในตำแหน่งเดียวกับที่เว็บส่วนใหญ่ใช้กัน เช่น โลโก้อยู่ที่มุมซ้ายบน เนวิเกชั่นบาร์ควรอยู่ที่ด้านซ้าย หรือ ด้านบนของหน้า เพื่อช่วยให้ผู้ใช้เข้าใจและท่องไปในเว็บได้เร็วขึ้น ไม่จำเป็นต้องสร้างความแตกต่างในสิ่งที่ทุกคนเข้าใจดีอยู่แล้ว
5. ไม่ใช้โครงสร้างองค์กรเป็นเนวิเกชั่น การแบ่งส่วนเว็บไซต์ตามแผนกกอง หรือกลุ่มงานนั้น มีเฉพาะบุคลากรภายในหน่วยงานเท่านั้นที่จะเข้าใจ
6. ตั้งชื่อเนื้อหาภายในเว็บอย่างชัดเจน เลือกใช้คำที่เหมาะสม เข้าใจได้ง่าย สำหรับแต่ละส่วนของเนื้อหาในเว็บ หลีกเลี่ยงคำย่อ หรือคำศัพท์เฉพาะกลุ่ม (jargon/tehcnical term) ที่คนทั่วไปไม่เข้าใจ
7. ทำลิงค์ให้เห็นชัดเจน สร้างความแตกต่างระหว่างลิงค์กับตัวอักษรปกติด้วยการใช้สีหรือขีดเส้นใต้ เพื่อให้เข้าใจได้ทันทีว่าเป็นลิงค์
8. สร้างความสะดวกในการอ่าน ใช้ตัวอักษรที่อ่านง่าย มีความยาวของบรรทัดไม่มากนัก และมีสีแตกต่างจากพื้นหลังพอสมควร
9. ไม่กำหนดขนาดฟอนต์ตายตัว ไม่ใช้ตัวอักษรขนาดเล็กเกินไป และออกแบบให้ผู้ใช้สามารถปรับขนาดตัวอักษรได้ตามต้องการ
10. ให้ข้อมูลก่อนที่จะคลิก โดยบอกให้ผู้ใช้ทราบถึงฟอร์แมทและขนาดของไฟล์ที่ลิงค์ไป ในกรณีที่ไฟล์นั้นเป็นไฟล์ขนาดใหญ่ เช่น PDF, PowerPoint, Excle หรือ Words
หลักการและทฤษฎีเหล่านี้เป็นแค่จุดเริ่มต้นของมือใหม่สร้างเว็บเพจที่ควรทราบก่อนที่จะเริ่มต้นในการสร้าง หากแต่อาจจะใช้ไม่ได้กับผู้มีประสบการณ์ในการสร้างเว็บที่ช่ำชอง หรือ เรียกว่า เป็น GURU ในด้านนี้โดยเฉพาะ ... หากคิดว่า เป็น GURU แล้วก็ให้อ่านผ่านเลยบันทึกนี้ไป ครับ ... เพราะเชื่อว่า ท่านคงมีแนวทางเป็นของตัวเองแล้วล่ะครับ
ขอบคุณที่ติดตามอ่านครับ :)
แหล่งอ้างอิง
ธวัชชัย ศรีสุเทพ. Begining Web Design. กรุงเทพฯ: มาร์คมายเว็บ, 2548.
คนโลว์เทคมาศึกษารายละเอียดค่ะ
...
เพิ่งทราบว่าอ.เสือเราเป็นผู้เชี่ยวชาญ
วันก่อนมีครูน้องโทรถามเรื่องเวบไซต์
...
ขอบคุณค่ะ
สวัสดีครับ ท่าน GURU ขจิต ฝอยทอง :)
หากอาจารย์เห็นว่า มันใช้ได้ในการต่อยอดและถ่ายทอดต่อไป
ผมยินดีครับ อาจารย์ :)
ขอบคุณครับ คุณ poo GURU but Low Tech :)
ไม่เชี่ยวชาญหรอกครับ ... ยังมี GURU ที่นี่อีกเยอะแยะมากมาย
บันทึกคำสอนเฉย ๆ ครับ :)
เก่งจังเลยค่ะ ขอบคุณสำหรับความรู้ (แต่ยังไม่มีเวบ)
ขอบคุณครับ คุณ ครูแตน :)
แหม คำชม เหมือน "การเสริมแรง" แบบ Positive ให้กับเด็ก ๆ นะครับ :)
แต่ก็ยินดีครับ
ขอบคุณค่ะ นานๆ ไปก็มักลืม ชอบจะตามใจฉันอยู่เรื่อยๆ เลยค่ะ ยิ่งข้อสิบยิ่งควรต้องให้ความสำคัญนะคะ
ยินดีครับ พี่หม่อม ดาวลูกไก่ ชื่นชมยินดี :)
ขอเรียนรู้ นำไปวิเคราะห์งานตัวเองค่ะ ขอบคุณค่ะ
เรียนเชิญเลยครับ คุณ krutoi :)
จะนำไปปรับปรุงครับผม ขอบคุณมากครับ
ยินดีและขอบคุณท่าน ผอ.บวร ครับ :)
แอบไปเยี่ยม http://www.borworn.net มาแล้วครับ :)