간단히 말하면: 반응형 웹사이트는 동일한 기본 URL을 유지하면서 화면 크기와 기기 성능에 맞게 레이아웃, 콘텐츠, 컨트롤을 조정합니다.
실무에서 반응형 웹사이트를 사용하는 방법
저는 디자인에서만이 아니라 실제 콘텐츠와 기기로 테스트합니다. 첫인상, 가독성, 정보의 순서, 오류 상태, 이전 화면으로 돌아갈 수 있는지를 살펴봅니다. 여러 사람을 관찰하면 긴 팀 토론보다 더 구체적인 문제가 드러나는 경우가 많습니다.
주의할 점
보기 좋은 결과물이 자동으로 사용하기 좋은 것은 아닙니다. 반응형 웹사이트는 미적인 목표를 충족하면서 중요한 정보를 숨기거나, 페이지를 느리게 하거나, 컨트롤을 사용하기 어렵게 만들 수 있습니다. 이상적인 콘텐츠를 띄운 대형 모니터에서만 테스트하는 것도 주의해야 합니다.
의사결정을 위한 질문
- 사용자가 페이지에서 완료해야 할 작업은 무엇입니까?
- 어디에서 망설이거나, 오류를 내거나, 맥락을 잃을 수 있습니까?
- 이 솔루션은 모바일, 키보드, 느린 네트워크에서 작동합니까?
- 변경이 실제로 도움이 되었다는 것을 보여줄 신호는 무엇입니까?