การออกแบบเว็บไซต์ E-Store: การสร้างเคสสำหรับการพิมพ์

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

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

คำตอบคือ 'ใช่' - และบทความนี้จะพิสูจน์ความจริงข้อนี้กับคุณ!

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

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

ดังนั้น มาดูสาระสำคัญของการออกแบบตัวอักษรเพื่อทำความเข้าใจความสำคัญและผลกระทบที่มีต่อยอดขาย e-store:

วิชาการพิมพ์: มันคืออะไรกันแน่?

นี่คือคำจำกัดความ Wiki:

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

ผลกระทบของการพิมพ์ต่อประสบการณ์ของผู้ใช้

วิชาการพิมพ์พูดกับผู้เยี่ยมชมของคุณ

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

มีการศึกษาวิจัยที่พิสูจน์ว่าแบบอักษรมีผลกระทบอย่างมากต่อวิธีที่เราประมวลผลข้อมูล งานวิจัยชิ้นหนึ่งดำเนินการโดย Errol Morris ผู้สร้างภาพยนตร์สารคดีเจ้าของรางวัลออสการ์และหัวข้อว่า “คุณเป็นคนมองโลกในแง่ดีหรือมองโลกในแง่ร้ายหรือเปล่า” ในการศึกษาที่น่าสนใจนี้ เขาค้นพบว่าผู้อ่านมีแนวโน้มที่จะเชื่อถือคำกล่าวหากเขียนด้วยฟอนต์ Baskerville มากกว่าการนำเสนอในฟอนต์อื่นๆ เช่น Georgia, Comic Sans, Computer Modern, Helvetica หรือ Trebuchet

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

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

ผลกระทบของการพิมพ์บน Google Rankings

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

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

สตีฟ จ็อบส์ รับงานวิชาการพิมพ์

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

ปัจจัยที่ต้องพิจารณาก่อนเลือกวิชาการพิมพ์

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

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

ตัวอย่างเช่น บริษัท B2B ต้องใช้ฟอนต์เช่น sans serif ซึ่งช่วยให้พวกเขาได้รับความเคารพและไว้วางใจในพื้นที่ดิจิทัล ตัวอย่างเช่น Yapstone ผู้ให้บริการชำระเงินออนไลน์ใช้แบบอักษร Gotham ซึ่งทำให้แบรนด์มีภาพลักษณ์ที่น่าเชื่อถือ Gotham ยังถูกใช้ในสื่อรณรงค์หาเสียงให้กับ Barack Obama ในการเลือกตั้งประธานาธิบดีปี 2008

ที่มา: Yapstone.com

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

ที่มา: Childrensplace.com

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

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

องค์ประกอบการพิมพ์

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

สี:

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

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

ที่มา: Monetate.com

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

ความยาวบรรทัดและระยะห่างระหว่างบรรทัด:

เส้นที่ยาวหรือสั้นเกินไปจะไม่ดูสวยงาม ความยาวบรรทัดเฉลี่ยคือ 45-90 อักขระซึ่งรวมถึงช่องว่าง

ระยะห่างบรรทัดคือระยะห่างระหว่างข้อความสองบรรทัด ระยะห่างบรรทัดที่แนะนำอยู่ระหว่าง 120% ถึง 145% ของขนาดฟอนต์

ช่องว่าง:

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

ใช้ช่องว่างอย่างเหมาะสมเพื่อทำให้หน้าผลิตภัณฑ์ของคุณดูสวยงาม

ขนาดตัวอักษรและประเภท:

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

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

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

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

เช่น จาก 3 แบบอักษรต่อไปนี้ คุณคิดว่าร้านแพทย์ออนไลน์จะดูน่าเชื่อถือและน่าเชื่อถือแค่ไหน?

ไม่ยากเลยที่จะคาดเดาว่านักออกแบบเว็บไซต์ทางการแพทย์ของ e-store จะเลือกใช้แบบอักษร Arial

ประเมินประสิทธิภาพการพิมพ์ของคุณ

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

วิธีที่ดีที่สุดที่จะทราบว่าแบบอักษรที่เลือกใช้ได้กับ e-store ของคุณหรือไม่ คือทำการทดสอบแยก A/B เจ้าของร้านค้า e-store จำนวนมากอ้างว่าพวกเขาไม่มีเวลาทำการทดสอบการพิมพ์ เหมือนกับพูดว่า “ฉันไม่มีเวลาแวะเติมน้ำมันเพราะฉันยุ่งกับการขับรถ” ใช่ไหม (การเปรียบเทียบที่นำมาจากหนังสือขายดีของโรบิน ชาร์มา – 'พระที่ขายเฟอร์รารีของเขา') ในที่สุดคุณจะต้องจ่ายในราคานั้น และเมตริกที่ได้รับผลกระทบจะเป็น – จำนวนผู้เข้าชม อัตราตีกลับ และอัตรา Conversion

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

ห่อมันขึ้น

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

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

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

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