작업 방식
Visual Hierarchy는 인터페이스가 주의를 끄는 순서를 다룹니다. 지나치게 큰 제목이나 눈에 띄는 버튼 하나에 의존하지 않고 크기, 굵기, 대비, 여백, 위치, 밀도를 함께 활용합니다. 소스는 정보를 1차, 2차, 3차, 배경 정보로 구분합니다.
이는 새 작업을 위한 구성 가이드이며, 기존 화면을 테스트하는 일을 대신하지 않습니다. 일반적인 스캔 패턴과 권장 크기 차이는 휴리스틱입니다. 소스의 왼쪽에서 오른쪽 예시와 읽기 방향이 다른 레이아웃을 포함해, 실제 위계는 작업과 대상 사용자에 맞춰 확인해야 합니다.
예상 산출물
- 하나의 화면을 위한 우선순위별 콘텐츠 위계.
- 여러 주의 유도 단서를 활용한 구성 근거.
- 간단한 시각 검토 및 작업 테스트 체크리스트.
브리프에서 검토까지
- 01콘텐츠 우선순위 정하기
주요 행동이나 메시지를 고르고, 그다음에 훑어볼 내용이나 필요할 때 읽을 내용을 정합니다.
- 02시각적 비중 부여하기
모든 요소를 두드러지게 만들지 말고 크기, 여백, 대비, 그룹화를 조화롭게 조정하세요.
- 03읽기 순서 확인하기
눈을 가늘게 뜨고 보는 테스트와 실제 작업 관찰로 시선이 의도한 순서를 따르는지 확인하세요.