มีไอเดีย
แต่ไม่มีคนทำ?

ให้ จินดาธีม สร้างแพลทฟอร์มสำหรับธุรกิจของคุณ

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

หมวดหมู่: ประสบการณ์ผู้ใช้ เขียนเมื่อ: 13/06/2015

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

ปัจจุบันเว็บไซต์บนอินเตอร์เน็ตเกือบ 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 เขียนอะไรไว้บ้าง ซึ่งต่างจากการกำกับที่แยกออกมาเลยต่างหาก ที่ง่ายต่อการเข้าใจ และก็ไม่ต้องเสียเวลาลบเพื่อเรียกดูคำเหล่านั้นครับ

เรื่องที่คุณอาจสนใจ

image

เว็บไซต์จำเป็นไหม? มี Facebook page อย่างเดียวได้หรือเปล่า

ผมเชื่อว่าผู้ประกอบการหลายคนมักจะเกิดคำถามว่า "เราควรจะต้องมีเว็บไซต์ไหม หรือแค่ Facebook page อย... อ่านต่อ >
image

“Above the fold” – ทำไมเราควรเอาสิ่งที่สำคัญไว้ที่ด้านบนของเว็บ?

ในเชิงเทคนิคแล้ว คนทำเว็บไซต์จะมีศัพท์คำนึงที่เรียกกันว่า "Above the fold" ครับ สำหรับคนที่ไม่เคย... อ่านต่อ >
image

อยากมีระบบชำระเงินบนเว็บไซต์, แอปฯ ต้องคำนึงถึงอะไรบ้าง?

ช่วงหลังโควิดนี้เป็นช่วงที่อุตสาหกรรมไอทีกลับมาบูมอีกครั้ง หลายธุรกิจมีการเปลี่ยนแปลงทั้งโครงสร้า... อ่านต่อ >

กรุณากรอกรายละเอียดให้ครบ

ทีมงานจะทำการประเมินค่าใช้จ่าย และสร้างใบเสนอราคาตามรายละเอียดที่คุณกรอกมาด้านล่างนี้

การแจ้งเตือน

เจ้าหน้าที่ได้รับข้อความของท่านเรียบร้อยแล้ว

preloader

กำลังดำเนินการ กรุณารอสักครู่นะครับ