👉 11 หลักการออกแบบเว็บที่จะช่วยเพิ่มอัตราการแปลงของคุณ

31 ไอเดียการสร้างผู้นำที่ชาญฉลาดคุณสามารถใช้งานได้ทันที (อัปเดตแล้ว)

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

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

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

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

แต่นั่นไม่ใช่ทั้งหมด หากเว็บไซต์ของคุณไม่สวยคนจะออกจากไซต์ของคุณโดยสิ้นเชิง 38% ของคนเป็นที่แน่นอน นั่นเป็นโอกาสที่หายไปทั้งหมด!

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

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

1. ปฏิบัติตามกฎหมายของ Hick

กฎหมายของ Hick เป็นทฤษฎีที่ได้รับความนิยมซึ่งถูกอ้างถึงโดยบุคคลหลาย ๆ แห่งเพื่อวัตถุประสงค์ที่แตกต่างกัน แต่มักมีการอ้างอิงในแง่ของการออกแบบเว็บ นักจิตวิทยาชาวอังกฤษชื่อวิลเลี่ยมเอ๊ดมันด์ฮิค (William Edmund Hick) ได้รับการตั้งชื่อตามกฎหมายว่าเวลาที่แต่ละคนจะตัดสินใจโดยตรงกับตัวเลือกที่เป็นไปได้ที่เขาหรือเธอมี

กล่าวอีกนัยหนึ่งโดยการเพิ่มจำนวนตัวเลือกเวลาในการตัดสินใจจะเพิ่มขึ้นเช่นกัน

รูปภาพผ่าน Usabilla

คุณอาจเคยได้ยินจากการศึกษาที่มีชื่อเสียงโดยนักจิตวิทยา Sheena Iyengar และ Mark Lepper ที่พวกเขาพบว่าโต๊ะแสดงผลที่มี 24 แยมแบบติดขัดดึงดูดความสนใจน้อยกว่าตารางที่แสดงเพียงหกสายพันธุ์ของแยม ในความเป็นจริงคนที่เห็นการแสดงผลขนาดใหญ่เท่านั้น หนึ่งในสิบ เป็นแนวโน้มที่จะซื้อเป็นคนที่เห็นการแสดงผลขนาดเล็ก!

นั่นคือตัวอย่างของกฎหมาย Hick ในการดำเนินการ: การกระทำจะสูญหายไปตามสัดส่วนของจำนวนตัวเลือกที่นำเสนอ

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

กล่าวอีกนัยหนึ่งอย่าทำเช่นนี้:

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

นี่เป็นเพียงไม่กี่:

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

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

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

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

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

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

2. ใช้ประโยชน์จากกฎข้อที่สาม

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

นี้จะช่วยให้คุณเก้าสี่เหลี่ยมเท่ากับ:

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

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

ตัวอย่างเช่นหน้าแรกของ Chris Lema มีองค์ประกอบที่สำคัญที่สุด (คำรับรองและปุ่ม "เริ่มที่นี่") บนทางแยกสองทางซ้าย:

ภาพฮีโร่ของ John Lee Dumas มีปุ่มเรียกร้องให้ดำเนินการที่ด้านล่างซ้าย:

Kissmetrics ยังวางเรียกร้องให้ดำเนินการปุ่มที่ด้านล่างซ้ายแยก:

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

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

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

เคารพความอดทนของผู้ใช้

(หรือว่า .. แทน, imอดทน) ปรากฎว่าผู้คนใจร้อนอย่างไม่น่าเชื่อโดยเฉพาะอย่างยิ่งเมื่อพูดถึงการท่องเว็บ

จากการศึกษาของกลุ่มอเบอร์ดีนความล่าช้าเพียงหนึ่งวินาทีในเวลาในการโหลดหน้าเว็บจะทำให้ Conversion ลดลง 7%!

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

  • Google PageSpeed ​​Insights
  • Pingdom
  • GTmetrix
  • KeyCDN
  • Sucuri

4. ใช้พื้นที่เชิงลบ

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

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

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

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

Flat.io ใช้ช่องว่างเชิงลบในหน้าแรกของตนเพื่อให้มุ่งเน้นไปที่การเรียกร้องให้ดำเนินการหลักซึ่งก็คือการลงชื่อสมัครใช้กับ Google หรือ Facebook

นี่คือเคล็ดลับบางอย่างเพื่อให้แน่ใจว่าคุณใช้พื้นที่เชิงลบมากพอ:

  • ตัวอักษรขนาดเล็กของคุณคือพื้นที่ที่คุณต้องการมากขึ้นระหว่างตัวอักษร
  • ความสูงของบรรทัด (กำหนดช่องว่างด้านบนและด้านล่างของบรรทัดข้อความ) ควรมีขนาดประมาณ 150% ของขนาดตัวอักษรสำหรับสำเนาเนื้อหา (ใน CSS สิ่งนี้จะอ่านได้:เส้นสูง: 1.5;).รูปภาพผ่าน Pearsonified
  • อย่างไรก็ตามแบบอักษรที่มีขนาดเล็กต้องมีเส้นสูงมาก ๆ โปรดสังเกตความแตกต่างที่ความสูงของเส้นที่ใหญ่กว่าทำให้ในสองย่อหน้าด้านล่าง:ภาพผ่าน W3.org
  • แบ่งบล็อกข้อความขนาดใหญ่ออกเป็นย่อหน้าเล็ก ๆ เพื่อเพิ่มช่องว่างเชิงลบระหว่างพวกเขาและทำให้บทความบล็อกของคุณสามารถอ่านได้มากขึ้น
  • เพิ่มพื้นที่สีขาวระหว่างองค์ประกอบขนาดใหญ่บนไซต์ (แถบด้านข้างส่วนหัวส่วนท้ายส่วนท้ายและอื่น ๆ ) โดยใช้ขอบและช่องว่างที่เพียงพอ

