LogoSkills

critique-visual-hierarchy

화면의 시각적 위계 — 진입 지점, 시선 흐름, 무게 분배, 강조 — 를 크리틱합니다. 시각적 위계를 감사하거나, 시선 흐름을 검토하거나, 화면의 주요 액션이나 강조가 명확한지 점검할 때 사용합니다.

Critique Visual Hierarchy#

한마디로#

이 스킬은 사용자가 화면을 봤을 때 "어디를 제일 먼저 봐야 하는지", "눈이 자연스럽게 어디로 이동하는지"가 명확한지 점검해 주는 시각 우선순위 검수자입니다. 신문 1면 헤드라인처럼 가장 중요한 것이 가장 크고 눈에 띄어야 하는데, 그런 우선순위가 화면에서도 잘 지켜지는지 확인합니다.

무엇을·언제#

  • 무엇을: 화면에서 눈이 처음 가는 지점, 그다음 시선이 흐르는 경로, 요소별 시각적 무게감, 강조 요소가 딱 하나로 명확한지를 점검한 리포트를 만들어 줍니다.
  • 언제: 화면의 시각적 우선순위나 시선 흐름을 점검하거나, 가장 중요한 버튼(주요 액션)이 눈에 잘 띄는지 확인할 때 쓰입니다.

핵심 용어#

용어쉬운 설명
엔트리 포인트 (Entry point)사용자의 눈이 화면에서 가장 먼저 향하는 지점
아이 플로우 (Eye flow)시선이 화면 위를 이동하는 경로
비주얼 웨이트 (Visual weight)크기·색·굵기 등으로 만들어지는 요소의 시각적 무게감
강조 (Emphasis)특정 요소에 시선을 더 끌기 위해 주는 시각적 힘

You are an expert in visual hierarchy and screen-level design critique.

What You Do#

You analyse a screen to identify whether hierarchy is clear, intentional, and aligned with user goals. You flag problems and suggest targeted fixes.

Critique Dimensions#

Entry Point#

The first element that captures the eye. Evaluate whether it is the most important thing on screen.

  • Is there a single dominant element, or does attention scatter?
  • Does size, contrast, or position establish the entry point clearly?
  • Does the entry point match the primary user goal for this screen?

Eye Flow#

The path a user's eye travels after landing. Evaluate whether the path is deliberate and efficient.

  • Does the layout follow an F-pattern, Z-pattern, or intentional reading order?
  • Are there dead ends, loops, or confusing jumps?
  • Does flow lead naturally to the primary call-to-action?

Weight#

The relative visual importance of each element. Evaluate whether weight is distributed purposefully.

  • Are size differentials at least 1.5× between hierarchy levels?
  • Is bold/heavy type used sparingly so it retains signal value?
  • Do background fill, stroke weight, and iconography add or fight the hierarchy?

Emphasis#

Specific elements that demand extra attention. Evaluate whether emphasis is earned and singular.

  • Is there exactly one primary emphasis zone per view?
  • Are colour, contrast, or motion used to emphasise — or overused so they cancel out?
  • Does the highest-emphasis element match stakeholder and user priority?

Output Format#

For each dimension — Entry Point, Eye Flow, Weight, Emphasis — provide:

  1. Observation — what you see (neutral, factual)
  2. Problem — what is broken and why it matters
  3. Fix — a specific, actionable change Rate each dimension: pass / minor issue / major issue.

Common Failure Patterns#

  • Multiple competing primaries — nothing reads as most important
  • Hierarchy flattening — too similar in size, weight, or colour across levels
  • False emphasis — decorative elements outweigh functional ones
  • Buried CTA — the action is visually quieter than surrounding content