▲GN⁺ 2024-05-22 | parent | ★ favorite | on: UI 밀도(Density)의 의미와 디자인 방법(matthewstrom.com)Hacker News 의견 해커뉴스 댓글 모음 요약 레스토랑 메뉴의 물리적 형태가 모바일 사이트 메뉴보다 더 나은 이유 모바일 사이트 메뉴는 UI가 너무 복잡해서 구글 맵에서 메뉴 사진을 찾는 경우가 많음. "밀도"를 재정의하려는 시도보다는 시각적 중요성을 잃지 않고 정보를 최대한 많이 제공하는 것이 중요함. 형식보다 기능을 중시하는 데이터의 중요성 SS El Faro 사건에서 선장은 예쁜 그래픽을 가진 상업적 날씨 데이터를 사용하다가 허리케인에 휘말림. 데이터의 시각적 아름다움보다는 정확성과 최신성이 중요함. 시간적 밀도의 개념 JIRA는 시각적으로 밀도가 높지만, 속도와 다양한 화면 전환 때문에 실제로는 드문드문한 느낌을 줌. 모바일 인터페이스의 희소성 이유 사람들의 손가락이 상대적으로 두껍고 부정확함. 데스크탑보다 느려서 로드를 여러 부분으로 나눔. 세로 스크롤 형식과 화면 크기가 제한적임. 데스크탑에서 유용한 기능들이 모바일에서는 어려움. UI의 희소성 증가에 대한 비판 웹 디자인 세계가 공백을 더 많이 사용하는 방향으로 가고 있음. Hulu와 같은 앱은 많은 공백을 사용하여 정보 접근을 어렵게 만듦. 디자이너들이 트렌드를 따르기보다는 실제로 좋은 것을 고민해야 함. 복잡한 UI와 트렌드의 문제 디자이너들이 트렌드를 따르는 것이 제품의 판매에 도움이 된다고 생각함. 유명한 사람이나 브랜드를 모방하려는 경향이 있음. UI 디자이너들이 고객이 트렌드와 유행을 중시한다고 잘못 생각할 수 있음. 전통적인 UI의 장점 오래된 Windows B2B 애플리케이션은 많은 정보를 한눈에 볼 수 있게 함. 웹 기반 시스템은 여러 페이지를 사용해야 하는 반면, 전통적인 시스템은 한두 개의 창에서 모든 데이터를 볼 수 있음. 정보 밀도의 불균형 프레젠테이션 슬라이드의 간단한 내용이 고해상도 사진으로 찍히는 경우가 많음. LaTeX로 작성된 논문은 작은 용량의 PDF 파일이지만, MS Word로 작성된 논문은 매우 큰 용량을 차지함. 모바일 UI의 문제점 작은 화면에서 처방전을 리필하는 것이 불가능해짐. React로 최적화된 UI가 작은 화면에서 제대로 작동하지 않음. 기술의 발전이 사용자 경험을 해치고 있음. 밀도가 부족한 UI의 예시 Vanguard 투자 상품 페이지는 밀도가 부족한 UI의 예시임.
Hacker News 의견
해커뉴스 댓글 모음 요약
레스토랑 메뉴의 물리적 형태가 모바일 사이트 메뉴보다 더 나은 이유
형식보다 기능을 중시하는 데이터의 중요성
시간적 밀도의 개념
모바일 인터페이스의 희소성 이유
UI의 희소성 증가에 대한 비판
복잡한 UI와 트렌드의 문제
전통적인 UI의 장점
정보 밀도의 불균형
모바일 UI의 문제점
밀도가 부족한 UI의 예시