เริ่มต้นใช้งาน

เรื่องสำคัญ 3 อันดับแรกที่ฉันควรรู้เมื่อสร้างเว็บไซต์สำหรับอุปกรณ์เคลื่อนที่คืออะไร

1. ทำให้ลูกค้าใช้งานง่าย

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

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

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

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

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

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

3. เลือกเทมเพลต ธีม หรือการออกแบบสำหรับอุปกรณ์เคลื่อนที่ที่สอดคล้องกันในอุปกรณ์ทั้งหมด (เช่น ใช้การออกแบบเว็บที่ตอบสนองตามอุปกรณ์)

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

เว็บไซต์ที่ปรับเปลี่ยนตามอุปกรณ์จะปรับการแสดงผลตามขนาดหน้าจอต่างๆ ในขณะที่ใช้ URL และโค้ดชุดเดียวกัน อุปกรณ์ทั้ง 3 ประเภทข้างต้นใช้ www.example.com (แทนที่จะมีหน้าในมือถือที่ m.example.com และหน้าในแท็บเล็ตที่ t.example.com)

"การใช้การออกแบบเว็บที่ตอบสนองตามอุปกรณ์ช่วยให้ Baines & Ernst ปรับประสบการณ์ใช้งานเว็บไซต์ของตนให้เหมาะกับขนาดหน้าจอที่แตกต่างกันได้โดยไม่ต้องสร้างเว็บไซต์ขึ้นหลายแห่ง บริษัทพบว่ามีการเข้าชมหน้าเว็บจำนวนมากขึ้น 11% ต่อการเข้าชมแต่ละครั้ง และ Conversion อุปกรณ์เคลื่อนที่เพิ่มขึ้น 51%"

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

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

ข้อผิดพลาด 3 อันดับแรกที่ผู้เริ่มต้นต้องหลีกเลี่ยงคืออะไร

ข้อผิดพลาดอันดับ 1 - ลืมลูกค้าที่ใช้อุปกรณ์เคลื่อนที่

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

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

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

ข้อผิดพลาดอันดับ 3 - ทำงานอย่างโดดเดี่ยวแทนที่จะมองหาแรงบันดาลใจรอบๆ ตัว

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