เคล็ดลับยอดนิยมสำหรับการสร้างแบบฟอร์มออนไลน์เพื่อปรับปรุงอัตราการแปลง

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

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

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

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

1. เค้าโครง

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

แต่เลย์เอาต์แนวนอนก็ใช้งานได้เช่นกัน ดังในตัวอย่างนี้จาก Travel Republic:

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

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

Starbucks มีตัวอย่างที่ดีของรูปแบบแนวตั้งที่สะอาด เรียบง่าย เพื่อสร้างบัญชีในไซต์บนมือถือ:

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

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

2. ป้ายกำกับฟิลด์และวิธีการป้อนข้อมูล

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

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

• ช่องพิมพ์
• กล่องกาเครื่องหมาย
• ปุ่ม
• ปฏิทิน
• เมนูแบบเลื่อนลง

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

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

ในทางกลับกัน Expedia รับรองว่าวิธีการป้อนข้อมูลปฏิทินนั้นใหญ่พอสำหรับอุปกรณ์พกพา:

3. วางแผนกระบวนการ

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

Confused.com มีตัวอย่างที่ดีในเรื่องนี้ โดยมีขั้นตอนต่างๆ ชัดเจนที่ด้านบนสุดของหน้า:

เว็บไซต์ Times นำเสนอขั้นตอนต่างๆ ของแบบฟอร์มในรูปแบบที่แตกต่างกันเล็กน้อย นี่คือหน้าแรกของแบบฟอร์มในการสมัครบัญชีออนไลน์:

หากเราเลื่อนลงมา เราจะเห็นขั้นตอนต่อไป:

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

4. เป็นประโยชน์

คล้ายกับตัวอย่าง OK Magazine ก่อนหน้านี้ Barclaycard มีตัวอย่างที่ละเอียดมากขึ้นในการอธิบายว่าพวกเขาต้องการข้อมูลใดบ้างในแบบฟอร์มการเข้าสู่ระบบธนาคารออนไลน์:

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

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

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

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

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

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

5. ทดสอบเสมอ!

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

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

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