สร้างเว็บไซต์ฟรีด้วยตัวเอง > คุณลักษณะ > เว็บมือถือ

ความแตกต่างระหว่าง Mobile App, Mobile Site และเว็บแบบ Responsive

       อย่างที่เราๆ รู้กันว่า ตอนนี้ มือถือ/tablet เป็นปัจจัยที่ 5 ที่เราๆทุกคนจะต้องมีและธุรกิจเองพยายามตอบโจทย์ความต้องการให้กับผู้บริโภคในการหาข้อมูล และอุปกรณ์นี้นี่เองที่มีบทบาทมากๆนอกจาก   Website เมื่อก่อนเรามีแค่นี้ก็พอแล้ว แต่ในยุคนี้ไม่พอต้องการมีการออกแบบเวปไซค์ให้สอดคล้องกับการใช้มือถือในการค้นหา เพราะในทุกขณะที่เราต้องการข้อมูลเจ้า device ตัวนี้ตอบความต้องการได้ไม่ว่าผู้บริโภคจะอยู่ในสถานการณ์ใดๆก็ตาม 
        ดังนั้น การออกแบบเวปไซค์เพื่อให้ดีไซน์สวยงามและข้อความสมบูรณ์นั้น เมื่อต้องย้ายเว็บไซต์มาอยู่บนอุปกรณ์พกพาเราจะเลือกทำอะไร? บางคนอาจเคยได้ยินว่าทำเว็บให้อ่านง่ายบนอุปกรณ์พกพาก็ทำ App สิ หรือทำ Mobile site สิ หรือทำเว็บแบบ Responsive ไปเลย ซึ่ง 3 คำนี้มันมีความหมายแตกต่างกันยังไงนะ

Moblie App

​
  • Mobile app ก็คือ Application บนอุปกรณ์พกพาเช่น ใน App Store ซึ่งมี App Game ต่างๆ App. Tool แบบต่างๆ
  • ข้อดี คือ ผู้ใช้จะสามารถเข้าถึงเนื้อหาได้รวดเร็ว สวยงาม แต่การทำ Mobile app ในปัจจุบันมี
  • ข้อเสีย คือ ค่าใช้จ่ายในการทำค่อนข้างสูง และจะต้องทำแอปพลิเคชันให้กับทุก platform (iOS, Android, Windows Phone และอื่นๆ

Mobile Site

       คือการแยกเว็บไซต์มาเป็นอันใหม่อีก 1 เวอร์ชั่น เป็นคนละเว็บกับตัวหลักที่มีอยู่ ซึ่งจะมีการออกแบบฟีเจอร์ให้เหมาะสมกับการใช้งานบนโทรศัพท์มือถือด้วย เช่น อาจมีการเปลี่ยนรูปแบบเมนู ปุ่มกดต่างๆ ให้ใช้งานได้ง่ายขึ้น นอกจากนี้อาจตัดหน้าเว็บบางหน้าที่ไม่จำเป็นออก เหลือไว้เฉพาะหน้าที่เป็นเนื้อหาหลักสำคัญๆ เท่านั้น Mobile site จะเหมาะกับเว็บยุค desktop คือไม่ได้ออกแบบเว็บมาเพื่ออ่านง่ายในอุปกรณ์พกพามาตั้งแต่ต้น และเหมาะกับเว็บที่มีฟังก์ชันมากๆ แต่ต้องการจะแสดงเนื้อหาบางส่วนในอุปกรณ์พกพาก็พอ แต่ถ้าทำเว็บเป็น Mobile site ข้อเสีย คือ ต้องทำ CMS (Content Management System) ที่ทำมาเพื่อ update เนื้อหาใน Mobile site ให้เท่ากับหน้าเว็บปัจจุบันที่มีอยู่ (ก็คือว่าเราจะต้องเสียเวลาในการจัดการ content เพิ่มขึ้น
ตัวอย่าง Mobile site ได้แก่ m.facebook.com,mobile.twitter.com, m.majorcineplex.com

​เว็บแบบ Responsive

  • Responsive เป็นเทคนิคการเขียนเพื่อปรับรูปแบบการแสดงผลให้เหมาะกับอุปกรณ์พกพา เช่น มีการปรับเปลี่ยนขนาดตัวอักษร หรือปรับเปลี่ยนรูปแบบการจัดวางให้เหมาะกับการแสดงผลในแนวแคบ และรองรับการสัมผัสด้วยนิ้วมือได้ดีกว่า
  • ประโยชน์ของการออกแบบเว็บไซต์แบบ Responsive
                   1. แสดงผลได้สวยงาม บนขนาดหน้าจอที่แตกต่าง
                   2. ออกแบบเพียงครั้งเดียว แต่สามารถใช้ได้กับขนาดหน้าจอที่หลากหลาย
                   3.  มี Experience ในการใช้งานที่ดีกว่า ดูข้อมูลได้ง่าย โดยไม่ต้อง Zoom
                   4. ประหยัดเวลา และ ค่าใช้จ่ายได้มากกว่าการทำ 2 เว็บไซต์
                   5. ช่วยในเรื่องของการทำ SEO (Search Engine Optimization)
  • จุดด้อย ไม่ได้เหมาะกับเว็บทุกประเภท ( การทำเว็บแบบ Responsive นั้นเหมาะแก่การปรับแต่งรูปแบบการแสดงผล) 
​