7 User Experience ชนะอย่างรวดเร็วเพื่อปรับปรุงเว็บไซต์ของคุณ 30 ส.ค. 2016

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

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

---

เริ่มการทดลองใช้ ฟรี ของคุณ!

ลอง Mopinion ตอนนี้

• รวบรวมคำติชมไม่ จำกัด
• ■
• ทดลองใช้ฟรี 14 วัน

---

เคล็ดลับ 1: เวลาในการโหลดหน้า

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

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

โฮสติ้ง
คุณอาจคิดว่า: คุณสามารถทำอะไรกับมันได้บ้าง? ขั้นตอนแรกคือตรวจสอบว่าคุณมีแบนด์วิดท์เพียงพอหรือไม่ ดูโซลูชันโฮสติ้งที่ยืดหยุ่นและปรับขนาดได้ เช่น คลาวด์โฮสติ้งโดย Amazon หรือ Rackspace ทำแผนที่ฟิลด์ที่คุณมีจำนวนผู้เข้าชมมากที่สุด และตรวจสอบให้แน่ใจว่าคุณกำลังใช้เครื่องมือตรวจสอบที่ถูกต้องในพื้นที่นั้น เช่น Pingdom หรือ Google Pagespeed ให้แน่ใจว่าคุณรู้ว่าคุณกำลังพูดถึงอะไรเมื่อคุณพบกับแผนกไอที...

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

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

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

เคล็ดลับ 2: ขั้นตอนการเข้าสู่ระบบ

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

ความคิดเห็นส่วนใหญ่ที่เราดำเนินการ (ประมาณ 5%) มาจากหน้าที่เกี่ยวข้องกับขั้นตอนการเข้าสู่ระบบ

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

หยุดโหลดซ้ำ
การใช้การตรวจสอบความถูกต้องในส่วนหน้าอาจช่วยให้ใช้งานได้ง่ายขึ้น (ดังนั้นจึงไม่ใช่การรวบรวมข้อมูลผ่านเซิร์ฟเวอร์/ฐานข้อมูล แต่ในเบราว์เซอร์โดยตรง เช่น ผ่าน Javascript และ/หรือ Ajax) ข้อดีคือไม่ต้องโหลดหน้าซ้ำ ตัวอย่าง: ลูกค้าที่พิมพ์ "[email protected]" โดยไม่ได้ตั้งใจแทนที่จะเป็น ".com" เป็นที่อยู่อีเมล

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

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

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

เคล็ดลับ 3: แบบฟอร์ม

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

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

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

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

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

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

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

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

เคล็ดลับ 4: การค้นหาหน้าหรือข้อมูลที่ถูกต้อง

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

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

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

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

เคล็ดลับ 5: ข้อความไม่ชัดเจน

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

ผู้คนกำลังมองหาข้อมูลบนเว็บไซต์ของคุณโดยมีเป้าหมายในใจ เป้าหมายนั้นมักจะเป็นการหาคำตอบของคำถาม

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

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

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

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

เคล็ดลับ 6: แมลงทุกที่

เลวมาก. บั๊กไม่สามารถหลีกเลี่ยงได้ พวกเขาจะหาทางแอบเข้ามาเสมอ….

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

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

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

เคล็ดลับ 7: มือถือก่อน?

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

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

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

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

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

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

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

เคล็ดลับสุดท้าย: เบราว์เซอร์มือถือสามารถทดสอบได้อย่างสมบูรณ์แบบด้วย Browserstack ที่กล่าวถึงก่อนหน้านี้

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