วิธีสร้างแบบฟอร์มที่ดี (ตรวจสอบให้แน่ใจว่าแบบฟอร์มของคุณไม่ทำให้คนอื่นกลัว)

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

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

นั่นหมายความว่าคุณจำเป็นต้องรู้วิธีการสร้างฟอร์มที่ดี

แบบฟอร์มประเภทใดจะได้ประโยชน์จากการออกแบบแบบฟอร์มที่ดี

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

น่าเสียดายที่มีรูปแบบที่ไม่ดีอยู่มากมาย

โชคดีที่การออกแบบรูปแบบที่เรียบง่ายและมีประสิทธิภาพพร้อม UX ที่ดีนั้นไม่ยากเกินไป

นี่คือวิธีการสร้างฟอร์มที่ดี

หลักการออกแบบแบบฟอร์มที่ต้องปฏิบัติตาม (4 Cs ของการออกแบบแบบฟอร์มที่ดี)

เมื่อคุณต้องการสร้างฟอร์มที่ดี คุณต้องมี 2 สิ่ง:

1. แนวทางปฏิบัติที่ดีที่สุดอย่างง่าย เช่น ตำแหน่งที่จะใส่ป้ายกำกับฟิลด์และวิธีการซ้อนฟิลด์
2. หลักธรรมที่ควบคุมการทรงตัวได้ดี

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

แต่บางครั้งคุณต้องใช้แบบฟอร์มสำหรับบางสิ่งที่ยังไม่ได้ทดสอบ

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

การเข้าใจ หลักการ ออกแบบแบบฟอร์มจะช่วยให้คุณมีเครื่องมือในการสร้างแบบฟอร์มที่ดีใน ทุก สถานการณ์

[blog-subscribe headline=”แบบฟอร์มนี้เป็นไปตามหลักการ” description=”และเมื่อคุณใส่อีเมล คุณจะได้รับอีเมล 1 ฉบับต่อสัปดาห์ พร้อมคำแนะนำด้านการตลาดที่ดีที่สุดของเรา”]

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

• ใส่ป้ายกำกับเหนือฟิลด์ของคุณ ไม่ใช่เป็นข้อความที่หายไปภายในฟิลด์ มิฉะนั้น เมื่อมีคนเริ่มพิมพ์ เขาอาจลืมข้อมูลที่คุณขอ
• สแต็คฟิลด์ในแนวตั้งเมื่อมีมากกว่าสอง ฟิลด์แนวตั้งสแกนได้ง่ายกว่าแนวนอน
• ทำให้ชัดเจนว่าฟิลด์ใดที่จำเป็น เครื่องหมายดอกจันเป็นเรื่องปกติ (หรือคุณสามารถระบุช่องที่ไม่บังคับได้)
• หากมีมากกว่า 6 ตัวเลือกสำหรับแบบฟอร์ม ให้ ใช้เมนูแบบเลื่อนลง เคยได้ยินกฎ 7 หรือไม่? ผู้คนสามารถจำสิ่งของได้ประมาณ 7 รายการ ดังนั้นหากคุณมีหมายเลขนั้นขึ้นไป อย่าแสดงทั้งหมดพร้อมกันเป็นปุ่มตัวเลือก
• ใช้แบบฟอร์มหลายขั้นตอน ถ้าคุณมีเขตข้อมูลจำนวนมาก ซึ่งสามารถลดแรงเสียดทานได้
• ทำให้ฟิลด์แบบฟอร์มของคุณมีขนาดแตกต่างกันตามความยาวของคำตอบที่คุณคาดหวัง แบบฟอร์มรหัสไปรษณีย์ควรสั้นกว่าหนึ่งครั้งสำหรับหมายเลขโทรศัพท์
• หากคุณมีข้อความแสดงข้อผิดพลาด คุณควรเพิ่มการตรวจสอบแบบอินไลน์
• อย่าทำให้ปุ่มส่งของคุณพูดว่า "ส่ง" ทำให้ภาพดูโดดเด่นด้วยไมโครสำเนาที่น่าสนใจ

และนี่คือหลักการเบื้องหลังรูปแบบที่ดี นี่คือสี่ Cs ของการออกแบบแบบฟอร์มที่ดี:

1. ชัดเจน
2. รวบรัด
3. ฉลาด
4. สหกรณ์

(หมายเหตุ: ขอขอบคุณทีมงาน Formulate ในการพัฒนาโมเดล 4 Cs นี้)

1. แบบฟอร์มที่ชัดเจนใช้งานง่ายขึ้น

แบบฟอร์มที่ชัดเจนไม่ได้ทำให้คนคิด (และนั่นเป็นสิ่งที่ดี)

