เห็น mk มาโปรโมทเวบใหม่ JuSci.Net
วันนี้ผมเลยเข้าไปอ่าน และเขียน Comment ไปตามประสาผู้อ่านที่ดี
พร้อมทั้งสงสัยว่า วันๆ mk ทำไรมั่งวะ ทำไมมีเวลาอ่าน content
จนได้ material มาเขียนอะไรเยอะแยะไปหมด ฮ่าๆๆ
แต่อ่านได้ไม่ถึง 10 นาที ผมพบว่าผมมีปัญหากับ Theme Layout ของเวบอย่างแรงจนปวดหัว
ปวดหัวมึนๆ จนต้องรีบออกจากเวบไปพักตาที่อื่น
พอมองกลับไปดูที่เวบดีๆ ผมพบว่า เวบมีปัญหากับตัวผมเองมากๆ
เนื่องจากเวบการไม่มีการแบ่ง Section ของ Content แต่ละอย่างที่ชัดเจนเลย
หรือถ้ามีก็ต้องบอกว่ามันไม่ชัดเจนมาก มาก
มากจนทำให้ผู้ใช้อย่างผมปวดหัว เพราะต้องใช้พลังสมองอย่างมากเพื่อแยกภาพที่เข้าสู่สมองว่า
อันไหนเป็น Section ของ Header
อะไรคือ Detail
อะไรคือ Comment
อันไหนคือ Comment แต่ละ Comment
อะไรคือ Side Bar
อะไรคืออะไร(วะ)
ว่าแล้ว ลองเริ่มดูจากส่วน Header เลยดีกว่า
ปัญหาแรกของส่วนบนคือ ถ้าไม่มีสีของ Logo ต่างๆ ผมจะแยกไม่ออกเลยว่า แต่ละ Section อยู่ตรงไหน
ยิ่งแน่นอนว่า ถ้าผมไม่ชินกับการแบง Section ของ Drupal มาก่อน ผมว่าผมงงแตกแน่ๆ
อีกอย่างคือ ถ้าเอาตัวหนังสือสีๆ ออกไป จะเห็นเลยว่า แยกออกยากมากว่า Section ไหนเป็น Section ไหน
ลองทำให้ดูเป็นตัวอย่าง ให้เห็นภาพ
ส่วนถัดมาคือส่วนของ Comment และ Section สำหรับ Post New Comment
เป็นส่วนที่มีแค่แถบสีเทาจางๆ ไว้คอยแบ่งแยกแต่ละ comment ซึ่งแยกได้ยากมากสำหรับผม
ว่ามันมีกี่ comment และแต่ละ comment ดูยังไง
แถมส่วน Post New Comment ที่ขาวๆ อยู่ต่อกันอีก
สร้างความปวดหัวมากกกกก
ผมเลยลองเอามาวาดกรอบล้อมเล่นๆดู พบเองว่า ผมดูง่ายขึ้นแฮะ
ผมไม่รู้ว่าทุกคนคิดเหมือนกันไหม แต่สำหรับผมเนี่ย มันทำให้ผมปวดหัวแบบมึนมากตอนนั่งอ่าน Content
พอมาลองเทียบกับเวบอันก่อนอย่าง www.usably.net ผมว่ามัน User-Friendly กว่ากันมากๆ
เดี๋ยวจะลองเอา entry นี้ส่งไปให้ mk อ่านดู
อ่านแล้วครับ ขอบคุณมากที่ติชมอย่างละเอียด
จริงๆ เรื่องนี้เป็น design concern ของผมเหมือนกันตอนออกแบบ เพียงแต่ว่า solution ของผมเลือกที่จะเลี่ยงการใช้เส้นเพื่อไม่ให้ดูแข็ง และเลือกใช้ space ในการแบ่ง section แบบอ้อมๆ แทน
และเนื่องจากไม่ค่อยมีเวลาทดสอบ ก็เลยไม่ได้รับ feedback มากนัก ผมเลยตัดสินใจเอาขึ้นเลยโดยไม่ได้รอ
ไว้จะค่อยๆ ปรับแก้ไปครับ