SlideShare a Scribd company logo
1 of 25
웹기획,
사용자를 배려하는
합리적인 생각
Story_02 이동의 기술,
         Navigation


                      Mario
목차


□ Navigation 의 역할


□ 좋은 Navigation 의 요건


□ Navigation System 의 예


□Q&A
Navigation 의 역할
Navigation 의 역할


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


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


□ 원하는 정보를 찾아 갈 수 있도록 지원
좋은 Navigation 의 요건
좋은 Navigation 의 요건 (1/3)

□ 예측 가능한 Navigation
 ○ 사용자가 Click 했을 때 기대했던 반응이 일어나야 함
 ○ Web Site 내의 모든 Image는 오해의 소지가 없도록 제작



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



□ 원하는 곳으로 빠르게 이동
좋은 Navigation 의 요건 (2/3)

□ 복잡함이나 혼란함 방지
 ○ 큰 분류는 되도록 고정시킴
 ○ 다른 페이지라도 주요기능은 같은자리에 위치
 ○ 자세한 정보에 접근하기까지 오랜 시간이 걸리지 않도록 주의


□ 사용자의 의도를 왜곡하지 않기
 ○ 중간단계를 두지 말고 바로 이동
 ○ 최소한 사용자가 Click 한 정보 표시


□ 전체보기 Button 제공
좋은 Navigation 의 요건 (3/3)


□ 명확한 Page 표시
 ○ 현재 보고있는 Page가 몇 Page 인지 확실히 구분 가능토록 제작
 ○ 다양하고 명확한 Page 이동방식 제공



□ Top Button 제공


□ 뒤로가기는 바로 이전으로
Navigation System의 예
한화이글스           한화건설




            한화리조트
                           한화금융




2
3
7
2
3
2
4
3
2
4
3
3
Q&A

More Related Content

What's hot

여성주의음악생산자생애사 프로포절
여성주의음악생산자생애사 프로포절여성주의음악생산자생애사 프로포절
여성주의음악생산자생애사 프로포절guest828b70e
 
Part2 웹사이트 벤치마킹의 9가지 패턴
Part2 웹사이트 벤치마킹의 9가지 패턴Part2 웹사이트 벤치마킹의 9가지 패턴
Part2 웹사이트 벤치마킹의 9가지 패턴shannonsi
 
웹기획 V090402
웹기획 V090402웹기획 V090402
웹기획 V090402oros83
 
032330 Jason Chapter6
032330 Jason Chapter6032330 Jason Chapter6
032330 Jason Chapter6anjunseob
 
Dicon Hw
Dicon HwDicon Hw
Dicon Hwreal vc
 
Readingclub Bookreview
Readingclub BookreviewReadingclub Bookreview
Readingclub Bookreviewpyj08381
 
馬英九、蕭萬長經濟政策 - 愛台12 建設
馬英九、蕭萬長經濟政策 - 愛台12 建設馬英九、蕭萬長經濟政策 - 愛台12 建設
馬英九、蕭萬長經濟政策 - 愛台12 建設ma19
 
웹기획 V090605
웹기획 V090605웹기획 V090605
웹기획 V090605oros83
 
쓰는 사람 현경훈의 자기소개서
쓰는 사람 현경훈의 자기소개서쓰는 사람 현경훈의 자기소개서
쓰는 사람 현경훈의 자기소개서현 경훈
 
중간과제 웹기획 Sky
중간과제 웹기획 Sky중간과제 웹기획 Sky
중간과제 웹기획 Skyguestd79ea87
 
sns 발표 자료용
sns 발표 자료용sns 발표 자료용
sns 발표 자료용kukutemplar
 
Meconomy –Ch3,4
Meconomy –Ch3,4Meconomy –Ch3,4
Meconomy –Ch3,4jeong son
 
关于名博的哪些事
关于名博的哪些事关于名博的哪些事
关于名博的哪些事zhangzhifs
 
cyclobenzaprine
cyclobenzaprinecyclobenzaprine
cyclobenzaprinehahohu
 

What's hot (20)

여성주의음악생산자생애사 프로포절
여성주의음악생산자생애사 프로포절여성주의음악생산자생애사 프로포절
여성주의음악생산자생애사 프로포절
 
Dicon Hw
Dicon HwDicon Hw
Dicon Hw
 
Part2 웹사이트 벤치마킹의 9가지 패턴
Part2 웹사이트 벤치마킹의 9가지 패턴Part2 웹사이트 벤치마킹의 9가지 패턴
Part2 웹사이트 벤치마킹의 9가지 패턴
 
웹기획 V090402
웹기획 V090402웹기획 V090402
웹기획 V090402
 
Keynote Genius
Keynote GeniusKeynote Genius
Keynote Genius
 
032330 Jason Chapter6
032330 Jason Chapter6032330 Jason Chapter6
032330 Jason Chapter6
 
Mintpad Pro
Mintpad ProMintpad Pro
Mintpad Pro
 
Dicon Hw
Dicon HwDicon Hw
Dicon Hw
 
Readingclub Bookreview
Readingclub BookreviewReadingclub Bookreview
Readingclub Bookreview
 
