ปุ่มกด (Button) องค์ประกอบเล็ก ๆ ที่เหมือนไม่สำคัญ แต่แท้จริงแล้วสำคัญมาก หลายท่านคงจะได้เคยใช้งานปุ่มกดมาแล้วไม่มากก็น้อย เคยรู้สึกไหมว่าปุ่มกดนั้นมีผลต่อการตัดสินใจอยู่ไม่น้อย หลายเว็บไซต์ปุ่มกดไม่ชัดเจน สีสันไม่โดน ผู้ชมก็ไม่รู้จะกดตรงไหน ไม่แน่ใจ ไม่อยากกด ก็เสียลูกค้าได้ง่าย ๆ … แล้วปุ่มกดที่ดีควรมีลักษณะอย่างไร
มีขนาดใหญ่
ปุ่มที่เล็กเกินไป ดูแล้วไม่น่ากดและถูกมองข้ามไปได้ง่าย เพราะผู้ใช้เว็บไซต์คิดว่าไม่น่าจะสำคัญ ปุ่มที่มีขนาดใหญ่จะสะดุดตาและทำให้สามารถบรรจุข้อความลงบนปุ่มได้อีกด้วย ซึ่งจะเป็นข้อความเชิญชวนให้กด เช่น Click Here! / Subscribe Now It’s Free! หรือ Buy Now หรือ สั่งซื้อสินค้า เป็นต้น
อยู่ในตำแหน่งที่ถูกต้อง
ผู้ให้บริการ รับทำเว็บไซต์ จะต้องคิดในมุมมองผู้ใช้เว็บไซต์ว่าปุ่มนั้นอยู่ในตำแหน่งที่เหมาะสมหรือไม่ เวลาที่ผู้ใช้กวาดสายตาอ่านหน้าเว็บไซต์แล้วสะดวกในการกดปุ่มมากที่สุดน่าจะเป็นตำแหน่งใด อาจจะต้องทดสอบโดยบุคคลที่สามหลาย ๆ คนเพื่อเก็บสถิติ เว็บไซต์ใหญ่ ๆ เค้าจะใช้วิธีทดสอบดูคนใช้งานจริง ๆ กันเลย โดยผู้สังเกตจะมองอยู่ห่าง ๆ เพื่อให้ผู้ทดลองใช้รู้สึกมีอิสระและเป็นส่วนตัว เพื่อดูว่าผู้ใช้กดปุ่มได้ยากง่ายอย่างไร
มีสีสันของปุ่มที่ดึงดูดใจ
สีสันของปุ่มนั้นมีจิตวิทยาของสีสันเข้ามาเกี่ยวข้องด้วยอย่างมาก สามารถชี้นำให้ผู้ชมเว็บไซต์กระทำการบางอย่างได้ตามที่วางจุดประสงค์ไว้
- ปุ่มกดเพื่อสมัครสมาชิก เพื่อตรวจสอบ มักจะเป็นโทนสีเขียว สีฟ้า หรือวรรณะเย็น เพื่อสื่อว่ามีความปลอดภัยที่จะกด
- ปุ่มกดเพื่อซื้อสินค้า ปุ่ม Buy Now มักจะเป็นวรรณะร้อน โทนสีส้ม สีแดง เพื่อสื่อถึงราคาพิเศษ ราคาถูก เร่งเร้าให้กดเพื่อทำการซื้อสินค้านั้น
- ปุ่มกดเพื่อส่งข้อมูลแบบฟอร์มสอบถาม มักใช้สีกลาง ๆ เช่น สีเทา หรือ สีดำ ซึ่งมีความหมายทำนองว่าแล้วแต่ความต้องการของผู้ใช้ จะกดหรือไม่กดก็ได้
มีความเหมือนจริง
ในที่นี้คือต้องดูเป็นปุ่มจริง ๆ เช่นมีความนูน ความเงา การออกแบบเว็บสมัยก่อนจะนิยมปุ่มแก้วซึ่งจะดูเหมือนมีความเงาและมีแก้วเคลือบอยู่หน้าปุ่ม ปัจจุบันจะนิยมปุ่มแบบ FLAT แบน ๆ เน้นความเรียบง่ายแต่จะเพิ่มสีขอบและเงาของปุ่มเล็กน้อย เพื่อให้ดูมีความนูน ผู้ใช้รู้สึกว่ามันคือปุ่มที่กดได้
เรามาลองดูตัวอย่างเว็บไซต์จริงกันครับ
ภาพแรกจาก Name.com จะเห็นว่าเน้นปุ่มสีฟ้าและสีเขียว ซึ่ง Name.com เป็นผู้ให้บริการจดโดเมนเนมชั้นนำ สีเขียวและสีฟ้า เชิญชวนให้กดได้โดยรู้สึกว่าปลอดภัย ไม่มีการผูกมัดอะไร เช่น กดเพื่อค้นหา หรือ กดเพื่อสมัครสมาชิก กดเพื่อเข้าสู่ระบบ
ภาพที่ 2 จากเว็บ Amazon.com ซึ่งเป็นเว็บขายสินค้าออนไลน์ระดับโลก
จะเห็นว่าปุ่มกดเพื่อหยิบสินค้าลงตะกร้าจะเป็นสีส้ม (วรรณะร้อน) เพื่อเร่งเร้าให้กดปุ่มนั้น
แต่แนวทางที่กล่าวข้างต้นนั้นก็ไม่ได้เป็นเรื่องตายตัวเสมอไป อย่างเช่น ebay.com ทำปุ่ม Add to cart เป็นสีฟ้า
ที่ยกตัวอย่างเว็บไซต์ชื่อดังระดับโลก เพราะเชื่อว่ากว่าจะกลั่นกรองออกมาอย่างที่เห็น ต้องมีการค้นคว้าและทดสอบมาแล้วพอสมควร จึงไม่ใช่เรื่องยากที่จะนำไปประยุกต์ใช้โดยดูจากต้นแบบที่ดี
นอกจากนี้ยังมี ข้อสังเกตสำหรับเว็บ E-commerce อีกด้วย เกี่ยวกับการทำปุ่มเมนูจัดการข้อมูลส่วนตัวและคำสั่งซื้อต่าง ๆ ทั้งหมดนี้ก็เพื่อให้ผู้ใช้งานได้รับประสบการณ์ที่ดี ไม่สับสนกับการใช้งานเว็บไซต์