Deprecated: Function _get_path_to_translation is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413

Deprecated: Function _get_path_to_translation_from_lang_dir is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413

Deprecated: Function _get_path_to_translation is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413

Deprecated: Function _get_path_to_translation_from_lang_dir is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413
6 ข้อสำคัญที่ห้ามพลาด ในการออกแบบ Mobile Site (เว็บมือถือ) | Think Studio BKK
Deprecated: Function _get_path_to_translation is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413

Deprecated: Function _get_path_to_translation_from_lang_dir is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413

Deprecated: Function _get_path_to_translation is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413

Deprecated: Function _get_path_to_translation_from_lang_dir is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413

Deprecated: Function _get_path_to_translation is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413

Deprecated: Function _get_path_to_translation_from_lang_dir is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413

Deprecated: Function _get_path_to_translation is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413

Deprecated: Function _get_path_to_translation_from_lang_dir is deprecated since version 6.1.0! Use WP_Textdomain_Registry instead. in /home/customer/www/thinkstudiobkk.com/public_html/wp-includes/functions.php on line 5413

Post Single Page

6 ข้อสำคัญที่ห้ามพลาด ในการออกแบบ Mobile Site (เว็บมือถือ)

ในปี 2018 คนจำนวนกว่า 90% บนโลกนี้ หันมาใช้มือถือในการค้นหาข้อมูลมากกว่าการใช้ Desktop หรือ Notebook  ผมเชื่อว่า ทุกวันนี้ คุณใช้งานมือถือมากกว่า 50-80 ครั้งต่อวัน แม้แต่เวลาที่คุณต้องการจะค้นหาข้อมูลใน google คุณก็หยิบมือถือขึ้นมาเป็นอย่างแรก ถูกต้องไหมครับ?

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

  1. เมนูบนเว็บไซต์
    แถบเมนูควรแสดงให้เห็นชัดเจน และสามารถลิงค์ไปยังหน้าอื่นๆในเว็บไซต์ได้
    Clear navigation is best practice
    Source: Luke Wroblewski, Posted on: https://www.smashingmagazine.com/2017/05/basic-patterns-mobile-navigation/

  2. Form กรอกข้อมูล
    การกรอกข้อมูลในขั้นตอนการสั่งซื้อสินค้าหรือการจ่ายเงิน ไม่ควรมีช่องสำหรับกรอกข้อมูลเยอะมากเกินไป เพราะจะทำให้ลูกค้าหงุดหงิดหรือยกเลิกการทำรายการได้ ควรถามแต่เฉพาะข้อมูลที่จำเป็นเท่านั้น
    Best Practices for Mobile FormsSource: Best Practices When Designing forms on Mobile
  3. เว็บไซต์ต้องโหลดเร็วสิ่งที่ห้ามพลาดเด็ดขาด คือ การทำให้เว็บสามารถโหลดได้เร็วภายใน “3 วินาที” ยกตัวอย่างนะครับ อย่างเช่น บนรถไฟฟ้า ที่ทุกคนต่างกำลังใช้โทรศัพท์เพื่อค้นหาข้อมูลในเว็บไซต์ทั่วๆไปอยู่ หากเว็บนั้นไม่สามารถโหลดขึ้นมาได้ภายใน 3 วินาที คนจำนวนกว่า 90% มักจะปิดหน้าเว็บนั้นไป และจะไม่กดกลับเข้าไปอีก เพราะฉะนั้นอย่าทำให้ลูกค้าของคุณต้องมานั่งรอ เพราะเค้าอาจจะเปลี่ยนใจไปจากหน้าเว็บไซต์ของคุณได้
    Fast loading site reduces bounce rateSource: Why you should care about mobile page speed 
  4. สร้างปุ่มกดให้ดึงดูดต้องออกแบบปุ่มกดให้เด่นชัด ทั้งขนาด สี และตัวหนังสือที่ชัดเจน เพื่อบ่งบอกว่าปุ่มนี้มีไว้ทำอะไร ที่สำคัญปุ่มนั้นๆ ต้องสามารถเห็นได้ชัดเจนบนหน้าจอโทรศัพท์มือถือTouch target on mobile is important
    Source: How to design better buttons?
  5. ห้ามแสดง Banner โฆษณาตั้งแต่วินาทีแรกที่เว็บโหลดขึ้นมา
    นั่นเป็นการทำให้ข้อมูลหรือสิ่งที่น่าสนใจบนเว็บไซต์ถูกปิดกั้น โดยที่ลูกค้าต้องกดปิด Popup ต่างๆเหล่านั้นก่อน ถึงจะสามารถเข้าไปดูเว็บไซต์ของคุณได้
    Popups are bad on mobile
    Source: Mistakes about advertising popup on website
  6. เว็บต้องมีโครงสร้างการจัดการข้อมูลที่ดี
    ควรใช้ Content แบบวีดีโอหรือรูปภาพ มากกว่าข้อความในการสื่อสารเกี่ยวกับแบรนด์ของคุณ เพราะในปัจจุบัน Google มักจะแสดงผลของการค้นหาออกมาเป็นรูปภาพมากกว่าBest content structure practice for mobile websitesSource: What makes a mobile site really good?

จะรู้ยังไงว่าเว็บของคุณดีสำหรับมือถือหรือยัง? ควรใช้เครื่องมือ อันนี้ Mobile Friendly Test by Google.

เร็ว, ใช้ง่าย, อ่านง่าย, น่าเชื่อถือ.. คือข้อสรุป

เลือกบริการที่สนใจ