สร้างเว็บไซต์บนมือถือ ด้วย Responsive Web Design!
สำหรับคนที่ยังไม่รู้จัก Responsive Web Design อธิบายง่ายๆ คือการออกแบบเว็บไซต์ให้รองรับขนาดหน้าจอสำหรับอุปกรณ์ทุกชนิด ตั้งแต่ คอมพิวเตอร์ที่มีขนาดจอหลายขนาด ไปจนถึง Tablet ซึ่งมีมาตรฐานของขนาดหน้าจอที่แตกต่างกัน และโทรศัพท์มือถือ Smart Phone ทุกรุ่นเลย
วีดีโอ Responsive Website แบบเข้าใจง่ายๆ
แม้ว่าอุปกรณ์ที่กล่าวมานั้น จะมีฟังก์ชั่นที่ความสามารถซูมเข้าไปอ่านตัวอักษรได้ชัดยิ่งขึ้น แต่ก็ยังถือว่าไม่สะดวกสำหรับผู้ใช้งานเสียทีเดียวเพราะที่ผ่านมา เราได้แก้ปัญหาด้วยการทำเว็บไซต์สองเวอร์ชั่น คือ สำหรับดูบนมือถือ และสำหรับดูบนจอคอมพิวเตอร์ แต่ในปัจจุบัน ทั้งมือถือ และ Tablet ต่างก็มีหน้าจอที่หลากหลายขนาด ดังนั้น วิธีแก้ที่กำลังเป็นที่นิยมในต่างประเทศคือ การทำ Responsive Web Design เพราะมันแปลงร่างได้
กล่าวคือ การออกแบบเว็บครั้งเดียว เวอร์ชั่นเดียว แต่สามารถรองรับขนาดหน้าจอได้สำหรับอุปกรณ์ทุกประเภท ลองดูตัวอย่าง www.atimedesign.com โดยลองเปิดใช้งานด้วยมือถือ
อย่างไรก็ตาม แม้ว่าต่างประเทศจะเริ่มตื่นตัวมาก กับ Responsive Web Design มาตั้งแต่ประมาณกลางปี 2554 ที่ผ่านมาแล้ว แต่สำหรับเมืองไทยล่ะ? จะมีใครทำไหม? แล้วลูกค้าจะต้องการไหม?
เราเริ่มเห็นความตื่นตัวของเว็บดีไซน์เนอร์ และ โปรแกรมเมอร์ไทยเรื่องการทำ Responsive Web Design กันพอสมควรในช่วงปลายปีที่ผ่านมา
อย่างไรก็ตาม การออกแบบเว็บไซต์เพื่อรองรับการทำ Responsive Web Design นั้นค่อนข้างมีข้อจำกัดอยู่ไม่น้อย
1. เว็บไซต์จะต้องไม่เป็น Flash เพราะเมื่อเป็น Flash การออกแบบก็จะยืดหยุ่นมากไม่ได้ ที่สำคัญ Tablet และ มือถือ ที่ได้รับความนิยมอย่าง iPhone และ iPad นั้น ไม่รองรับการใช้งาน Flash แล้วในอนาคตอันใกล้ Flash ก็จะเปิดได้แต่บนเครื่อง PC อย่างเดียวแล้วด้วย
2. การออกแบบเว็บไซต์จะต้องถูกวางเป็น Block เป็นกล่อง แต่หากใครจะออกแบบให้แปลกแหวกแนวออกไป ก็ไม่ได้หมายความว่าจะทำ Responsive ไม่ได้ แค่จะยุ่งยากหน่อยเท่านั้น
3. ต้องมีการวางแผนการออกแบบให้ดี เพราะหากต้องมาปรับเปลี่ยนแก้ไขกันทีหลัง จะยุ่งมิใช่น้อย
4. ต้องเขียนโปรแกรมภาษาใหม่ด้วย HTML 5 และ CSS3
5. ต้องทดสอบให้ใช้งานได้ในอุปกรณ์ทุกประเภท บนจอคอมพิวเตอร์ Tablet และ มือถือ
ทั้งหมดนี้คือเรื่องที่ทีมออกแบบเว็บต้องใส่ใจในรายละเอียดให้มากขึ้น ซึ่งนั่นหมายถึงเวลาที่ใช้มากขึ้น และค่าใช้จ่ายที่มากขึ้นด้วย
จากมุมมองของคนทำงานออกแบบเวบไซต์ ต้องยอมรับว่า การแบน flash ของ Apple มีผลกระทบอย่างแรงถึง Adobe แล้ว จริงๆ ลูกค้าเริ่มรับได้ และไม่ต้องการ flash แล้ว
แต่การออกแบบที่เป็น Block หรือความยุ่งยากที่เพิ่มขึ้นในการการทดสอบ หรือการวางแผนให้ดี 100% ก่อนลงมือทำโดยไม่แก้ไขหน้างานมากๆ นั้นเป็นไปได้มั้ย? ยิ่งคิดยิ่งรู้สึกเพลีย
อย่างไรก็ตาม Responsive Web Design ถือเป็นเรื่องที่ดี เป็นอีกทางเลือกใหม่ที่คนทำเว็บไซต์ และ ลูกค้า ควรต้องใส่ใจ และศึกษา เพื่อรองรับสิ่งที่กำลังจะมาถึงในอนาคตอันใกล้ เพราะการออกแบบที่ดี คือการออกแบบที่มีทั้งความสวยและการใช้งานที่เหมาะสมครับ
You may also like
ค้นหาข่าวสารที่คุณสนใจได้ที่นี่
เรื่องล่าสุด
- ระวัง! “Nudify” แอป AI ลบเสื้อผ้าได้ ใช้เปลื้องผ้าผู้คนจากภาพถ่าย!! 29 ธันวาคม, 2023
- หลังจาก YouTube แบน Ad Blocker หลายคน Uninstall แต่หลายคน Install เยอะขึ้น 21 พฤศจิกายน, 2023
- Apple กำลังพัฒนา Search Engine เป็นของตัวเอง จะสู้ Google ได้หรือไม่! 5 ตุลาคม, 2023
- Facebook เปิดตัวโลโก้ใหม่ เปลี่ยนจนที่ใครๆต้องร้องว้าว! 25 กันยายน, 2023
- YouTube บล็อคไม่ให้เล่นคลิปแล้ว หากใช้ Ad Blocker กีดกันโฆษณาบนเบราว์เซอร์ 18 กันยายน, 2023
Facebook Comments