GN⁺: 모바일-퍼스트 웹 디자인이 데스크탑에 미치는 부정적 영향
(nngroup.com)- 모바일 우선 웹 디자인이 데스크탑 장치에서 볼 때 미치는 부정적 영향에 대한 기사, 이 현상을 '콘텐츠 분산'이라고 부른다.
- 콘텐츠 분산은 반응형 웹페이지의 콘텐츠가 큰 랩탑이나 데스크탑 화면에서 과도하게 크고 늘어나 보이는 현상이다.
- 이 기사는 13개의 질적 사용성 테스트와 반구조화된 인터뷰를 결합한 연구에 기반하고 있다.
- 연구에서는 큰 화면 장치에서의 콘텐츠 분산이 인지 부하와 상호작용 비용을 증가시키며, 콘텐츠 이해를 어렵게 하고 사용자의 불만을 유발한다는 것을 발견했다.
- 콘텐츠 분산은 몇 가지 디자인 트렌드의 결과로, 모바일 우선, 미니멀리즘, 큰 이미지가 종종 정보 밀도가 낮은 페이지를 만든다.
- 분산된 콘텐츠의 부정적 효과로는 페이지 길이와 상호작용 비용의 증가, 인지 부하의 증가, 페이지에 대한 개념 모델 구축의 어려움, 불만증가, 신뢰성 하락 등이 있다.
- 기사는 분산된 콘텐츠의 긍정적 효과도 강조하며, 이에는 사용자가 한 번에 하나의 강조된 콘텐츠에 집중하게 하고 정보 과부하의 인식을 제한하는 것이 포함된다.
- 저자들은 디자인이 데스크탑에서 어떻게 렌더링되는지 평가하고, 이미지가 추가하는 가치를 평가하며, 중요한 관련 콘텐츠를 같은 뷰포트에 그룹화하고, 모바일 특정 상호작용과 디자인 요소를 피하며, 분산을 전략적으로 언제 사용할 수 있는지 이해하는 것을 권장한다.
- 저자들은 분산된 콘텐츠를 가진 미니멀리스트 데스크탑 페이지가 방해를 제한하고 핵심 포인트에 주목을 집중시킬 수 있지만, 모바일 우선, 미니멀리스트, 이미지 중심 디자인을 채택한 전체 페이지는 데스크탑에서 사용성 문제를 만든다고 결론지었다.
Hacker News 의견
- 모바일 우선 웹 디자인의 부정적 영향에 대한 기사
- "Hinternet"이라는 용어는 2007년에 세련되고 가치를 더하는 인터넷과 팝업 배너 및 스팸으로 가득 찬 인터넷을 설명하기 위해 처음 만들어졌다.
- "Hinternet"은 이제 많은 필수 서비스가 모바일 우선으로 설계되고, 종종 오픈 플랫폼에서 작동하지 않는 기술을 사용하는 인터넷의 주류 형태이다.
- 모바일 우선 디자인으로의 전환은 인터넷이 수직 정보 통합의 디스토피아 풍경이 되는 더 큰 문제의 증상으로 보인다.
- 프론트엔드 개발은 HTML, CSS, 그리고 지원하는 웹 API에 대한 깊은 지식을 필요로 하는 스택의 가장 어려운 부분으로 간주된다.
- 문제는 단지 모바일 우선 대 비 데스크톱이 아니라, 디자이너들이 웹 콘텐츠가 사용자의 디스플레이 장치 크기와 모양에 맞게 동적이고 적응 가능해야 한다는 것을 이해하지 못하는 것이다.
- 햄버거 메뉴와 히어로글리픽의 사용은 모바일에 적합하지만, 데스크톱에는 불필요한 단계를 추가하고 혼란을 일으킬 수 있는 나쁜 디자인 선택으로 간주된다.
- 많은 웹사이트들은 창 크기 조정에 따라 UI를 변경하는데, 이는 창이 모니터의 절반을 차지하도록 크기를 조정할 때 UI를 사용할 수 없게 만들 수 있다.
- 모바일 우선 디자인에서 호버에 해당하는 터치 기능의 부재는 중요한 손실로 간주된다.
- "Hero" UX 개념은 랜딩 페이지에서의 과도한 사용으로 비판받으며, 사용자들이 관련 정보를 찾기 위해 마케팅 콘텐츠를 스크롤하고 클릭해야 하는 상황을 종종 초래한다.
- JavaScript 프레임워크와 모바일 우선 화면에 대한 산업의 집착은 일부 웹 디자이너들이 주로 그래픽 디자인으로 다시 전환하게 만들었다.
- 기사는 웹 디자이너가 비판에 동의하지 않고, 화면 당 간단한 콘텐츠가 더 잘 작동하며 시각적으로 분석하기 쉽다고 주장하며 마무리된다.