24
웹기획, 사용자배려하는 합리적생각 Mario Story_02 이동의 기 , Navigation

Stoty 02

  • Upload
    joowan

  • View
    295

  • Download
    1

Embed Size (px)

Citation preview

Page 1: Stoty 02

웹기획,사용자를 배려하는

합리적인 생각

Mario

Story_02 이동의 기

술, Navigation

Page 2: Stoty 02

목 차

□ Navigation 의 역할

□ 좋은 Navigation 의 요건

□ Navigation System 의 예

Page 3: Stoty 02

Navigation 의 역할

Page 4: Stoty 02

Navigation 의 역할

□ 전체적인 Site 성격과 구조를 파악

□ 현재 사용자의 위치를 알려줌

□ 원하는 정보를 찾아 갈 수 있도록 지원

Page 5: Stoty 02

좋은 Navigation 의 요건

Page 6: Stoty 02

좋은 Navigation 의 요건 (1/3)

□ 예측 가능한 Navigation

○ 사용자가 Click 했을 때 기대했던 반응이 일어나야 함

○ Web Site 내의 모든 Image는 오해의 소지가 없도록 제작

□ 쉬운 Control

○ Web Site 의 개성도 중요하지만 사용자가 이용하기 쉬운게 우선

□ 원하는 곳으로 빠르게 이동

Page 7: Stoty 02

좋은 Navigation 의 요건 (2/3)

□ 복잡함이나 혼란함 방지

○ 큰 분류는 되도록 고정시킴

○ 다른 페이지라도 주요기능은 같은자리에 위치

○ 자세한 정보에 접근하기까지 오랜 시간이 걸리지 않도록 주의

□ 사용자의 의도를 왜곡하지 않기

○ 중간단계를 두지 말고 바로 이동

○ 최소한 사용자가 Click 한 정보 표시

□ 전체보기 Button 제공

Page 8: Stoty 02

좋은 Navigation 의 요건 (3/3)

□ 명확한 Page 표시

○ 현재 보고있는 Page가 몇 Page 인지 확실히 구분 가능토록 제작

○ 다양하고 명확한 Page 이동방식 제공

□ Top Button 제공

□ 뒤로가기는 바로 이전으로

Page 9: Stoty 02

Navigation System의 예

Page 10: Stoty 02

한화이글스

한화리조트

한화건설

한화금융

Page 11: Stoty 02
Page 12: Stoty 02
Page 13: Stoty 02
Page 14: Stoty 02
Page 15: Stoty 02
Page 16: Stoty 02
Page 17: Stoty 02
Page 18: Stoty 02
Page 19: Stoty 02
Page 20: Stoty 02
Page 21: Stoty 02
Page 22: Stoty 02
Page 23: Stoty 02
Page 24: Stoty 02