มีเหตุผลนี้เหมือนกับพระคัมภีร์ของการออกแบบเว็บ (Amazon)

การมีรูปแบบที่ชัดเจนหมายความว่าอย่างไร หมายความว่าบุคคลที่กรอกแบบฟอร์มเว็บของคุณควรสามารถทำได้โดยใช้ความพยายามน้อยที่สุด

ควรระบุฟิลด์ที่จำเป็นอย่างชัดเจน ฟิลด์อินพุตควรทำให้ชัดเจนว่าอินพุตใดที่พวกเขาขอ

หากคุณมีแบบฟอร์มที่ยาว ช่องจะมีป้ายกำกับชัดเจนและไม่เจ็บปวดเท่าที่เป็นไปได้

ความชัดเจนในแบบฟอร์มของคุณเป็นสิ่งสำคัญ หากส่วนใดส่วนหนึ่งของแบบฟอร์มของคุณสับสน คุณจะสูญเสียการแปลง!

และฉันหมายถึงส่วน ใด ส่วนหนึ่งของแบบฟอร์มของคุณ ซึ่งรวมถึง:

• ส่วนไหนเป็นอุปกรณ์เสริมหรือจำเป็น
• กรอกข้อมูลอะไรบ้าง
• ช่องแบบฟอร์มใดไปกับข้อมูลใด
• จะเกิดอะไรขึ้นหลังจากส่งแบบฟอร์ม
• ทำไมพวกเขาถึงควรกรอกแบบฟอร์มของคุณตั้งแต่แรก!

เว้นแต่แบบฟอร์มของคุณจะเป็นอะไรที่เข้มข้นจนคนต้องกรอกตามกฎหมาย (เช่น เอกสารภาษี) คุณต้องทำให้คนอื่นต้องการกรอกแบบฟอร์มของคุณ นั่นหมายความว่าคุณต้องการข้อเสนอที่ดีและชัดเจนพร้อมสำเนาการเลือกรับที่ดีและชัดเจน

และหมายถึงการทำให้แบบฟอร์มของคุณง่ายและไม่ลำบากในการกรอกให้มากที่สุด

เมื่อคุณออกแบบแบบฟอร์ม ให้ถามคำถามเหล่านี้:

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

2. แบบฟอร์มที่กระชับรับ Conversion มากขึ้น

กระชับไม่ได้แปลว่าสั้น! แปลว่า ไม่เกินความจำเป็น

ใช่ แบบฟอร์มสั้น มักจะ ได้รับ Conversion มากกว่าแบบฟอร์มยาว แต่:

1. บางครั้งรูปแบบยาวก็แปลงได้ดีกว่ารูปแบบสั้นจริงๆ
2. บางครั้งคุณต้องการข้อมูลเพิ่มเติมจริงๆ
3. บางครั้งคุณต้องการให้แน่ใจว่าเฉพาะผู้ที่สนใจมากที่สุดเท่านั้นที่ติดต่อคุณ

เมื่อ Michael Aagaard ผู้เชี่ยวชาญด้านการเพิ่มประสิทธิภาพอัตรา Conversion ย่อแบบฟอร์มลงสามช่อง เขาคิดว่าอัตรา Conversion จะเพิ่มขึ้น

ไม่. Conversion ลดลง 14%

"ผลลัพธ์? Conversion ลดลง 14% ฉันลบฟิลด์ทั้งหมดที่ผู้คนต้องการโต้ตอบด้วยจริง ๆ และทิ้งเฉพาะฟิลด์ที่เส็งเคร็งที่พวกเขาไม่ต้องการโต้ตอบ ค่อนข้างโง่” – Michael Aagaard บน ConversionXL

ฟิลด์แบบฟอร์มบางฟิลด์มีความเสียดทานสูงกว่า (เช่น "หมายเลขโทรศัพท์") มากกว่าฟิลด์อื่น (เช่น "ชื่อ")

แน่นอน คุณต้องการข้อมูลเกี่ยวกับโอกาสในการขายให้ได้มากที่สุด คุณเพียงแค่ต้องทำให้สมดุลกับข้อมูลที่ผู้คนยินดีจะมอบให้คุณ

ในทางกลับกัน มีเหตุผลดีๆ สองประการที่คุณอาจต้องการสร้างฟอร์มที่ยาวขึ้น:

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

รูปแบบยาวเป็นเรื่องปกติมากขึ้นเมื่อคุณขายบริการที่มีราคาแพงกว่า โดยเฉพาะอย่างยิ่งหากคุณขายให้กับธุรกิจ

