KNOWLEDGE

คลังข้อมูล รวบรวมบทความที่เป็นประโยชน์ และคำถามที่พบบ่อย

Question แบบฟอร์มกับเว็บไซต์

ฟอร์มที่ดี ต้องทำให้ลูกค้าเข้าใจก่อนกรอกอะไรลงไป

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

แบบฟอร์มที่ดีควรมีลักษณะยังไง?

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

goodui-form
credit: goodui.org

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

การสร้างตัวอักษรกำกับตามแต่ละช่องนั้นนอกจากจะสร้าง conversion rate ให้แบบฟอร์มได้ดีขึ้นแล้ว ยังช่วยในเรื่องของการควบคุมเนื้อหาที่ผู้ใช้กรอกเข้ามาได้ด้วยส่วนหนึ่ง เช่นเราเขียนกำกับใต้หมวดของเบอร์โทรศัพท์ว่า “ควรอยู่ในรูปแบบ 080-xxx-xxxx” ผู้ใช้ก็จะเข้าใจแล้วก็พยายามกรอกข้อมูลเข้ามาในทิศทางเดียวกัน กลับกันถ้าไม่ได้เขียนอะไรกำกับไว้เลย เราก็อาจจะได้ input จากผู้ใช้มากมายหลายแบบ อาจจะเป็น “080xxxxxxx” “080-xxxxxxx” “080-xxx-xxxx” ก็เป็นไปได้

ถ้าแบบนั้นเราไปใช้ placeholder เพื่อกำกับในช่องแต่ละช่องไม่ได้หรอ?

placeholder
credit nngroup.com

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

พูดคุยกับทีมงาน Messenger Icon