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

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

การออกแบบเว็บที่ดีเป็นมากกว่า UX

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

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

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

ในการเริ่มต้นใช้งาน ต่อไปนี้คือ "เคล็ดลับ" ห้าข้อในการออกแบบเนื้อหาที่จะแปลง

1. ทิ้งข้อความจำลอง

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

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

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

2. ทำแผนผังเว็บไซต์ก่อนถึงเว็บไซต์

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

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

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

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

3. มีคำกระตุ้นการตัดสินใจที่ชัดเจน

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

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

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

4. ตรวจสอบให้แน่ใจว่าพาดหัวข่าวได้ดี

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

หากความรับผิดชอบในการสร้างพาดหัวข่าวและข้อความ H1 อื่นๆ ในการออกแบบนั้นตกอยู่บนบ่าของคุณ คุณต้องฝึกฝนทักษะการเขียนพาดหัวข่าวของคุณ แหล่งข้อมูลที่ฉันชอบสองอย่างคือโพสต์เคล็ดลับด่วนจาก Copyblogger และ Headline Hacks PDF ฟรีจาก Jon Morrow แหล่งข้อมูลทั้งสองนี้ได้รับการพัฒนาสำหรับนักเขียน แต่ได้นำเสนอพื้นฐานของการเขียนหัวข้อข่าวที่ดี ในแบบที่ใครก็ตามที่เชี่ยวชาญด้านภาษาอังกฤษสามารถซึมซับและนำไปใช้ได้ทันที

5. ใช้รูปภาพที่หลากหลายเพื่อจับภาพและดึงดูดความสนใจ

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

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

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

กุญแจที่จะคัดลอกที่แปลง

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