เรื่องของการออกแบบเว็บ Responsive ไม่ใช่เรื่องแปลกใหม่อะไรอีกต่อไปแล้ว และก็มีหลายแนวทางของแต่ละคนในหลายๆเว็บไซต์ก็ได้เสนอแนวทางที่ต่างกัน อาจจะยึดแนว Fluid Grid บ้างอะไรบ้าง แต่หลังจากผมได้อ่าน Designing for a Responsive Web Means Starting with Type First ที่เขียนโดย Paul McKeever ผมขอสนับสนุนแนวคิดเขาครับ เพราะผมเคยเห็นเว็บ Responsive ที่เนื้อหาภายในตัวเล็กมากจนอ่านไม่ออก แต่การปรับ layout อื่นๆในเว็บทำได้ดี..
แต่อย่าลืมว่า Content is King
PRINCIPLE: เว็บนั้นถูกสร้างขึ้นมาเพื่อเป็น สื่อกลาง (medium) เพื่อให้สื่อนั้นไปถึง ผู้รับสาร (Receiver) (หรือในเรื่องเว็บนี้ผมขอใช้เป็น ผู้อ่าน (reader) แทนแล้วกัน) ได้ตามจุดประสงค์ของมัน ซึ่งจะทำให้สมบูรณ์ได้ก็ต่อเมื่อผู้รับสารนั้นได้รับสารครบถ้วน ตามหน้าที่ของสื่อที่ควรจะเป็น ต้องทำให้ผู้อ่านนั้นอ่านออก ไม่ว่าจะอยู่ในหน้าจอหรืออุปกรณ์ใดๆก็ตาม “Design for the reader, not the device“
การทำ Responsive Web นั้นไม่ได้หมายถึงแค่การทำ Responsive Images, CSS Media Queries หรือ Flexible Grids แต่อย่าลืมจุดใหญ่ไปครับ เพราะที่สำคัญจริงๆแล้วคือ Readable เราต้องทำให้เนื้อหา (content) ที่อยู่ในเว็บนั้นอ่านออก เพราะฉะนั้นการทำ Responsive Web ควรเริ่มที่ตัวอักษรก่อนครับ (นั้นทำให้เห็นว่าแนว Fluid Grid นั้นไม่ใช่ทั้งหมดของ Responsive Design)
นอกเหนือจากนี้ ผมคิดว่าการออกแบบเว็บแบบนี้เราควรตัดสิ่งที่ไม่สำคัญออกไปจากเว็บให้หมด (Clean) เอาเฉพาะสิ่งที่อยากจะสื่อจริงๆ ให้ความสำคัญกับ Typographic มากขึ้น เพราะส่วนนี้จะสามารถมาแทนหลายๆส่วนอย่างรูปภาพหรือการจัด Layout บางแบบไปได้เลย ยกตัวอย่างในเรื่องของ Brand’s identity เราสามารถใส่สีของตัวอักษร รูปแบบ font ความหนา เอียง ของตัวอักษร มาแทนรูปแบรนด์หรือโลโก้ได้ ซึ่งจะยังให้อารมณ์และความเข้าใจสื่อออกมาเหมือนๆกันได้ “The brand is the type” เราต้องสร้างสิ่งนี้ขึ้นมาครับ
และการทำ Prototype ด้วยตัวอักษรนั้นจะทำให้เราตัดสินใจเรื่องการออกแบบเว็บได้ดีขึ้นและเร็วขึ้นด้วย จากที่เรายึดหลัก Readable ในการออกแบบ เมื่อสื่อยังคงความสามารถในการทำหน้าที่หลักของมันได้ เรื่องการออกแบบอื่นๆก็จะง่ายขึ้นเยอะครับ และ Readable นี้ก็ไม่ใช่เฉพาะสำหรับ Responsive Web เท่านั้นนะครับ แต่ควรยึดเป็นแนวออกแบบสำหรับทุกเว็บครับ เพราะ เว็บคือสื่อกลาง ครับ



