Google3
Google3Google3
Google3
 
馬英九、蕭萬長經濟政策 - 愛台12 建設
馬英九、蕭萬長經濟政策 - 愛台12 建設馬英九、蕭萬長經濟政策 - 愛台12 建設
馬英九、蕭萬長經濟政策 - 愛台12 建設
 
웹기획 V090605
웹기획 V090605웹기획 V090605
웹기획 V090605
 
쓰는 사람 현경훈의 자기소개서
쓰는 사람 현경훈의 자기소개서쓰는 사람 현경훈의 자기소개서
쓰는 사람 현경훈의 자기소개서
 
중간과제 웹기획 Sky
중간과제 웹기획 Sky중간과제 웹기획 Sky
중간과제 웹기획 Sky
 
sns 발표 자료용
sns 발표 자료용sns 발표 자료용
sns 발표 자료용
 
Future Of TV
Future Of TVFuture Of TV
Future Of TV
 
인터넷개요
인터넷개요인터넷개요
인터넷개요
 
Meconomy –Ch3,4
Meconomy –Ch3,4Meconomy –Ch3,4
Meconomy –Ch3,4
 
关于名博的哪些事
关于名博的哪些事关于名博的哪些事
关于名博的哪些事
 
cyclobenzaprine
cyclobenzaprinecyclobenzaprine
cyclobenzaprine
 

Viewers also liked

2012 SNU Driver Experience: 특강_내비게이션의 이해(서동권이사님)
2012 SNU Driver Experience: 특강_내비게이션의 이해(서동권이사님)2012 SNU Driver Experience: 특강_내비게이션의 이해(서동권이사님)
2012 SNU Driver Experience: 특강_내비게이션의 이해(서동권이사님)DriverExperience
 
User Interface
User InterfaceUser Interface
User InterfaceIl-woo Lee
 
HolubOnPatterns/chapter2_1
HolubOnPatterns/chapter2_1HolubOnPatterns/chapter2_1
HolubOnPatterns/chapter2_1정환 임
 
스레드
스레드스레드
스레드xxbdxx
 
Gps Navigation Survey
Gps Navigation SurveyGps Navigation Survey
Gps Navigation SurveyDaniel Kim
 
제3회 오픈 로보틱스 세미나 (제9세션) : ROS를 활용한 SLAM과 내비게이션
제3회 오픈 로보틱스 세미나 (제9세션) : ROS를 활용한 SLAM과 내비게이션제3회 오픈 로보틱스 세미나 (제9세션) : ROS를 활용한 SLAM과 내비게이션
제3회 오픈 로보틱스 세미나 (제9세션) : ROS를 활용한 SLAM과 내비게이션Yoonseok Pyo
 
Navigation 1130 정보사회와 뉴미디어
Navigation 1130 정보사회와 뉴미디어Navigation 1130 정보사회와 뉴미디어
Navigation 1130 정보사회와 뉴미디어Taegyun Percy Kim
 
2nd ROS Tutorial Seminar
2nd ROS Tutorial Seminar2nd ROS Tutorial Seminar
2nd ROS Tutorial SeminarYoonseok Pyo
 
Oroca ROV firmware
Oroca ROV firmwareOroca ROV firmware
Oroca ROV firmwareKyung-Wan Ki
 
프로세스
프로세스프로세스
프로세스xxbdxx
 
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)YoungSu Son
 
시스템 관리자를 위한 리눅스강의 1강 20130203
시스템 관리자를 위한 리눅스강의 1강 20130203시스템 관리자를 위한 리눅스강의 1강 20130203
시스템 관리자를 위한 리눅스강의 1강 20130203doo rip choi
 

Viewers also liked (12)

2012 SNU Driver Experience: 특강_내비게이션의 이해(서동권이사님)
2012 SNU Driver Experience: 특강_내비게이션의 이해(서동권이사님)2012 SNU Driver Experience: 특강_내비게이션의 이해(서동권이사님)
2012 SNU Driver Experience: 특강_내비게이션의 이해(서동권이사님)
 
User Interface
User InterfaceUser Interface
User Interface
 
HolubOnPatterns/chapter2_1
HolubOnPatterns/chapter2_1HolubOnPatterns/chapter2_1
HolubOnPatterns/chapter2_1
 
스레드
스레드스레드
스레드
 
Gps Navigation Survey
Gps Navigation SurveyGps Navigation Survey
Gps Navigation Survey
 
제3회 오픈 로보틱스 세미나 (제9세션) : ROS를 활용한 SLAM과 내비게이션
제3회 오픈 로보틱스 세미나 (제9세션) : ROS를 활용한 SLAM과 내비게이션제3회 오픈 로보틱스 세미나 (제9세션) : ROS를 활용한 SLAM과 내비게이션
제3회 오픈 로보틱스 세미나 (제9세션) : ROS를 활용한 SLAM과 내비게이션
 
Navigation 1130 정보사회와 뉴미디어
Navigation 1130 정보사회와 뉴미디어Navigation 1130 정보사회와 뉴미디어
Navigation 1130 정보사회와 뉴미디어
 
