หลักการออกแบบแบบฟอร์ม: 13 แนวปฏิบัติที่ดีที่สุดที่ได้รับการสนับสนุนโดยประจักษ์

หากคุณไม่ปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบฟอร์ม คุณจะทิ้งเงินจำนวนมากไว้บนโต๊ะ

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

แน่นอน แนวทางปฏิบัติที่ดีที่สุดไม่ได้ผลเหมือนกันในทุกไซต์ มันเป็นบริบท แต่โดยทั่วไป การใช้กลยุทธ์การออกแบบฟอร์มที่ได้ผลบ่อยกว่าไม่ใช่วิธีที่ดีในการเริ่มต้น

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

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

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

13 หลักการออกแบบฟอร์มและแนวทางปฏิบัติที่ดีที่สุด

1. Less is more (เช่น ลบฟิลด์ฟอร์ม)

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

ในกรณีศึกษาหนึ่ง แบบฟอร์มการติดต่อ 11 ช่องถูกแทนที่ด้วยเวอร์ชัน 4 ช่อง และการกรอกแบบฟอร์มเพิ่มขึ้น 160% (คุณภาพของการส่งยังคงเหมือนเดิม)

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

แบบฟอร์มส่วนใหญ่ยาวเกินไป มันคือ “กลุ่มอาการนักการตลาดโลภ” เราคิดว่าเราต้องการข้อมูล ทั้งหมด

Baymard Institute พบว่าการเช็คเอาต์โดยเฉลี่ยมีฟิลด์แบบฟอร์ม 14.88 ช่อง แต่การทดสอบความสามารถในการใช้งานการชำระเงินของพวกเขายังแสดงให้เห็นว่าไซต์ส่วนใหญ่สามารถลดจำนวนฟิลด์แบบฟอร์มที่แสดงตามค่าเริ่มต้นได้ 20–60%

โดยพื้นฐานแล้ว การชำระเงินโดยเฉลี่ยจะแสดงฟิลด์แบบฟอร์มมากเป็นสองเท่าเท่าที่จำเป็น

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

• คุณมีกี่รูปแบบ?
• มีกี่คนที่สัมผัสกับพวกเขา?
• การเพิ่มขึ้น 10% ในแต่ละรูปแบบมีความหมายอย่างไรกับคุณ

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

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

ตัวอย่างจากหน้าหน่วยงานของเรา:

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

รู้ด้วยว่าโดยเฉพาะอย่างยิ่งสำหรับ B2B มีบริษัทเสริมข้อมูลเช่น Clearbit อยู่ หากคุณรวบรวมอีเมลและอาจเป็นชื่อจริง อีเมลเหล่านี้สามารถเพิ่มข้อมูลส่วนที่เหลือได้ (ชื่อบริษัท ขนาด หมายเลขอ้างอิงของ Twitter ฯลฯ)

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

แบบฟอร์มลงทะเบียนที่ดีที่สุดสั้น:

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

โดยทั่วไปแล้ว การทำตามฮิวริสติกนี้ปลอดภัย: ลบช่องฟอร์มที่ไม่มีประโยชน์หรือฟุ่มเฟือยออก

2. คอลัมน์เดียวเอาชนะรูปแบบหลายคอลัมน์

สิ่งนี้ได้รับการวิจัยอย่างดีในการศึกษาการติดตามการมอง (รวมถึงของเราเอง) กรณีศึกษา และการทดสอบ A/B เมื่อคุณตัดสินใจเลือกระหว่างการออกแบบฟอร์มแบบคอลัมน์เดียวหรือแบบหลายคอลัมน์ ให้ตั้งค่าเริ่มต้นเป็นคอลัมน์เดียว

ในการศึกษา CXL ผู้เข้าร่วมการสำรวจกรอกแบบฟอร์มคอลัมน์เดียวเชิงเส้น (n = 356) เร็วกว่าแบบฟอร์มหลายคอลัมน์เฉลี่ย 15.4 วินาที (n = 346) ซึ่งเร็วกว่าอย่างเห็นได้ชัดที่ระดับความเชื่อมั่น 95%

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

ฉันแน่ใจว่ามีข้อยกเว้นสำหรับกฎนี้ (เช่นเดียวกับข้ออื่นๆ) แต่ฉันไม่พบการสนับสนุนเชิงประจักษ์

3. สื่อสารข้อผิดพลาดอย่างชัดเจน

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

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

ใช่ ศึกษาความสามารถในการใช้งานด้วยตัวเอง แต่ให้เริ่มด้วยแนวทางปฏิบัติที่ดีที่สุดเกี่ยวกับข้อความแสดงข้อผิดพลาดเหล่านี้:

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

4. ใช้การตรวจสอบฟิลด์แบบฟอร์มแบบอินไลน์

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

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

นี่คือตัวอย่างที่ดีของการตรวจสอบแบบอินไลน์:

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

• อัตราความสำเร็จเพิ่มขึ้น 22%;
• ข้อผิดพลาดที่เกิดขึ้นลดลง 22%;
• คะแนนความพึงพอใจเพิ่มขึ้น 31%;
• เวลาเสร็จลดลง 42%;
• จำนวนการจ้องตาลดลง 47%

