7 แนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบการนำทางบนมือถือ

เผยแพร่แล้ว: 2016-04-19

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

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

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

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

การนำทางมือถือ

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

best-practices-mobile-navigation-clutter

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

ต่อไปนี้คือเคล็ดลับแนวทางปฏิบัติที่ดีที่สุด 7 ข้อสำหรับการนำทางบนอุปกรณ์เคลื่อนที่อย่างมีประสิทธิภาพ

1. เก็บเมนูให้สั้นและหวาน

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

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

best-practices-mobile-navigation-menus

2. รวมปุ่มค้นหาที่โดดเด่น

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

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

3. ตรวจสอบให้แน่ใจว่าง่ายต่อการกลับไปที่หน้าแรก

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

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

4. ทำให้ CTA ชัดเจน

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

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

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

5. พิจารณาว่าคุณต้องการไอคอนแชร์หรือไม่

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

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

best-practices-mobile-navigation-icons

6. เก็บโปรโมชั่นให้น้อยที่สุด

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

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

7. ทำให้ไซต์เป็นแบบสัมผัสได้ง่าย

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

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

best-practices-mobile-navigation-touch-friendly . แนวทางปฏิบัติที่ดีที่สุด

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

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

คุณใช้เคล็ดลับและลูกเล่นอะไรบ้างสำหรับการนำทางบนมือถือที่ลื่นไหลและเป็นธรรมชาติ เราพลาดเรื่องสำคัญไปหรือเปล่า? บอกเราด้านล่าง!