2nd ROS Tutorial Seminar
2nd ROS Tutorial Seminar2nd ROS Tutorial Seminar
2nd ROS Tutorial Seminar
 
Oroca ROV firmware
Oroca ROV firmwareOroca ROV firmware
Oroca ROV firmware
 
프로세스
프로세스프로세스
프로세스
 
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)
[NEXT] Android 개발 경험 프로젝트 5일차 (Actionbar, SideNavigation)
 
시스템 관리자를 위한 리눅스강의 1강 20130203
시스템 관리자를 위한 리눅스강의 1강 20130203시스템 관리자를 위한 리눅스강의 1강 20130203
시스템 관리자를 위한 리눅스강의 1강 20130203
 

More from JooWan

Story 06
Story 06Story 06
Story 06JooWan
 
Story 06
Story 06Story 06
Story 06JooWan
 
Story 05
Story 05Story 05
Story 05JooWan
 
Stoty 04
Stoty 04Stoty 04
Stoty 04JooWan
 
Stoty 04
Stoty 04Stoty 04
Stoty 04JooWan
 
구글을 지탱하는 기술
구글을 지탱하는 기술구글을 지탱하는 기술
구글을 지탱하는 기술JooWan
 
미코노미
미코노미미코노미
미코노미JooWan
 
웹사이트 벤치마킹
웹사이트 벤치마킹웹사이트 벤치마킹
웹사이트 벤치마킹JooWan
 
Stoty 03
Stoty 03Stoty 03
Stoty 03JooWan
 
Stoty 03
Stoty 03Stoty 03
Stoty 03JooWan
 
Stoty 01 Ver2
Stoty 01 Ver2Stoty 01 Ver2
Stoty 01 Ver2JooWan
 
Stoty 01 Ver2
Stoty 01 Ver2Stoty 01 Ver2
Stoty 01 Ver2JooWan
 
Story 01
Story 01Story 01
Story 01JooWan
 
Story 01
Story 01Story 01
Story 01JooWan
 

More from JooWan (14)

Story 06
Story 06Story 06
Story 06
 
Story 06
Story 06Story 06
Story 06
 
Story 05
Story 05Story 05
Story 05
 
Stoty 04
Stoty 04Stoty 04
Stoty 04
 
Stoty 04
Stoty 04Stoty 04
Stoty 04
 
구글을 지탱하는 기술
구글을 지탱하는 기술구글을 지탱하는 기술
구글을 지탱하는 기술
 
미코노미
미코노미미코노미
미코노미
 
웹사이트 벤치마킹
웹사이트 벤치마킹웹사이트 벤치마킹
웹사이트 벤치마킹
 
Stoty 03
Stoty 03Stoty 03
Stoty 03
 
Stoty 03
Stoty 03Stoty 03
Stoty 03
 
Stoty 01 Ver2
Stoty 01 Ver2Stoty 01 Ver2
Stoty 01 Ver2
 
Stoty 01 Ver2
Stoty 01 Ver2Stoty 01 Ver2
Stoty 01 Ver2
 
Story 01
Story 01Story 01
Story 01
 
Story 01
Story 01Story 01
Story 01
 

Stoty 02

  • 2. 목차 □ Navigation 의 역할 □ 좋은 Navigation 의 요건 □ Navigation System 의 예 □Q&A
  • 4. Navigation 의 역할 □ 전체적인 Site 성격과 구조를 파악 □ 현재 사용자의 위치를 알려줌 □ 원하는 정보를 찾아 갈 수 있도록 지원
  • 6. 좋은 Navigation 의 요건 (1/3) □ 예측 가능한 Navigation ○ 사용자가 Click 했을 때 기대했던 반응이 일어나야 함 ○ Web Site 내의 모든 Image는 오해의 소지가 없도록 제작 □ 쉬운 Control ○ Web Site 의 개성도 중요하지만 사용자가 이용하기 쉬운게 우선 □ 원하는 곳으로 빠르게 이동
  • 7. 좋은 Navigation 의 요건 (2/3) □ 복잡함이나 혼란함 방지 ○ 큰 분류는 되도록 고정시킴 ○ 다른 페이지라도 주요기능은 같은자리에 위치 ○ 자세한 정보에 접근하기까지 오랜 시간이 걸리지 않도록 주의 □ 사용자의 의도를 왜곡하지 않기 ○ 중간단계를 두지 말고 바로 이동 ○ 최소한 사용자가 Click 한 정보 표시 □ 전체보기 Button 제공
  • 8. 좋은 Navigation 의 요건 (3/3) □ 명확한 Page 표시 ○ 현재 보고있는 Page가 몇 Page 인지 확실히 구분 가능토록 제작 ○ 다양하고 명확한 Page 이동방식 제공 □ Top Button 제공 □ 뒤로가기는 바로 이전으로
  • 10. 한화이글스 한화건설 한화리조트 한화금융 2
  • 11. 3
  • 12.
  • 13.
  • 14. 7
  • 15. 2
  • 16. 3
  • 17. 2
  • 18. 4
  • 19. 3
  • 20. 2
  • 21.
  • 22. 4
  • 23. 3
  • 24. 3
  • 25. Q&A