แม้ว่าแบบฟอร์มของคุณจะยาว แต่ให้แน่ใจว่าคุณขอข้อมูลที่คุณต้องการเท่านั้น

และจำไว้ว่า—คุณสามารถเปลี่ยนแบบฟอร์มยาวเป็นแบบฟอร์มหลายขั้นตอนเพื่อให้ดูจบได้ง่ายขึ้น

3. รูปแบบที่ชาญฉลาดช่วยผู้คนได้

เคลฟเวอร์ไม่ได้หมายความว่าแบบฟอร์มของคุณควรมีการเล่นสำนวนมากมาย ดังที่เราได้เขียนไว้ก่อนหน้านี้ ความชัดเจนสำคัญกว่าความฉลาด อย่างน้อยเมื่อความฉลาดหมายถึง "การเป็นคนตลก"

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

มีขั้นตอนอะไรบ้าง?

• แบบฟอร์มฟิลด์ที่เติมข้อความอัตโนมัติ—เพื่อให้ผู้เยี่ยมชมของคุณสามารถกรอกข้อมูลได้เร็วขึ้น
• การซ่อนช่องแบบฟอร์มสำหรับข้อมูลที่คุณมีอยู่แล้ว
• ซ่อนช่องแบบฟอร์มจนกว่าจะกรอกข้อมูลในฟิลด์ข้อกำหนดเบื้องต้น
• ยอมรับเฉพาะอินพุตบางฟิลด์ในแบบฟอร์ม (เช่น ที่อยู่อีเมลต้องมี @)

Google ให้คุณกรอกข้อมูลอัตโนมัติ ตัวอย่างนี้ (จาก developer.google.com) แสดงให้เห็นว่าการป้อนอัตโนมัติเร็วขึ้นเพียงใด

การทำให้แบบฟอร์มของคุณฉลาดขึ้นทำให้ผู้คนส่งแบบฟอร์มของคุณได้ง่ายขึ้น

4.รูปแบบสหกรณ์ไม่ทำให้คนผิดหวัง

“สหกรณ์” เป็นหลักการทั่วไปมากกว่าสามประการ หากแบบฟอร์มเป็นแบบร่วมมือ แสดงว่าแบบฟอร์มนี้ทำงานร่วมกับผู้เยี่ยมชมเพื่อให้กรอกได้ง่ายขึ้น

หลักการสหกรณ์ประกอบด้วยแนวปฏิบัติที่ดีที่สุดหลายประการ ตัวอย่างเช่น รูปแบบสหกรณ์:

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

ความไม่แน่นอนทำให้คนผิดหวัง คนผิดหวังไม่กรอกแบบฟอร์มและจะไม่กลายเป็นลูกค้า

การวิเคราะห์เมตาล่าสุดเกี่ยวกับผลกระทบของความไม่แน่นอนได้กล่าวถึงผลกระทบที่มีต่อการตัดสินใจ

“ความไม่แน่นอนมักเป็นสิ่งที่หลีกเลี่ยงไม่ได้ในชีวิตประจำวัน และอาจสร้างความเครียดและน่าตื่นเต้น… งานวิจัยล่าสุดชี้ให้เห็นว่าสิ่งมีชีวิตทางชีววิทยาพยายามที่จะแก้ไขและลดความไม่แน่นอน เป็นวิธีการเพิ่มประสิทธิภาพการอนุมานและการคาดการณ์เกี่ยวกับโลกภายนอก และเพื่อส่งเสริมความสำเร็จในการเอาชีวิตรอดในท้ายที่สุด”

เมื่อคุณพบความสับสน วิธีที่เร็วที่สุดในการ "แก้ไขและลดความไม่แน่นอนคืออะไร"

ไม่กรอกแบบฟอร์ม!

นั่นเป็นสาเหตุที่รูปแบบสหกรณ์มีความสำคัญมาก—ทำให้แบบฟอร์มการกรอกของคุณไม่หงุดหงิด

และมีคนมากรอกแบบฟอร์มของคุณมากขึ้น

สรุป: อะไรจะเกิดขึ้นหลังจากฟอร์มที่ดี?

รูปแบบที่ดีเป็นเพียงจุดเริ่มต้นของการโต้ตอบของผู้เข้าชมกับธุรกิจของคุณ

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

ต่อไปนี้คือวิธีสองสามวิธีในการดึงดูดให้ผู้คนมีส่วนร่วม:

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

เรียนรู้การสร้างฟอร์มที่ดี ทำมัน. แล้วติดตาม. ขยายธุรกิจของคุณเพียงแค่เปลี่ยนผู้เข้าชมให้กลายเป็นลูกค้าเป้าหมาย—และลูกค้า