UI Blogazine

รีวิวเว็บ

รีวิวเว็บ GovChannel

govchannel-featured

เมื่อสัปดาห์ที่แล้ว รัฐบาลได้นำเสนอเว็บศูนย์กลางข้อมูลภาครัฐ GovChannel โดยท่านนายกฯ เป็นประธานเปิดตัวเว็บไซต์นี้เลยทีเดียว ทำให้ผมรู้สึกสนใจ แล้วเข้าไปลองใช้งานเว็บไซต์นี้ทันที ผมก็หวังว่าจบรีวิวนี้ คงไม่โดนเรียกตัวไปปรับทัศนคตินะครับ ^^!

govchannel-01

หน้าแรกของเว็บ GovChannel

เว็บ GovChannel เป็นเว็บศูนย์กลางข้อมูลภาครัฐ โดยให้เราสามารถใส่คำค้น แล้วระบบจะไปควานหาข้อมูลที่เกี่ยวข้องจากเว็บภาครัฐใน 4 แหล่ง ได้แก่ เว็บศูนย์รวมข้อมูลเพื่อติดต่อราชการ (https://info.go.th), เว็บ Government Open Data of Thailand (http://www.data.go.th/),  เว็บศูนย์รวมแอปพลิเคชันภาครํฐ (https://apps.go.th), และเว็บไซต์กลางบริการอิเล็กทรอนิกส์ภาครัฐ (https://www.egov.go.th)

เริ่มใช้งาน

govchannel-loading

Loading icon แสดงเมื่อกดค้นหา

โดยรวมหน้าตาเว็บทำออกมาสวยงามดีครับ เว็บเลือกใช้ฟอนต์ TH SARABUN PSK (หนึ่งใน 13 ฟอนต์ไทยแจกฟรี จาก SIPA) ที่เป็นไปในแนวเดียวกันกับเว็บภาครัฐอื่นๆ ในเรื่องมาตรฐานการใช้ฟอนต์ เยี่ยมมากครับ

เรื่องการใช้งาน ผมก็ลองพิมพ์คำค้น แล้วกด Enter ระบบก็จะเริ่มทำการค้นหา โดยแสดง loading icon ในระหว่างทียังค้นหาไม่เสร็จ ซึ่งดีมากครับ แต่หากอยากทำให้ดีขึ้น เราอาจใส่คำพูดเข้าไป เช่น ‘กำลังค้นหาข้อมูล’ หรือสโลแกนภาครัฐ ข้างใต้ loading icon ก็เป็นอีกทางเลือกหนึ่งที่แนะนำ

govchannel-slidedown

เว็บไซต์เลื่อนหน้าลงไปเพื่อแสดงผลลัพธ์การค้นหาให้เห็น

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

แต่ยังต้องปรับปรับเรื่องที่พอผมค้นหาในครั้งที่ 2 เว็บจะไม่เลื่อนหน้าลงไปให้แล้ว ก็เลยนึกว่าระบบไม่เจอผลลัพธ์ จะรู้ตัวก็ต้องเลื่อนหน้าลงไปดูเองครับ

ตัวเลือกการค้นหา

govchannel-close-some

ตัวเลือกแหล่งข้อมูล

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

govchannel-close-all

กรณีที่เลือกปิดไม่ค้นหาจากแหล่งข้อมูลใดเลย

และในกรณีที่เลือกปิดทั้งหมด ก็คงไม่มีใครเลือกแน่ๆ เพราะถ้ากดค้นหาก็รู้ๆ อยู่ว่าจะไม่มีผลลัพธ์ให้เราเห็น เนอะ

 

govchannel-cat

หมวดหมู่แหล่งข้อมูลตรงส่วนแสดงผลลัพธ์การค้นหา

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

ข้อแนะนำเพิ่มเติม

govchannel-clickarea

เพิ่มพื้นที่ให้คลิกดูรายละเอียด

ในการเลือกดูรายละเอียด เราจำเป็นต้องกดที่ปุ่ม ‘อ่านต่อ’ ซึ่งพื้นที่ในการกดน้อยไปหน่อยครับ ผมเห็นว่าควรจะทำให้ทั้งแถบกดได้ด้วยตามที่แสดงให้เห็นในรูปด้านบน

govchannel-no-result

การแสดงผลของแหล่งข้อมูลที่ไม่มีผลลัพธ์

ส่วนหมวดหมู่ที่ไม่มีข้อมูลก็อย่าไปทำให้คลิกได้เลย เพราะคลิกเข้าไปดูก็ไม่มีอะไรแสดงให้เห็น ทำเป็นสีเทาๆ ให้คลิกไม่ได้ไปเลยครับ (เอาเมาส์ไปวางแล้วต้องไม่ขึ้นรูปมือ)

govchannel-logo

โลโก้เป็นสิ่งที่ควรคลิกได้เพื่อกลับไปยังหน้าแรกของเว็บไซต์

โชคดีที่เว็บนี้มีเพียงแค่หน้าเดียว ปัญหานี้เลยไม่ค่อยซีเรียสเท่าไร เพราะโดยปกติ เราต้องทำให้โลโก้ของเว็บคลิกได้ ซึ่งเมื่อคลิกแล้วจะกลับไปที่หน้าแรก (Home) ของเว็บไซต์

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

govchannel-responsive

การแสดงผลของเว็บไซต์เมื่อปรับหน้าจอให้แคบลง

ในเรื่องรองรับการแสดงผลบนอุปกรณ์มือถือคงไม่ต้องกังวล เพราะเดี๋ยวนี้ designer ที่ออกแบบต้องทำให้โดยที่ลูกค้าไม่ต้องบอกแล้วนะครับ

govchannel-rice

ผลลัพธ์เมื่อค้นหาด้วยคำว่า จำนำข้าว

สุดท้าย ผมลองค้นหาด้วยคำค้น ‘จำนำข้าว’ ผลปรากฎว่า … ไม่พูดต่อดีกว่า

จบข่าว ^_^!

สรุปคะแนน

ความสวยงาม:  9/10 (แนว Flat design, เลือกธีมสีได้ลงตัว, จัดวาง layout ได้ดี)

ความถูกต้องตามหลัก UI: 4/10 (นำเสนอ UI ตัวเลือกแหล่งข้อมูลซึ่งไม่จำเป็น, โลโก้คลิกไม่ได้, ค้นหาครั้งที่ 2 เว็บไม่เลื่อนหน้าลงให้)

การแสดงผลบนมือถือ: 10/10 (เป็นเว็บ responsive)

ความคิดสร้างสรรค์: 6/10 (เว็บไม่ซับซ้อนจึงอาจไม่มีพื้นที่ให้แสดงออกเรื่องความคิดสร้างสรรค์มากนัก)

ความตอบสนองต่อเป้าหมายของธุรกิจ/องค์กร: 8/10 (ระบบสามารถทำให้ได้ดี)

รวม: 7.4 คะแนน, ดี

Tagged

About uiblogaziner

สวัสดีครับ ผมชื่อฟริ้นครับ รักและชอบงาน Graphic Design เอามากๆ เลย พอได้เริ่มทำงานเป็น UI Designer แล้ว ยิ่งสนุกขึ้นอีกแยะ งานออกแบบที่ใช้ความรู้สึกและเหตุผลเป็นอะไรที่สุดยอดจริงๆ ครับ

View all posts by uiblogaziner →

Leave a Reply

Your email address will not be published. Required fields are marked *