6 เคล็ดลับเพื่อปรับร้านค้าของคุณให้เหมาะสมกับมือถือ

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

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

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

ในการทดสอบประสบการณ์ร้านค้าของคุณ ให้ทำดังนี้

1. คลิก พรีวิว > แชร์พรีวิวในตัวสร้างร้านค้า

2. คัดลอกลิงก์แสดงตัวอย่าง

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

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

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

ตรวจสอบร้านค้าของคุณบนอุปกรณ์มือถือเพื่อยืนยันว่าเนื้อหาปรากฏตามลำดับที่ต้องการ

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

ด้วยเหตุนี้ โปรดตระหนักถึงประเด็นต่าง ๆ ต่อไปนี้สำหรับรูปภาพส่วนหัวบนมือถือ

• ลองจำกัดจำนวนสินค้าบนส่วนหัวให้เหลือเพียง 3 รายการ ยิ่งคุณแสดงสินค้าในส่วนหัวมากเท่าใด หน้าจอมือถือก็จะยิ่งดูรกมากขึ้นเท่านั้น
• ข้อความในส่วนหัวควรมีความยาวไม่เกิน 30 ตัวอักษร เพื่อให้คุณสามารถเพิ่มขนาดข้อความให้อ่านได้ง่ายบนมือถือโดยไม่ทำให้ส่วนหัวดูรก สำหรับกรณีนี้ เราขอแนะนำฟอนต์ Arial ขนาดต่ำสุด 90pt แบบอักษรปกติหรือเทียบเท่า

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

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

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

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

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

¹ข้อมูลภายใน Amazon, WW, 2021