5. พิจารณา F-Layout

นักวิจัยพบว่าพฤติกรรมตามธรรมชาติของผู้ใช้เมื่อเรียกดูเว็บคือการอ่านหน้าจอในรูปแบบ "F"

นี่คือแผนผังความร้อนที่แสดงให้เห็นว่าดวงตาของผู้ใช้มักปรากฏบนหน้าเว็บ:

รูปภาพผ่าน Envato

และนี่คือสิ่งที่ดูเหมือนว่าเป็นโครงลวด:

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

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

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

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

6. เรื่องสี

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

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

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

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

เมื่อคุณสร้างโครงร่างสีแล้วมีสิ่งหนึ่งที่ควรคำนึงถึงซึ่งจะทำให้หรือทำลาย Conversion ของคุณ:

ความแตกต่าง

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

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

ลองดูที่ MailChimp เช่น องค์ประกอบใดที่ดึงดูดสายตาของคุณ?

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

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

7. โปรดจำไว้ว่า K.I.S.S.

คุณเคยได้ยินคำขวัญ "Keep it Simple, Stupid" มาก่อน ดีจะใช้กับการออกแบบเว็บด้วย

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

จำกฎหมายของ Hick หรือไม่? ที่เข้ามาเล่นที่นี่ แต่ความเรียบง่ายมากกว่าเพียงแค่ จำกัด ตัวเลือก เป็นเรื่องเกี่ยวกับการสร้างการออกแบบโดยรวมที่สะอาดเรียบและลดการรบกวน

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

แอปเปิ้ลเป็นหนึ่งในตัวอย่างที่ยิ่งใหญ่ที่สุดของความเรียบง่ายในการออกแบบเว็บและมีประสิทธิภาพเพื่อให้แบรนด์อื่น ๆ นับไม่ถ้วนได้ปฏิบัติตามเหมาะสม

8. ใช้กฎข้อ 8 วินาที

กฎทั่วไปคือคุณมีเวลาเพียง 8 วินาทีในการดึงดูดความสนใจของผู้เข้าชมเพราะนั่นคือความยาวของช่วงความสนใจของมนุษย์ (ใช่มันสั้นกว่าช่วงความสนใจของปลาทอง!)

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

ต่อไปนี้เป็นเคล็ดลับในการดึงดูดความสนใจและการเพิ่ม Conversion ภายใน 8 วินาทีแรก:

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

9. ระลึกถึงหลักการความคล้ายคลึงกันของ Gestalt

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

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

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

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

ผ่านทาง Chris Lema

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

นี้แน่นอนเป็นที่ดีสำหรับการแปลงโดยเฉพาะเพราะเช่นเรากล่าวว่าในจุดก่อนหน้าคนมีช่วงความสนใจสั้นมาก!

10. ใช้ใบหน้าเพื่อเพิ่มความคุ้นเคย

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

ตรวจสอบว่าได้รวมใบหน้าไว้ในบทความกรณีศึกษาและข้อความรับรองหน้าเลือกใช้และหน้า Landing Page เพื่อเพิ่ม Conversion ของคุณ

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

นี่คือตัวอย่างจาก Melanie Duncan:

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

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

11. ภาพคุณภาพสูงจากแหล่งที่มา

หากมีสิ่งหนึ่งที่สามารถลากคุณภาพของโพสต์บล็อกหรือเนื้อหาบางส่วนได้ภาพที่มีคุณภาพต่ำ

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

โดยเฉพาะคุณควรหลีกเลี่ยงการใช้รูปภาพหุ้นที่ไม่มีชีวิตชีวาซึ่งไม่เกี่ยวข้องและน่าสนใจ การวิจัยจาก Skyword พบว่าหากเนื้อหาของคุณมีภาพที่น่าสนใจคุณจะได้รับคะแนนการดูมากกว่า 94%!

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

นี่คือบางส่วนของสถานที่ที่เราชื่นชอบในการค้นหาการถ่ายภาพสต็อกฟรีที่มีคุณภาพและเป็นส่วนตัว:

  • Pexels
  • เสียชีวิต
  • StockSnap
  • Unsplash
  • Superfamous Studios
  • พื้นที่เชิงลบ
  • Gratisography
  • ภาพเล็ก ๆ น้อย ๆ
  • Picjumbo
  • Kaboompics

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

คุณมีลิงก์การนำทางมากเกินไปหรือไม่ พื้นที่เชิงลบไม่เพียงพอหรือไม่? หรือบางทีคุณอาจไม่มีใบหน้าใด ๆ บนไซต์ของคุณ

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

นอกจากนี้หากคุณชอบบทความนี้คุณอาจต้องการตรวจสอบบทความอื่น ๆ ของเราเกี่ยวกับ 4 เคล็ดลับการออกแบบเพื่อปรับปรุงอัตรา Conversion ของเว็บไซต์

ดูวิดีโอ: . อีสเทิร์นวอเตอร์ผู้นำในการจัดการน้ำสะอาดของประเทศ 25. 60 (3/3)

Like this post? Please share to your friends:
ใส่ความเห็น

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: