วิธีเพิ่มประสิทธิภาพแบบฟอร์มเพื่อใช้ประโยชน์จากการป้อนอัตโนมัติ

เซอร์ไพรส์! คุณสามารถทำให้ผู้ใช้ซื้อผลิตภัณฑ์ของคุณทางออนไลน์ได้ง่ายขึ้นด้วยพลังของการป้อนอัตโนมัติ

ต้องเป็นวันโชคดีของคุณ หรือปี?

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

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

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

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

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

นั่นเป็นสาเหตุที่ความสามารถอัตโนมัติอยู่ในรายการแนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบแบบฟอร์ม

ดังนั้นคุณจะทำให้การป้อนอัตโนมัติทำงานบนเว็บฟอร์มของคุณได้อย่างไร

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

ป้อนอัตโนมัติทำงานอย่างไร

เรามาเริ่มกันที่: ป้อนอัตโนมัติในตอนแรกคืออะไร?

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

เบราว์เซอร์ที่ต่างกันบันทึกข้อมูลผู้ใช้ต่างกันเล็กน้อย แต่โดยรวมคล้ายกัน:

หมายเหตุ: “ที่อยู่” ประกอบด้วยหมายเลขโทรศัพท์ ที่อยู่อีเมล และที่อยู่สำหรับจัดส่ง

ตอนนี้การป้อนอัตโนมัติทำงานอย่างไร?

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

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

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

วิธีเพิ่มการกรอกแบบฟอร์มอัตโนมัติในเว็บฟอร์มของคุณ

คุณพร้อมสำหรับข่าวดีบ้างไหม?

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

หากไม่เป็นเช่นนั้น Google ให้เหตุผลสองประการว่าทำไมการป้อนอัตโนมัติอาจไม่ทำงานสำหรับผู้ใช้:

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

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

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

สร้างแนวทางปฏิบัติที่ดีที่สุดเพื่อรับประกันการทำงานอัตโนมัติ

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

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

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

ภาพจาก Google Developers

เพื่อให้สอดคล้องกับแนวทางปฏิบัติของแบบฟอร์ม HTML มาตรฐาน คุณหรือนักพัฒนาเว็บไซต์ของคุณควรตรวจสอบให้แน่ใจด้วยว่าองค์ประกอบอินพุตถูกรวมไว้ในแท็ก <form> เพื่อเปิดใช้งานการป้อนอัตโนมัติ เว็บเบราว์เซอร์ Google Chrome กำหนดให้ฟิลด์ของฟอร์มอยู่ในแท็กรูปแบบ HTML มิฉะนั้นจะเสนอคำแนะนำเท่านั้นและจะไม่กรอกข้อมูลในฟอร์มโดยอัตโนมัติ

สิ่งที่ไม่ควรทำ: แนวทางปฏิบัติที่ป้องกันการป้อนอัตโนมัติ

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

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

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

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

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

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

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

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

วิธีป้อนข้อความอัตโนมัติ: เคล็ดลับอื่นๆ

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

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

การตั้งค่าแบบฟอร์มป้อนอัตโนมัติสำหรับแอป

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

ข้อกำหนดการป้อนอัตโนมัติของ iOS

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

การดำเนินการและคำแนะนำในการป้อนอัตโนมัติของ Android

รับคำขอบคุณในการแปลง

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

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

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

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