11377307_1070075083022368_3110640187859748566_n

คำว่า “Graceful Degradation” คือการออกแบบหน้าจอสำหรับ desktop ก่อน แล้วค่อยมาออกแบบหน้าจอสำหรับ mobile ทีหลัง วิธีนี้จะเน้นไปที่การใช้ประโยชน์จากเทคโนโลยีที่มีอยู่ให้มากที่สุดเท่าที่จะเป็นไปได้ในขณะนั้น แล้วค่อยลดบางส่วนที่ทำไม่ได้หรือไม่เหมาะออกใน mobile โดยมีข้อแม้ที่ว่า content และ functions ที่จำเป็นจะต้องอยู่ครบ
คำว่า “Progressive Enhancement” จะตรงข้ามกับ Graceful Degradation มันคือการออกแบบหน้าจอสำหรับ mobile ก่อน แล้วค่อยมาออกแบบหน้าจอสำหรับ desktop ทีหลัง วิธีนี้เกิดหลังจากที่คนเห็นว่า Graceful Degradation นั้นมีข้อเสียตรงที่เราต้องมาตัดสินใจว่าจะตัดส่วนไหนออกบ้างใน mobile ในทางกลับกัน วิธี Progressive Enhancement จะเน้นไปที่ content และ functions พื้นฐานที่สำคัญที่สุดก่อน หลังจากนั้นค่อยมาคิดต่อว่าเราสามารถเสริมส่วนไหนที่จะทำให้มัน “ดีขึ้น” ได้อีก
วิธีนี้หลังนี้ เมื่อเราสามารถออกแบบหน้าจอให้รองรับ mobile ได้ เราก็สามารถออกแบบให้รองรับ devices อื่นๆ ได้เช่นกัน 🙂
Refer: http://www.siamhtml.com/%E0%B8%97%E0%B8%B3%E0%B9%84%E0%B8%A1-mobile-first-responsive-web-design/