แน่นอนว่านักการตลาดทุกคนรู้ดีว่า พวกเขาได้รับปริมาณการเข้าชมมากเพียงใด เนื่องจากข้อมูลดังกล่าวอยู่ใน Analytics นั่นเป็นสาเหตุที่การให้คำแนะนำ เพื่อเพิ่มปริมาณการเข้าชมเป็นเรื่องง่าย
แต่...เคล็ดลับในการออกแบบเว็บไซต์นั้นยาก! ซึ่งมีปัจจัยอยู่มากมาย ในการรับรู้ว่าอะไรจะทำงานได้ดีที่สุด ในบทความนี้เรามีเคล็ดลับการออกแบบเว็บไซต์ เพื่อเพิ่มมูลค่าจากผู้เยี่ยมชมทุกคน
โดยเคล็ดลับเหล่านี้ส่วนใหญ่ได้รับการสนับสนุนจากการวิจัย เหมาะสำหรับนักออกแบบมือใหม่ และนักออกแบบทั่วไป สำหรับธุรกิจขนาดเล็กและองค์กรขนาดใหญ่ เพื่อเป็นการไม่ขยายความมากจนเกินไป เราไปทำความเข้าใจสิ่งเหล่านี้กันเลยดีกว่าครับ
หมายเหตุ: ในบทความนี้เป็นเพียงการสรุปจากงานวิจัยมาเพียงเท่านั้น เพื่อไม่ให้เนื้อหายาวมากจนเกินไป และเพื่อให้เข้าใจในเวลาเพียงสั้นๆ
เค้าโครงโครงสร้างของเว็บไซต์
สำหรับเว็บไซต์นั้นมี 2 สิ่งคือ containers กับ content และ containers นั้นมี 2 สิ่งคือ structure และ style เริ่มจากอันแรกกันก่อน เคล็ดลับเหล่านี้เกี่ยวกับโครงสร้างและเค้าโครงของเพจ
1. ใช้ประโยชน์จากลำดับชั้นภาพ
ลำดับชั้นของภาพหมายถึง การจัดเรียง ขนาด สี และ contrast ขององค์ประกอบภาพ โดยจะกำหนดความโดดเด่นและลำดับการมองเห็นด้วยตามนุษย์ ฉะนั้นลำดับชั้นที่มองเห็นจึงเป็นสาเหตุ ที่ดวงตาของเราติดตามเส้นทางที่แน่นอนในทุกหน้าที่เราเยี่ยมชมบนอินเทอร์เน็ต เมื่อใช้งานอย่างจงใจ ซึ่งมันจะดึงความสนใจของผู้เข้าชมผ่านชุดข้อความ ไปสู่คำกระตุ้นการตัดสินใจนั่นเองละครับ
2.ใช้พาดหัวที่เน้นคำอธิบายและเน้นวลีเป็นหลักในหน้าแรก
พาดหัวที่ด้านบนของหน้าแรก (และทุกหน้า) มีทั้งคำอธิบายหรือไม่ก็ได้ ถ้าไม่ ผู้เยี่ยมชมอาจไม่สามารถตอบคำถามแรกได้: “ฉันมาถูกที่แล้วหรือเปล่า” ฉะนั้นควรใช้วลีเป้าหมายและระบุความเกี่ยวข้อง แทนที่จะเขียนพาดหัวที่หรูหราแต่คลุมเครือ ให้เขียนข้อความที่สื่อความหมาย และตรวจสอบให้แน่ใจว่าเราได้อธิบายสิ่งที่บริษัททำในระดับสูง ในหน้าครึ่งหน้าบนหรือไม่
3. แต่อย่าให้คำกระตุ้นการตัดสินใจทั้งหมดของเราอยู่ด้านบนสุด
Chartbeat ได้วิเคราะห์การเข้าชม 25 ล้านครั้ง พวกเขาพบว่า การมีส่วนร่วมส่วนใหญ่เกิดขึ้นครึ่งหน้าล่าง เนื้อหาที่อยู่ด้านบนอาจมองเห็นได้ ไม่จำเป็นต้องเป็นสถานที่ที่มีประสิทธิภาพมากที่สุดในการใส่คำกระตุ้นการตัดสินใจ ดังนั้นควรตรวจสอบให้แน่ใจว่า ได้ใส่คำกระตุ้นการตัดสินใจลงไปด้านล่างของหน้า ในตำแหน่งใดก็ตามที่มีแนวโน้มว่าจะได้รับความสนใจสูงนะครับ
4. ทำให้เป็นหน้าสูง ตอบคำถามของผู้เยี่ยมชมของเราทั้งหมด
จำนวนพิกเซลที่มากขึ้นหมายถึง พื้นที่ในการตอบคำถาม จัดการกับข้อโต้แย้ง และเพิ่มหลักฐานสนับสนุนมากขึ้น หากผู้เยี่ยมชมไม่พบคำตอบสำหรับคำถามที่สำคัญ พวกเขาสามารถเลื่อนหน้าลงไปด้านล่างได้ เมื่อพวกเขาพอใจแล้ว พวกเขาก็จะหยุดอ่าน นี่คือที่มาของการศึกษาอันโด่งดังจาก Crazy Egg พวกเขาสำรวจผู้ชม และค้นพบคำถามและข้อกังวลยอดนิยม และสร้างเพจสูงที่ตอบทุกอย่าง โดยมีหน้ายาวขึ้น 20 เท่า อัตราการแปลงเพิ่มขึ้น 30% เลยทีเดียว
5. แสดงทีละสิ่ง (แสดงทีละอย่าง)
“กระผม, ผม, ฉัน, หนู, เรา ชอบการออกแบบที่สะอาดตาและทันสมัย” นั่นคือสิ่งที่ลูกค้าส่วนใหญ่บอกเราเมื่อเราเริ่มโปรเจกต์ออกแบบเว็บไซต์ พวกเขามักจะอ้างถึงเว็บไซต์ของ Apple เป็นตัวอย่าง ซึ่งผู้เข้าชมไม่ชอบความยุ่งเหยิง เราชอบช่องว่าง กล่าวอีกนัยหนึ่ง เราชอบความซับซ้อนของการมองเห็นต่ำ (เนื่องจากพวกเขาเรียนรู้ว่าการออกแบบที่ซับซ้อนมากขึ้น มักถูกมองว่าสวยงามน้อยลง) ดังนั้นเลยตัดเรื่องวุ่นวายออกไป กำหนดให้ 1 ใน 2 องค์ประกอบเป็นจุดโฟกัสที่ความลึกของการเลื่อนแต่ละอันนะครับ
6. ยึดติดกับเค้าโครงมาตรฐาน
การศึกษาเดียวกันนั้นโดย Google พบว่า "ต้นแบบสูง" มีความสัมพันธ์กับความงามที่รับรู้ด้วย กล่าวอีกนัยหนึ่ง ความแปลกมักจะไม่สวย เว็บไซต์ที่เป็นไปตามมาตรฐานการออกแบบเว็บไซต์ มีแนวโน้มที่จะได้รับความรักมากกว่า โดยไซต์ที่ถือว่าสวยงามที่สุดนั้นมีทั้งต้นแบบสูงและความซับซ้อนของการมองเห็นต่ำ ทั้งเรียบง่ายและสะอาดตา จากการวิจัยสิ่งเหล่านี้คือองค์ประกอบมาตรฐานสำหรับเว็บไซต์ โดยเว็บไซต์ “มาตรฐาน” ที่มีต้นแบบสูงประกอบด้วย
1. โลโก้ด้านซ้ายบน
2. การนำทางแนวนอนในส่วนหัว
3. แถบค้นหาที่ด้านบน
4. ไอคอนโซเชียลที่ด้านล่าง
5. การออกแบบที่ตอบสนองมือถือ
7. พื้นหลังสร้างความสับสน และความหงุดหงิด
ใช้ความระมัดระวังในการเลือกสีพื้นหลังสำหรับบล็อกหน้า เพื่อความปลอดภัย ให้เลือกรูปแบบเพียงเล็กน้อยหรือใช้สีขาวหรือสีเทาอ่อนเสมอ จากนั้นเปลี่ยนเป็นสีเทาเข้มหรือสีดำในส่วนท้าย
8. หลีกเลี่ยง carousels และ rotating sliders
มีการศึกษาจำนวนมากที่ได้ข้อสรุปเดียวกัน ข้อความในสไลด์ต่อๆ ไปมีแนวโน้มที่จะถูกมองเห็นน้อยลง และไม่น่าจะมีการคลิกคำกระตุ้นการตัดสินใจ เนื่องจากลูกค้ามีปัญหากับสไลด์โชว์หน้าแรก: ผู้เยี่ยมชมอาจเห็นเฉพาะสไลด์แรกเท่านั้น วิธีแก้คือ
1. ซ้อนสไลด์เพื่อให้ผู้เยี่ยมชมสามารถดูแต่ละสไลด์ได้โดยการเลื่อนหน้าลง พวกเขาจะมองเห็นได้มากขึ้นทันที
2. ใช้รูปภาพเด่น โดยใช้สไลด์ที่มีอิทธิพลมากที่สุดเพียงสไลด์เดียวเป็นพระเอก กระตุ้นให้เกิดการกระทำที่ดี!
9. หลีกเลี่ยง tabs และ accordions
เมื่อทราบว่าผู้เยี่ยมชมเว็บไซต์มากถึง 76% กำลังสแกน เราสามารถทำให้เนื้อหาของเราปรากฏต่อพวกเขามากขึ้นโดยเปิดเผยเนื้อหาทั้งหมดโดยไม่จำเป็นต้องคลิกเพื่อเปิดเผยบางสิ่ง หาก tabs และ accordions ที่ขยายได้มีประสิทธิภาพ เราอาจจะพบเห็นมันใน Amazon ฉะนั้น โปรดจำไว้ว่าการเลื่อนจะเร็วและง่ายกว่าการคลิก หากผู้เยี่ยมชมต้องเล็งและคลิกหรือกดแท็บ เพื่อดูบางสิ่งบางอย่าง พวกเขามีโอกาสน้อยที่จะเห็นสิ่งนั้น
รูปภาพ
มาดูภาพกันดีกว่า เคล็ดลับเหล่านี้มีไว้สำหรับรูปภาพบนหน้าเว็บโดยเฉพาะ
10. ใช้รูปภาพคน
ใบหน้าเป็นภาพที่ทรงพลังไม่ซ้ำใคร ซึ่งพลังแม่เหล็กของรูปภาพบุคคลมีประโยชน์มากในการออกแบบเว็บไซต์ ใบหน้าไม่เพียงดึงดูดความสนใจเท่านั้น แต่ยังสัมพันธ์กับการเปลี่ยนใจเลื่อมใสอีกด้วย โดยกรณีศึกษาที่มีชื่อเสียงของ Basecamp แสดงให้เห็นผลลัพธ์ที่เพิ่มขึ้นอย่างมากเมื่อมีการรวมใบหน้าและคำรับรองในหน้าการขาย ดังนั้นบริษัทควรพยายามทำตัวเป็นส่วนตัวและเป็นมนุษย์มากขึ้น
อย่างไรก็ตามยังมีผลการวิจัยอีกมากมาย ที่แสดงให้เห็นถึงการออกแบบเว็บไซต์ที่ได้ประสิทธิภาพ และแม่นยำมากยิ่งขึ้น มีดังต่อไปนี้.
11. หลีกเลี่ยงภาพสต็อกของผู้คน: เนื่องจากผู้เยี่ยมชมให้ความสำคัญกับความเป็นจริงมากกว่า พวกเขาอยากเห็นคนจริงๆ ที่ทำงานอยู่ในบริษัทมากกว่า
12. ใช้ใบหน้าเป็นตัวชี้นำภาพ: นักวิจัย James Breeze แสดงการออกแบบต่อคน 106 คน เขาได้แสดงให้เห็นถึงพลังของใบหน้าที่อยู่ในตำแหน่งที่ดี พวกเขามีอำนาจในการดึงความสนใจของผู้เยี่ยมชมไปยังองค์ประกอบอื่นๆ
13. ใช้ลูกศรเป็นตัวชี้นำภาพ
14. ใช้สีเพื่อดึงความสนใจของผู้เข้าชมต่อคำกระตุ้นการตัดสินใจ
การนำทางและลิงก์
15. มีคำอธิบาย: การนำทางมักจะมองเห็นได้ชัดเจนเสมอ ดังนั้นจึงเป็นโอกาสในการสื่อสาร ผู้เยี่ยมชมมักเริ่มต้นการเยี่ยมชมด้วยการสแกนส่วนหัว อะไรก็ตามที่อยู่ที่นั่น รวมถึงเมนูของเรา มักจะถูกมองเห็นได้ชัดเจน
16. วาง Home ไว้ทางซ้าย แต่นอกเหนือจากนั้นอย่ากังวลกับลำดับรายการเมนูมากนัก: หากเรามีโฮมลิงก์ ให้วางไว้ทางด้านซ้าย เป็นสถานที่ที่พบได้บ่อยที่สุด และสำหรับรายการเมนูอื่นๆ การวิจัยแสดงให้เห็นว่าลำดับไม่ได้สำคัญขนาดนั้น ดังนั้นอย่าใช้เวลามากมายกังวลเรื่องลำดับรายการในเมนูของเรา
17. ระมัดระวังในการเชื่อมโยงจากหน้าบริการไปยังโพสต์ในบล็อก: หากผู้เยี่ยมชมอยู่ในหน้าบริการ เป้าหมายคือการแปลงพวกเขาให้กลายเป็นลูกค้าเป้าหมายนะ
18. โปรดใช้ความระมัดระวังในการลิงก์ไปยังสิ่งใดๆ ก็ตามบนเว็บไซต์อื่น
19. หลีกเลี่ยงการใช้ไอคอนโซเชียลมีเดียในส่วนหัวของเว็บไซต์ของเรา
การเขียน
20. เขียนหัวข้อย่อยที่มีความหมาย
21. หลีกเลี่ยงย่อหน้ายาวและความยาวบรรทัดยาว
22. หลีกเลี่ยงศัพท์แสง ใช้คำง่ายๆ
23. ลำดับรายการและ "เอฟเฟกต์ตำแหน่งอนุกรม": เมื่อเรียงลำดับรายการใดๆ ในสำเนาของเรา ให้วางสิ่งสำคัญไว้ที่จุดเริ่มต้นและจุดสิ้นสุด
24. ควรมีพื้นที่ตอบคำถามยอดนิยมของผู้เยี่ยมชม
25. เพิ่มหลักฐานและหลักฐานทางสังคม (เช่นผลงาน คำวิจารณ์ ฯลฯ)
26. เพิ่มประสิทธิภาพแบบฟอร์มลงทะเบียนอีเมลสำหรับสมาชิก
เป็นมากกว่าเว็บไซต์ที่สวยงาม
ทุกคนรักความงาม ทุกคนชื่นชอบคุณสมบัติการออกแบบใหม่สุดเจ๋ง ทุกคนเป็นนักวิจารณ์ แต่ในฐานะผู้มาเยือน เราต้องการมากกว่าความสวยงาม เราต้องการข้อมูล และในฐานะเจ้าของเว็บไซต์ เราต้องการผลลัพธ์
ซึ่งการศึกษา 2 เรื่องที่มีการค้นพบเดียวกัน ประการแรกคือการสำรวจโดย Hubspot ที่แสดงให้เห็นว่าผู้เยี่ยมชมให้ความสำคัญกับข้อมูลที่ค้นหาได้ง่าย มากกว่าการออกแบบที่สวยงามหรือ UX ที่หรูหรา
อย่างไรก็ตามเว็บไซต์ควรจะสวยงาม พวกเขาควรมีผลกระทบต่อภาพหรืออารมณ์ต่อผู้เข้าชม แต่...ความสำเร็จของเว็บไซต์ของเรามีมากกว่าความสวยงาม มันเกี่ยวกับการช่วยให้ผู้เยี่ยมชมค้นพบสิ่งที่พวกเขาต้องการ "นั่นคือหัวใจสำคัญของทุกเคล็ดลับในบทความนี้ และนี่คือจุดประสงค์ที่แท้จริงของการออกแบบเว็บไซต์"
สรุป
หัวใจสำคัญของความสำเร็จของเว็บไซต์ของเราคือ “การช่วยให้ผู้เยี่ยมชมค้นพบสิ่งที่พวกเขาต้องการ” ส่วนเรื่องความสวยงามคือเรื่องรองลงมา โดยพวกเขาควรมีผลกระทบต่อภาพหรืออารมณ์ต่อผู้เข้าชม อย่างไรก็ตาม ในทุกขั้นตอนนั้นสำคัญหมด ถ้าเราเข้าใจมันอย่างลึกซึ้ง
หวังว่าบทความนี้จะเป็นประโยชน์สำหรับผู้อ่านได้ไม่มากก็น้อย ถ้าหากผิดพลาดประการใดต้องขออภัยไว้ ณ โอกาสนี้ด้วยครับ
#การเพิ่มประสิทธิภาพเว็บไซต์ด้วย SEO
---Wynnsoft Solution รับทำเว็บไซต์ รับทำ SEO รับทำการตลาดออนไลน์ รับทำโฆษณา Facebook รับทำเว็บไซต์ ขอนแก่น และรับทำเว็บไซต์ทั่วประเทศ—
ข้อมูลจาก: orbitmedia