웹기획 , 사용자 를  배려 하는  합리적 인 생각 이동의 기술 , 내비게이션 디지털컨텐츠 특강 Stephano
내비게이션 소개 내비게이션의 기본적인 요건 좋은 내비게이션의 조건과 부정적인 예 인기 사이트의 내비게이션들
내비게이션 이란 ? <ul><li>사용자가 원하는 대로 사이트 이곳 저곳을 잘 이동하게 해주는 장치 . </li></ul><ul><li>사용자의 위치를 알려주고 ,  사이트 전체 구조를 알려 주는 것 . </li></u...
내비게이션 소개 내비게이션의 기본적인 요건 좋은 내비게이션의 조건과 부정적인 예 인기 사이트의 내비게이션들
내비게이션의 기본적인 요건 <ul><li>현재 자신이 어디에 있는지 알 수 있게 해주기 </li></ul><ul><li>전체적인 사이트의 성격과 구조를 파악 가능하게 해주기 </li></ul><ul><li>사용자가 원하...
내비게이션 소개 내비게이션의 기본적인 요건 좋은 내비게이션의 조건과    부정적인 예 인기 사이트의 내비게이션들
예측 가능하고 컨트롤할 수 있어야 한다 . <ul><li>사용자가 예측 가능하게 내비게이션을 하자 </li></ul><ul><li>사용자가 쉽게 컨트롤 할 수 있게 하자 . </li></ul>
한화그룹 메인 페이지   - 예측불가능
한화그룹 메인 페이지   - 예측불가능
롯데  i 몰 카테고리 내비게이션   - 어려운 컨트롤
롯데  i 몰 카테고리 내비게이션   - 어려운 컨트롤
효율적이지 않으면 거추장스러울 뿐 <ul><li>원하는 곳으로 빠르게 이동 가능하게 해주자 .  </li></ul><ul><li>복잡함이나 혼란함을 불러 일으키게 하지 말자 .  </li></ul>
11st The street  내비게이션   - 느리고 복잡함
11st The street  내비게이션    - 느리고 복잡함
11st The street  내비게이션   - 느리고 복잡함
11st The street  내비게이션   - 느리고 복잡함
사용자가 클릭하면 가급적 한번에 보여주자 <ul><li>중간단계를 두지 말고 바로 목적한 곳으로 갈 수 있게 처리하자 . </li></ul><ul><li>사용자가 클릭한 정보는 찾기 쉽게 도와주자 . </li></ul>...
CJ 몰의 테마상품 내비게이션   - 중간단계 혹은 일관성 부족
CJ 몰의 테마상품 내비게이션   - 중간단계 혹은 일관성 부족
CJ 몰의 테마상품 내비게이션   - 중간단계 혹은 일관성 부족
CJ 몰의 테마상품 내비게이션   - 중간단계 혹은 일관성 부족
작지만 중요한 팁들…… <ul><li>일부 내용을 제공한다면 ‘더보기’ 혹은 ‘전체보기’ 기능을 제공하자 . </li></ul>
작지만 중요한 팁들…… <ul><li>페이지 네비게이션의 숫자는 명확하게 표시하고 이동 방식을 다양하게 제공하기 </li></ul>
작지만 중요한 팁들…… <ul><li>‘ Top’ 이나 ‘맨 위로’ 버튼은 쉽게 접근 가능한 위치에 제공하자 </li></ul>
작지만 중요한 팁들…… <ul><li>‘ Top’ 이나 ‘맨 위로’ 버튼은 쉽게 접근 가능한 위치에 제공하자 </li></ul>
내비게이션 소개 내비게이션의 기본적인 요건 좋은 내비게이션의 조건과 부정적인 예 인기 사이트의 내비게이션들
theFWA.com  의 예   H&M  의류홈페이지
theFWA.com  의 예   GraphicDesigner
우리주변의 좋은 내비게이션   “싸이월드”
좋은 내비게이션이란 ? <ul><li>기본적인 사용자의 편의성을 제공하며 </li></ul><ul><li>예측 , 컨트롤가능하며 효율적이며 </li></ul><ul><li>사이트 성격 ,  목적에 알맞도록 구성 </li...
Q & A
Upcoming SlideShare
Loading in …5
×

dicon

897 views

Published on

dicon 2

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
897
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

