23 แนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบแบบฟอร์มเพื่อเพิ่มการส่ง

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

หากผู้เยี่ยมชมของคุณกรอกแบบฟอร์มน้อยกว่า 100% คุณมีโอกาส

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

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

เว้นแต่กรอกแบบฟอร์มและส่งแล้ว มันไม่สามารถทำงานได้ และเว้นแต่ธุรกิจจะใช้ข้อมูลแบบฟอร์มที่ได้รับอย่างเหมาะสม (เช่น การกลับมาทันเวลา การส่งจดหมายข่าว การเพิ่มข้อมูลแบบฟอร์มสำหรับการสร้างโอกาสในการขาย) แบบฟอร์มจะสูญเปล่า

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

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

จะเริ่มที่ไหน?

ถามตัวเอง: ฉันควรใช้แบบฟอร์มหรือไม่?

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

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

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

ทำให้แรงจูงใจชัดเจน

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

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

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

หากคุณต้องการให้ผู้เยี่ยมชมสมัครรับจดหมายข่าวของคุณ ให้สะกดจุดขาย “การอัปเดต” ไม่น่าเชื่อถือ อัพเดทเกี่ยวกับอะไร? พวกเขาได้อะไรอีกไหม บอกพวกเขาว่าทำไมพวกเขาถึงต้องสนใจ

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

สังเกตผู้ที่มาก่อนคุณ

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

แบบฟอร์มบนเว็บมีอยู่ทุกหนทุกแห่ง และเนื่องจากความคล้ายคลึงกันในด้านรูปแบบและฟิลด์ ผู้คนจึงมีความคาดหวัง การยึดมั่นในความคาดหวังเหล่านี้จะสร้างความรู้สึกคุ้นเคย ความปลอดภัย และความสะดวก

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

เตรียมรับการพิพากษา

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

เคล็ดลับโวหารแนะนำสองข้อที่ควรคำนึงถึงคือพื้นที่ว่างและความสามารถในการอ่าน

Space: ทำให้การนำทางง่ายขึ้นโดยรักษาระยะห่างระหว่างองค์ประกอบต่างๆ อย่างเหมาะสม ควรมีความชัดเจนว่าป้ายกำกับใดใช้กับช่องป้อนข้อมูลใด การเพิ่มพื้นที่ยังช่วยป้องกันรูปลักษณ์ที่แออัดซึ่งทำให้รูปแบบรู้สึกซับซ้อนมากขึ้น

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

ให้มันสั้น

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

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

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

โครงสร้างแบบฟอร์มด้วยตรรกะ

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

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

ลดการเคลื่อนไหวของดวงตาและความสับสนด้วยการออกแบบรูปทรงที่ดี

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

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

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

คำแนะนำที่เป็นประโยชน์ในการออกแบบ

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

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

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

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

ใช้ประโยชน์จากฟังก์ชันเติมเงินและอัตโนมัติ

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

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

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

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

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

ใช้ลอจิกแบบมีเงื่อนไข

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

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

ใช้การควบคุมอินพุตที่ถูกต้อง

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

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

เมื่อเพิ่มการควบคุมอินพุต อย่าลืมใช้การควบคุมดังกล่าวโดยคำนึงถึงจริยธรรม การใช้ช่องทำเครื่องหมายหรือปุ่มสลับที่ทำเครื่องหมายไว้ล่วงหน้าซึ่งทำให้ผู้ใช้สับสนหรือพลาดได้ง่ายอาจถือว่าผิดจรรยาบรรณ ในบางกรณีก็ผิดกฎหมาย

ทำถูกต้องตามปุ่มแบบฟอร์ม

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

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

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

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

ทำให้ข้อผิดพลาดชัดเจนและง่ายต่อการแก้ไข

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

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

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

เมื่อมีข้อผิดพลาด ให้แชร์การมีอยู่ทันที ผู้ใช้จะผิดหวังมากขึ้นเมื่อพวกเขากดส่งในที่สุด และผลลัพธ์ที่พวกเขาคาดหวังจะไม่เกิดขึ้น

บันทึกข้อมูลแคช

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

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

Befriend Responsive Design แล้ว

หากคุณยังไม่มี ถึงเวลายอมรับการออกแบบที่ตอบสนองแล้ว สิ่งนี้ใช้ได้กับทุกส่วนของเว็บไซต์ของคุณ รวมถึงแบบฟอร์มของคุณ

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

ใช่ การช่วยสำหรับการเข้าถึงใช้ที่นี่ด้วย

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

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

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

ทำ. ที่. สำเนา. ทำงาน.

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

สำเนาแบบฟอร์มควรสั้น ให้ความรู้ และเข้าใจง่าย

เมื่อเขียนป้ายชื่อแบบฟอร์ม ให้ใช้เฉพาะคำนามและเว้นคำกริยา (เช่น “ชื่อ” แทน “ป้อนชื่อ”) ตรงไปตรงมาและเป็นมาตรฐานมากขึ้น สำหรับปุ่ม ให้สร้าง microcopy ที่เน้นผลลัพธ์ เพื่อให้ผู้ใช้รู้ว่าพวกเขากำลังทำอะไรอยู่ (เช่น “สมัครรับจดหมายข่าว” หรือ “รับ PDF” แทน “ส่ง”)

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

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

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

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

พูดคุยความเป็นส่วนตัว

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

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

ดูตัวเลข

หากคุณกำลังออกแบบแบบฟอร์มใหม่ คุณมีเครื่องมือที่มีค่าที่สุดคือข้อมูล

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

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

ในปีนั้นพวกเขาทำเงินได้ 12 ล้านจากแบบฟอร์ม

การออกแบบแบบฟอร์มการทดสอบ A/B

บริษัทต่างๆ ไม่ควรดูประวัติผู้ใช้ด้วยแบบฟอร์มเท่านั้น พวกเขาควรทำการทดสอบเพื่อปรับปรุงต่อไป โดยเฉพาะอย่างยิ่ง การทดสอบ A/B เป็นวิธีที่ยอดเยี่ยมในการอัปเกรดเว็บฟอร์มของคุณต่อไป

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

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

ตัดสินใจ: แบบฟอร์มขั้นตอนเดียวและหลายขั้นตอน

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

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

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

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

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

ไม่ว่าคุณจะเลือกรูปแบบใด ใช้คำแนะนำการออกแบบและคัดลอกที่กล่าวถึงในบทความนี้

ตัดสินใจ: Chatbot กับเว็บฟอร์ม

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

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

เราพูดคุยถึงข้อดีและข้อเสียของแชทบอทและแบบฟอร์มและเมื่อใดจึงควรใช้ในคู่มือของเรา: Chatbots แปลงได้ดีกว่าเว็บฟอร์มหรือไม่

ตัวเลือกลับที่สาม: รูปแบบภาษาธรรมชาติ

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

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

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

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

ตัวอย่างรูปแบบภาษาธรรมชาติที่นำมาจาก The Theme Foundry

เปลี่ยนแบบฟอร์มของคุณให้เป็นประสบการณ์

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

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

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

มีคำถามเกี่ยวกับข้อเสนอแนะของเราหรือต้องการพูดคุยแบบฟอร์ม? เอื้อมมือออกไป