멀티 디바이스 웹 디자인의 진화 (Luke Wroblewski)
Source
Evernote/Article Scraps/LukeW Multi-Device Web Design An Evolution.md
Summary
이 문서는 2011년 기준 멀티 디바이스 웹 디자인의 흐름을 ‘반응형 웹 디자인(RWD)‘의 등장과 한계, 그리고 ‘모바일 퍼스트(Mobile First)’ 접근법의 등장으로 설명합니다. RWD는 단일 URL과 유동적 레이아웃을 장점으로 들지만, 이미지 최적화 및 소스 순서 제어 등 모바일 특화 최적화에는 한계가 있습니다. 이에 따라 모바일 환경부터 시작해 점진적으로 향상시키는 ‘모바일 퍼스트 반응형 디자인’이 대안으로 제시되며, 미디어 적응(이미지, 비디오 등)과 서버 사이드 구성 요소의 중요성이 강조됩니다.
Key Points
- 반응형 웹 디자인(RWD)은 미디어 쿼리와 유동적 그리드를 통해 단일 URL로 다양한 디바이스 대응을 가능하게 함.
- RWD는 레이아웃 적응에는 유용하지만, 이미지 최적화, 소스 순서, 제3자 위젯 처리 등 모바일 특화 최적화에는 한계가 있음.
- 많은 주요 웹 서비스(Facebook, Twitter 등)는 모바일 최적화를 위해 별도의 모바일 템플릿을 사용하는 경향이 있음.
- 모바일 퍼스트 반응형 디자인은 데스크톱이 아닌 모바일부터 시작하여 큰 화면으로 점진적으로 향상시키는 접근법임.
- 크로스 디바이스 디자인에서 이미지, 비디오, 데이터 테이블 등 미디어 적응은 여전히 주요 과제이며 별도의 기술적 해결책이 필요함.