- 가로(Horizontal), 세로(Vertical), 혼합(Mixed)의 흐름을 구분 짖는다.
- 그에따른 각 섹션에 화살표로 방향을 정의한다.
- 방향에 따른 개별 덩어리를 나눠 구분한다.
- 섹션별 흐름의 우선순위를 결정한다.
- 최대한 눈의 움직임을 단순하게 처리한다.
- Visual path 기법을 통한 분석 적용 ( Gutenberg Diagram, Z-pattern and F-pattern)
- 흐름에 맞게 전략과 콘텐츠를 채워나간다.
- 각각의 그룹 컨테이너의 흐름에 강조할 그룹을 정의한다.
데스크톱


모바일

