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

มาเข้าเรื่องเลยดีกว่า

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

มาดูสถิติการใช้งานอินเตอร์กัน

1-3_fmt

— ตอนปี 2012 สถิติการซื้ออุปกรณ์มือถือ มากกว่าคนไปซื้อพีซีซะอีก
https://goo.gl/OY7CkP

— สถิติการใช้อินเตอร์เน็ตบนพีซี ตอนปี 2008 ซึ่งเป็นปีทองสุดๆ แล้ว และมันก็ตกลงอย่างต่อเนื่อง
https://goo.gl/nan8Tq

— สถิติการใช้เว็บเพื่อเช็คอีเมล์ ก็ตกลงเช่นกันในปี 2010 เดือนพฤศจิกายน เทียบกับเดือนเดียวกันในปี 2009
http://goo.gl/4dYa7f

— สถิติที่พุ่งอย่างน่าตกใจคือ Traffic จากมือถือในปี 2010 พุ่งขึ้นจากปี 2009 ถึง 600%
http://goo.gl/fqBwh4

— และที่เหนือกว่านั้น ปี 2009 คนใช้อินเตอร์เน็ตบนมือถือกว่า 5 ร้อยล้าน และพุ่งขึ้นเป็น 3 เท่า ในปี 2013
http://goo.gl/a12KTS

— สุดท้ายก็ไม่ใช่เรื่องเหนือความคาดหมาย ปี 2013 มือถือชนะพีซี อย่างเป็นทางการทั่วโลก
https://goo.gl/ZVNTUl

อธิบายไปแล้วอาจจะงงลองอธิบายใหม่พร้อมภาพปลากอบอร่อยๆ

progressive_enhancement

ลองดูจากภาพนะครับ Graceful Degradation คือการออกแบบจากขนาด 100% ไปหาขนาดเล็ก สังเกตุได้ว่า เวลา Designer เห็นส่วน Composition ของเนื้อหาบน Desktop กับ Tablet เนี่ย ค่อนข้างจะพอไปได้ แต่พอ Designer ทำมาถึง Mobile ทีนี้แหละปัญหาเกิด Content ที่มีปริมาณล้นหน้าจอ มันก็ไม่รู้จะจัดวางยังไง

พอมาดูวิธีของ Progressive Enhancement ก็คือทำจากเล็กไปหา 100% ในมือถือก็เนื้อหาก็พอดีกับหน้าจอ พอมาถึง Tablet และ Desktop เหลือพื้นที่มากมายให้ Designer ออกแบบ และจัดวางเนื้อหาอีกเพียบเลย ทีนี้คุณจะรังสรรค์ สรรสร้าง เติมแต่ง จินตนาการ ครีเอชั่น อิสระเลยละครับ เหมือนกระต่ายพบทุ่งหญ้า ปลาตกแม่น้ำ เสือติดปีก พอๆ เวอร์ไปละครับ ก็ตามนี้แหละ

ทีนี้พอเข้าใจขึ้นไหมครับว่าทำไมเราควรเริ่มจาก Mobile first :)