dicon

  1. 1. 웹기획 , 사용자 를 배려 하는 합리적 인 생각 이동의 기술 , 내비게이션 디지털컨텐츠 특강 Stephano
  2. 2. 내비게이션 소개 내비게이션의 기본적인 요건 좋은 내비게이션의 조건과 부정적인 예 인기 사이트의 내비게이션들
  3. 3. 내비게이션 이란 ? <ul><li>사용자가 원하는 대로 사이트 이곳 저곳을 잘 이동하게 해주는 장치 . </li></ul><ul><li>사용자의 위치를 알려주고 , 사이트 전체 구조를 알려 주는 것 . </li></ul><ul><li>예측가능하고 , 컨트롤 가능해야 하고 , 효율적 이어야 한다 . </li></ul>
  4. 4. 내비게이션 소개 내비게이션의 기본적인 요건 좋은 내비게이션의 조건과 부정적인 예 인기 사이트의 내비게이션들
  5. 5. 내비게이션의 기본적인 요건 <ul><li>현재 자신이 어디에 있는지 알 수 있게 해주기 </li></ul><ul><li>전체적인 사이트의 성격과 구조를 파악 가능하게 해주기 </li></ul><ul><li>사용자가 원하는 정보를 찾아 갈 수 있도록 지원 해주기 </li></ul><ul><li>메뉴 구성과 동선설계 , 레이블링 같은 요소도 잘 되어 있어야 한다 . </li></ul>
  6. 6. 내비게이션 소개 내비게이션의 기본적인 요건 좋은 내비게이션의 조건과 부정적인 예 인기 사이트의 내비게이션들
  7. 7. 예측 가능하고 컨트롤할 수 있어야 한다 . <ul><li>사용자가 예측 가능하게 내비게이션을 하자 </li></ul><ul><li>사용자가 쉽게 컨트롤 할 수 있게 하자 . </li></ul>
  8. 8. 한화그룹 메인 페이지 - 예측불가능
  9. 9. 한화그룹 메인 페이지 - 예측불가능
  10. 10. 롯데 i 몰 카테고리 내비게이션 - 어려운 컨트롤
  11. 11. 롯데 i 몰 카테고리 내비게이션 - 어려운 컨트롤
  12. 12. 효율적이지 않으면 거추장스러울 뿐 <ul><li>원하는 곳으로 빠르게 이동 가능하게 해주자 . </li></ul><ul><li>복잡함이나 혼란함을 불러 일으키게 하지 말자 . </li></ul>
  13. 13. 11st The street 내비게이션 - 느리고 복잡함
  14. 14. 11st The street 내비게이션 - 느리고 복잡함
  15. 15. 11st The street 내비게이션 - 느리고 복잡함
  16. 16. 11st The street 내비게이션 - 느리고 복잡함
  17. 17. 사용자가 클릭하면 가급적 한번에 보여주자 <ul><li>중간단계를 두지 말고 바로 목적한 곳으로 갈 수 있게 처리하자 . </li></ul><ul><li>사용자가 클릭한 정보는 찾기 쉽게 도와주자 . </li></ul><ul><li>비즈니스 목표를 위해 사용자의 의도를 왜곡 시키지 말자 . </li></ul>
  18. 18. CJ 몰의 테마상품 내비게이션 - 중간단계 혹은 일관성 부족
  19. 19. CJ 몰의 테마상품 내비게이션 - 중간단계 혹은 일관성 부족
  20. 20. CJ 몰의 테마상품 내비게이션 - 중간단계 혹은 일관성 부족
  21. 21. CJ 몰의 테마상품 내비게이션 - 중간단계 혹은 일관성 부족
  22. 22. 작지만 중요한 팁들…… <ul><li>일부 내용을 제공한다면 ‘더보기’ 혹은 ‘전체보기’ 기능을 제공하자 . </li></ul>
  23. 23. 작지만 중요한 팁들…… <ul><li>페이지 네비게이션의 숫자는 명확하게 표시하고 이동 방식을 다양하게 제공하기 </li></ul>
  24. 24. 작지만 중요한 팁들…… <ul><li>‘ Top’ 이나 ‘맨 위로’ 버튼은 쉽게 접근 가능한 위치에 제공하자 </li></ul>
  25. 25. 작지만 중요한 팁들…… <ul><li>‘ Top’ 이나 ‘맨 위로’ 버튼은 쉽게 접근 가능한 위치에 제공하자 </li></ul>
  26. 26. 내비게이션 소개 내비게이션의 기본적인 요건 좋은 내비게이션의 조건과 부정적인 예 인기 사이트의 내비게이션들
  27. 27. theFWA.com 의 예 H&M 의류홈페이지
  28. 28. theFWA.com 의 예 GraphicDesigner
  29. 29. 우리주변의 좋은 내비게이션 “싸이월드”
  30. 30. 좋은 내비게이션이란 ? <ul><li>기본적인 사용자의 편의성을 제공하며 </li></ul><ul><li>예측 , 컨트롤가능하며 효율적이며 </li></ul><ul><li>사이트 성격 , 목적에 알맞도록 구성 </li></ul>
  31. 31. Q & A

×