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

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

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

ในบทความนี้ เราได้รวบรวมหลักการพื้นฐานและเคล็ดลับที่จะช่วยคุณในงานนี้

ตรวจสอบให้แน่ใจว่าการออกแบบเว็บของคุณตอบสนองและเหมาะกับอุปกรณ์เคลื่อนที่

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

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

ให้ทางเลือกน้อยลงตามกฎหมายของฮิค

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

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

เพิ่มประตูเว็บไซต์แบบเต็มหน้าจอ

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

วางจุดที่สำคัญที่สุดบนทางแยก

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

เพิ่มประสิทธิภาพความเร็วในการโหลดเว็บไซต์ของคุณ

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

ใช้พื้นที่เชิงลบเพื่อให้ได้ผลลัพธ์ที่เป็นบวก

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

เลือกสีที่เหมาะสมเพื่อสร้างความสัมพันธ์ที่เหมาะสม

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

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

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

ใช้รูปภาพขนาดใหญ่หนึ่งภาพแทนรูปภาพขนาดเล็กหลายรูป

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

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

กำจัดทุกสิ่งที่ไม่เกี่ยวข้องกับการออกแบบ

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

ใช้ใบหน้าและหลักฐานทางสังคมอื่นๆ

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

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

ลดความซับซ้อนในการนำทางของคุณ

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

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

รวมตัวนับความสำเร็จ

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

สร้างความประทับใจให้กับการขาดดุลเทียม

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

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

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

ลดจำนวนขั้นตอนที่จำเป็น

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

ดังนั้น คุณต้องแน่ใจอีกครั้งว่าข้อมูลหรือผลิตภัณฑ์ที่เขาต้องการนั้นอยู่ห่างออกไปไม่เกินสามคลิก

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

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

ลดการป้อนข้อมูลของผู้ใช้

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

บทสรุป

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