d33 check webdesign quality

[Quality Check] เทคนิคเด็ด!! เช็คคุณภาพเว็บดีไซน์ใน 30 วินาที!!

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

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

1. ดูว่าตามองที่ไหนเป็นที่แรก?

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

2. อ่านเว็บไซด์จากซ้ายบน -> ขวาล่าง

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

3. ทริค “5 อย่าง”

เปิดหน้าแรกของเว็บไซด์คุณขึ้นมา ดูหน้าเว็บไซด์ 5 วินาทีแล้วปิด จากนั้นลิสต์ 5 อย่างแรกที่จำได้ลงบนกระดาษ ซึ่งสิ่งที่คุณควรจะจำได้ก็คือสิ่งที่คุณอยากให้ลูกค้าจำได้ สมองของมนุษย์จะจดจำข้อมูลส่วนใหญ่ได้ในระยะเวลาสั้น ๆ เท่านั้น และคนเข้าเว็บไซด์ส่วนใหญ่ก็จะไม่มีเวลาอ่านเนื้อหาจนครบทั้งหน้า เพราะฉะนั้นสิ่งที่ควรเห็นอย่างแรก ๆ ในเว็บไซด์จะต้องเป็นสิ่งสำคัญมาก

เพิ่มเติม: เว็บไซด์ FiveSecondTest ให้บริการคล้าย ๆ อันนี้ ฟรี! (แบบเสียเงินก็มี) โดยเราสามารถโพสรูปหน้าเว็บไซด์ของเรา รอให้คนมาทำการทดสอบด้วยวิธีดูหน้าเว็บเรา 5 วินาที แล้วคลิกบนจุดที่เด่นที่สุดบนเว็บไซด์เรา (เราสามารถเป็นฝ่ายทำการทดสอบเว็บไซด์คนอื่นได้ เพื่อเก็บเครดิตมาซื้อบริการแบบเสียเงินบนเว็บไซด์นี้)

เทคนิคที่ผมคิดว่าน่าสนใจก็มีเท่านี้ครับ ใครที่มีเทคนิคในการเช็คของตัวเองแบบไหนก็เอามาแบ่งปันกันหน่อยนะครับ~!!







There are 6 comments

Add yours
  1. LuviKunG

    ไนตรัสสสส ที่1 =[]=!! (เอากับเขาหน่อย ฮ่าๆ)
    อ่านแล้ว สุดยอดมากครับ เป็นบทความที่ดีมากๆ ^^
    ทำให้ได้ความรู้เยอะแยะขึ้นเลย เดี๋ยวจะเอาไปใช้บ้าง หุหุ

    • DesignIL

      ครับผม ลองใช้แล้วเป็นยังไงมาบอกกันได้ครับ

    • DesignIL

      ใช้แล้วได้ผลยังไงมาบอกกันได้นะครับ หรือมีวิธีอื่นก็ลองเอามาแนะนำกันนะครับ ^^


Post a new comment