5 เคล็ดลับง่าย ๆ ออกแบบเว็บไซต์ให้ดูน่าเชื่อถือ

designil

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

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

มาพบกับ 5 เคล็ดลับที่ทีมของเราใช้เวลาหลายเดือนเพื่อศึกษาและออกแบบเว็บไซต์ให้ดูน่าเชื่อกันค่ะ


1. ออกแบบเว็ปไซต์ให้ทันสมัย

เราต้องลบภาพของบริษัทประกันที่ดูโบร่ำโบราณออกก่อน และเพิ่มความทันสมัยเข้าไป

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

ตัวอย่างดีไซน์จากเว็บไซต์ Gobear ใช้สีสันสดใส ดูน่าคบหาตัวอย่างดีไซน์จากเว็บไซต์ Gobear ใช้สีสันสดใส ดูน่าคบหา

  • Mobile First: เป็นเรื่องที่ขาดไปไม่ได้สำหรับเรื่อง Responsive เพราะสมัยนี้คนใช้หลาย device แล้วนับวันคนเข้าเว็ปไซต์ผ่านมือถือมากกว่าคอมพิวเตอร์เรื่อย ๆ
ตัวอย่าง Responsive Website จาก Frank.co.th
Mobile View – ตัวอย่าง Responsive Website จาก Frank.co.th
Desktop View - ตัวอย่าง Responsive Website จาก Frank.co.th
Desktop View – ตัวอย่าง Responsive Website จาก Frank.co.th

2. ดีไซน์เว็บไซต์ต้องมีความน่าเชื่อถือ

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

  • Testimonial หรือ User Review: เป็นทางหนึ่งที่จะเพิ่มความมั่นใจให้กับลูกค้าในสินค้าของเราได้ เพราะสามารถแสดงให้เขาเห็นว่าเว็ปไซต์เรามีการใช้จากคนจริง
ตัวอย่าง Testimonial จาก Frank.co.th
ตัวอย่าง Testimonial บนเว็บไซต์
  • ใส่ใบรับรองจากหน่วยงานที่กำกับดูแล: เช่น พาณิชย์อิเล็กทรอนิกส์ (DBD) เป็นการแสดงให้เห็นว่าขั้นตอนการจ่ายเงินและสินค้าเราได้ผ่านการตรวจสอบและรับรองจากองค์กรที่เชื่อถือได้ ซึ่งทำให้ผู้ใช้มั่นใจในการใช้เว็ปไซต์ได้
ลูกค้าจะมั่นใจมากขึ้นเมื่อเห็นใบรองรับและโลโก้บริษัทใหญ่ที่ดูแลเราอยู่
ลูกค้าจะมั่นใจมากขึ้นเมื่อเห็นใบรองรับและโลโก้บริษัทใหญ่ที่ดูแลเราอยู่
  • อ้างอิงถึงสื่อที่เราเคยไปลง: โลโก้ของสื่อเจ้าใหญ่ก็สามารถทำให้ผู้ใช้ให้ความเชื่อถือเราได้มากขึ้นและมีตัวตนอยู่จริง
ยิ่งมีสื่อดังพูดถึงเรา ยิ่งเพิ่มความน่าเชื่อถือได้มากขึ้น
ยิ่งมีสื่อดังพูดถึงเรา ยิ่งเพิ่มความน่าเชื่อถือได้มากขึ้น

3. อย่าออกแบบโดยเน้นการ Hard Sell

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

4. ออกแบบเว็ปให้ดูง่าย

  • ใช้ Icon ช่วยอธิบาย: เพราะว่าเว็ปประกันมักมีข้อมูลเยอะแยะและศัพท์เฉพาะที่ยากจะเข้าใจ ถ้าเราใช้ Icon และ คำอธิบายง่าย ๆ จะช่วยผู้อ่านให้เข้าใจเนื้อหาที่ซับซ้อนได้ง่ายขึ้น
ตัวอย่างการใช้ Icon จากเว็ป one2car.com
ตัวอย่างการใช้ Icon จากเว็ป one2car.com
  • ใช้เทคนิค AJAX ในขั้นตอนการกรอกฟอร์ม: การกรอกฟอร์มแบบเดิมมักใช้การ submit data ไปแต่ละหน้า ซึ่งทำให้เกิดการ redirect หรือการเปลี่ยนหน้าเว็ปไซต์เยอะ ซึ่งในช่วงเวลาระหว่างการรอเปลี่ยนหน้าเว็ปไซต์อาจทำให้ผู้ใช้มีโอกาสออกจากเว็ปไซต์ เราจึงใช้เทคนิค AJAX (ดึงข้อมูลโดยไม่ต้องเปลี่ยนหน้า) มาช่วย เพื่อให้ลูกค้าสามารถกรอกข้อมูลทั้งหมดในหน้าเดียวจบ
ขั้นตอนการกรอกฟอร์มใน Frank.co.th จะมีการดึงข้อมูลอัตโนมัติด้วย AJAX
ขั้นตอนการกรอกฟอร์มใน Frank.co.th จะมีการดึงข้อมูลอัตโนมัติด้วย AJAX

5. ออกแบบให้คนรักเรา

  • ใช้ Mascot เป็นทูตแทนใจ: นึกถึง “ประกัน” หลาย ๆ คนก็นึกถึงอะไรเรื่องโบราณ ๆ แล้วเข้าใจยาก เราจึงใช้ Mascot น่ารัก ๆ เพื่อให้ผู้ใช้รู้สึกว่าบริษัทเราดูทันสมัย เข้าถึงง่าย แถมยังเป็นมิตรอีกด้วย
ตัวอย่าง Mascot ของ Frank.co.th
ตัวอย่าง Mascot ของ Frank.co.th

สรุป 5 เทคนิคการออกแบบเว็บไซต์ให้ดูน่าเชื่อถือ

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

  1. ออกแบบเว็ปไซต์ให้ทันสมัย
    1. หน้าตาดูทันสมัย
    2. Mobile First
  2. ดีไซน์เว็บไซต์ต้องมีความน่าเชื่อถือ
    1. Testimonial หรือ User Review
    2. ใส่ใบรับรองจากหน่วยงานที่กำกับดูแล
  3. อย่าออกแบบโดยเน้นการ Hard Sell
    1. ไม่ Pop up รบกวนผู้อ่าน
  4. ออกแบบเว็ปให้ดูไม่ยุ่งยาก
    1. ใช้ Icon ช่วยอธิบาย
    2. ใช้เทคนิค ajax ในขั้นตอนการกรอกฟอร์ม
  5. ออกแบบให้คนรักเรา
    1. ใช้ Mascot เป็นทูตแทนใจ

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

ใครมีไอเดียอะไร แนะนำได้ในส่วนคอมเม้นท์ด้านล่างเลยนะคะ :)

* บทความนี้เขียนโดย Guest Writer คุณอันนา และคุณหนึ่ง Senior Web Designer แห่งเว็บไซต์ประกันภัย Frank.co.th ขอขอบคุณที่แวะมาแชร์ความรู้ดี ๆ มา ณ ที่นี้ครับ

designil

designil

Data engineer & WordPress Developer ทำงานที่บริษัทแคนว่า ซิดนีย์ออสเตรเลีย ปัจจุบันเป็นเจ้าของเว็บไซต์ Designil, DataTH ชอบอ่านบทความใหม่ๆ ตลอดเวลา และชอบสรุปเรื่องราวเกี่ยวกับเทคโนโลยีให้ภาษาที่เข้าใจง่าย ยินดีที่ได้รู้จักทุกคนนะครับ
บทความทั้งหมด