ฉันจะใช้ผลลัพธ์เหล่านั้น (ฉันเคยเห็นผลลัพธ์ที่คล้ายกันจากการทดสอบ A/B ที่ทำงานบนไซต์อีคอมเมิร์ซหลายแห่ง)

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

5. ช่องสั่งซื้อจากง่ายที่สุดไปยากที่สุดในการกรอก

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

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

อย่าทำสิ่งนี้:

6. ทำให้การพิมพ์เป็นเรื่องง่าย

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

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

เมื่อตัดสินใจเลือกการป้อนข้อความอัตโนมัติ ต่อไปนี้เป็นคำถามที่ดีที่ควรพิจารณา:

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

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

ดังนั้นอย่าทำสิ่งนี้:

7. ระบุว่าจำเป็นต้องกรอกข้อมูลแต่ละช่องหรือไม่ใส่ก็ได้ (ยกเว้นกรณีที่จำเป็นทั้งหมด)

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

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

ระบุว่าแต่ละช่องจำเป็นหรือไม่บังคับ เว้นแต่จะจำเป็นทั้งหมด

8. ช่องชื่อและหมายเลขโทรศัพท์ควรเป็นช่อง เดียว

แทนที่จะเป็นช่องชื่อและนามสกุล ให้มีช่องที่ระบุว่า "ชื่อเต็ม" แทนที่จะใช้สามช่องสำหรับหมายเลขโทรศัพท์ ให้ใช้หนึ่งช่อง

ปัญหาเกี่ยวกับหลายฟิลด์คือปัญหาการโต้ตอบ โดยทั่วไป แนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบฟอร์มคือ “ยิ่งฟิลด์น้อย ยิ่งดี”

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

9. เสนอปุ่มตัวเลือกแทนกล่องแบบเลื่อนลง

UX Movement โต้แย้งว่าแบบฟอร์มที่มีเมนูที่เลือกมักจะถูกละทิ้งเพราะ "ใช้เวลาและความพยายามมากกว่าที่จะเสร็จสมบูรณ์"

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

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

ผลลัพธ์? กรอกแบบฟอร์มด้วยปุ่มตัวเลือกได้เร็วขึ้น ผู้เข้าร่วมการสำรวจกรอกแบบฟอร์มปุ่มตัวเลือก (n = 354) เร็วกว่าแบบฟอร์มที่มีปุ่มเลือกหลายรายการโดยเฉลี่ย 2.5 วินาที (n = 354) ซึ่งเร็วกว่าอย่างเห็นได้ชัดที่ระดับ 95%

10. อย่าทำให้ฟิลด์รหัสคูปองโดดเด่น

เมื่อผู้คนเห็นช่อง "ป้อนรหัสคูปองที่นี่" พวกเขาจะรู้สึกพิเศษน้อยลง พวกเขาคิดว่า "ทำไมฉันไม่มีเลย" พวกเขาได้รับ FOMO

หลายคนไปที่ Google เพื่อค้นหาคูปอง บางคนพบคูปองบนเว็บไซต์บุคคลที่สามซึ่งลดผลกำไรของคุณ หลายคนไม่เคยกลับมา

การออกจากไซต์เพื่อค้นหาคูปองเป็นสาเหตุทั่วไปของการละทิ้งตะกร้าสินค้า

นี่ไม่ใช่ความคิดที่ดี:

แทนที่จะใช้แบนเนอร์ขนาดใหญ่ ให้ใช้ลิงก์ข้อความว่า "มีคูปองไหม" (หรือสิ่งที่คล้ายกัน) หากผู้ใช้คลิกลิงก์ ผู้ใช้ควรเปิดช่องป้อนข้อมูล ลิงก์ข้อความไม่โดดเด่น ดังนั้นผู้คนจะให้ความสนใจน้อยลง

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

11. หลีกเลี่ยงปุ่ม "ล้างฟิลด์"

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

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

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

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

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

12. เสนอการโฟกัสภาคสนาม

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

ทำให้ช่องป้อนข้อมูลที่กำลังแก้ไขโดดเด่นและเน้น

13. อย่าปิดบังรหัสผ่าน

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

ตามที่ NN/g สรุป:

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

ข้อแม้: เรียกใช้การทดสอบของคุณเอง

เพียงเพราะบางอย่างเป็น "แนวปฏิบัติที่ดีที่สุด" ไม่ได้หมายความว่าจะเป็นทางออกที่ดีที่สุดเสมอไป บางครั้งแนวทางปฏิบัติที่ดีที่สุดก็ล้มเหลว

เว็บไซต์มีบริบท สิ่งที่ใช้งานได้ในไซต์หนึ่งอาจใช้ไม่ได้กับอีกไซต์หนึ่ง

นอกจากนี้ บริบททางธุรกิจของคุณอาจแตกต่างออกไป ใครจะไปรู้ บางทีคุณอาจ ต้องการ ชื่อกลางนั้นเป็นข้อมูล ฉันเป็นใครที่จะตัดสิน?

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

นี่เป็นแนวทางไม่ใช่คำสั่ง

บทสรุป

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

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

ทำงานเกี่ยวกับสิ่งนี้หรือไม่? แสดงความคิดเห็นใน ชุมชน CXL !