แจกของฟรี

วันนี้ผมแวะมาเขียนบล็อกอัพเดทความรู้ดีๆมาฝากกันครับ เป็นเรื่องราวเกี่ยวกับ “Submit Button” ครับ เจ้าปุ่มนี้ก็คือปุ่มในฟอร์มที่เอาไว้ให้เรากดเพื่อส่งแบบฟอร์มออนไลน์นั่น แหล่ะครับ เจ้าปุ่มนี้มันมีความสำคัญอย่างไรหนอ? ปุ่มนี้จะเป็นตัวบอกครับว่า ระบบที่เราออกแบบนั้นเป็นอย่างไร
 
เมื่อ ผู้ใช้งานกรอกแบบฟอร์มออนไลน์ นั่นหมายความว่าพวกเค้ากำลังมีปฏิสัมพันธ์กับแบบฟอร์มของเราอยู่  ดังนั้นปุ่มโต้ตอบจึงควร “ยืนยันว่าแบบภาระกิจนี้คืออะไร” เพื่อที่จะให้ผู้ใช้งานรู้ว่า อ้อ ถ้าชั้นคลิกปุ่มนี้แล้ว จะเกิดอะไรขึ้น ข้อมูลจะถูกประมวลผลอย่างไร  แม้ว่ามันอาจจะเป็นเรื่องเล็กๆน้อยๆ แต่ผมคิดว่า ถ้าเราเอาใจใส่ โฟกัสตรงนี้ด้วย ก็จะทำให้ผู้ใช้งานฟอร์มของเรารู้สึกมั่นใจว่ากำลังทำอะไรอยู่ และอยากจะใช้ฟอร์มของเรามากขึ้นครับ
 
การที่เราใช้คำว่า Submit หรือคำว่า “ส่ง” หรือ “ตกลง” มันอาจจะดูยังไม่สื่อเท่าใดนะ ความประทับใจแรกพบของฟอร์มนั้นอาจจะมีน้อยเพราะไม่รู้ว่าภาระกิจที่กำลังทำ นั้นคืออะไรกันแน่  เช่นเดียวกันครับ มันทำให้เว็บไซต์ของคุณดูไม่เฟรนด์ลี่กับผู้ใช้งานเท่าใดนัก เพราะว่าดูเหมือนว่าคุณกำลังพูดภาษาเทคนิคกับคนใช้งานอยู่น่ันเอง
 
การ ที่เรามีแบบฟอร์มให้ผู้ใช้งานกรอก เราต้องสร้างความประทับใจ กระตุ้นให้พวกเค้าช่วยกรอกข้อมูลในฟอร์มของเราให้ได้  ดังนั้นต่อจากนี้ไป แทนที่จะใช้คำว่า submit ก็ให้ระบุชัดเจนไปเลยครับว่า มันคืออะไรกันแน่  ยกตัวอย่างครับ

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

เป็นไงครับ ชัดเจนบ่ อิอิ…แล้วเจอกันใหม่ครับผม


ที่มา: https://www.buksohn.com/%E0%B9%80%E0%B8%AB%E0%B8%95%E0%B8%B8%E0%B8%9C%E0%B8%A5%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%9B%E0%B8%B8%E0%B9%88%E0%B8%A1%E0%B8%AA%E0%B9%88%E0%B8%87%E0%B9%83%E0%B8%99%E0%B8%9F%E0%B8%AD%E0%B8%A3%E0%B9%8C.html