[정보] 텝네비게이션

  • 등록일 / 수정일
  • 페이지 / 형식
  • 자료평가
  • 구매가격
  • 2008.08.31 / 2019.12.24
  • 7페이지 / fileicon hwp (아래아한글97)
  • 평가한 분이 없습니다. (구매금액의 3%지급)
  • 1,500원
다운로드장바구니
Naver Naver로그인 Kakao Kakao로그인
최대 20페이지까지 미리보기 서비스를 제공합니다.
자료평가하면 구매금액의 3%지급!
이전큰이미지 다음큰이미지
목차
탭 네비게이션(Tab Navigation)의 비밀
아마존(www.amazon.com)
애플(www.apple.com)

본문내용
탭 네비게이션(Tab Navigation)의 비밀

탭 네비게이션(tab navigation)은 메타포(metaphor, 은유)가 어떻게 디자인에 적용되어야 하는지를 보여주는 대표적인 본보기이다. 탭이 네비게이션 디자인에 은유적으로 성공할 수 있었던 것은 항목의 구분과 찾기가 용이하다는 탭의 속성을 일상 생활에서 이미 경험했기 때문이다. 그러므로 탭 네비게이션을 디자인할 때는 항목의 구분과 찾기의 용이성을 반영하는 것이 중요하다. 이러한 탭의 장점 때문에 사이트의 구조가 어렵고 복잡할수록 디자이너는 탭 디자인을 사용하려고 노력했지만 탭이 주는 사무적 느낌 때문에 실패로 그치는 경우가 더 많았다.

많은 웹사이트 중에서 탭 네비게이션의 대표적인 예는 애플(www.apple.com)과 아마존(www.amazon.com)일 것이다. 이 두 사이트의 탭 네비게이션을 디자인과 사용성에 기준하여 살펴보자(비즈니스 컨셉트는 고려하지 않기로 한다).



http://www.amazon.com


아마존(www.amazon.com)

• 10개의 카테고리는 그리 많은 것이 아니지만 탭 네비게이션 방식에서는 부담스러운 개수이다.

• 좁은 공간에서의 20자가 넘는 긴 레이블과 2단 형식의 레이블은 가독성을 급격히 저하시킨다.

• 서브메뉴가 메인 메뉴보다 더 크게 보이는 것은 디자인 오류로 볼 수 있다.

상단과 하단 탭의 크기(height)가 같기 때문에 정보의 계층을 제대로 표현하지 못했다.


http://www.apple.com


애플(www.apple.com)

로고와 'home' 기능을 겸한 버튼을 메인 네비게이션에 배치하여 헤더 영역(header)을 효율적으로 활용하였다.

• 탭의 개수가 많은 아마존 네비게이션은 헤더에 시각적 무게감(visual weight)이 가중되지만, 애플은 탭의 개수(6~8개가 적당)를 적절히 조절하였다.

• 레이블의 길이를 10자리 이하로 조절하여 탭을 같은 크기로 디자인하였다.

정보의 계층을 표현하기 위해 상, 하단의 탭 크기(height)를 다르게 하였다(상단>하단).
탭 방식은 수평 구조의 네비게이션이기 때문에 카테고리 개수와 레이블 길이가 중요한 기준이다. 카테고리가 수평으로만 배치되기 때문에 6~8개가 적정 수준이며 이보다 카테고리가 많을 경우에는 탭 방식은 적합하지 않다. 애플은 카테고리가 7개이며 아마존은 우측 끝의 메뉴까지 합하면 10개이다.
자료평가
    아직 평가한 내용이 없습니다.
회원 추천자료
  • [정보통신, 홈페이지, 온라인, 웹사이트, 사이트] 고객중심의편리하고 이용하기 쉬운 사이트를 구축하라
  • 네비게이션 편의를 위한 사이트맵 제공 3. 회원가입 양식에서의 사용성4. Help Desk와 FAQ를 통한 사용성5. 정보이용 내역의 제공6. 검색서비스의 사용성7. 주요 메뉴에 대한 바로가기 기능 제공8. 팝업-새창띄우기 9. 웹사이트 이름이나 로고에는 메인페이지로 링크 연결10. 인트로 페이지 사용 자제1) 네비게이션 편의를 위한 현재 위치 확인기능 제공 고객 중심적 웹사이트 구축을 위한 필수 지침- 사용자가 보고 있는 웹페이지가 전체 네비게이션에

  • [경영정보시스템] 자동차 산업과 스마트폰
  • 정보와 충돌 경고 및 충돌 예비 메시지를 차량 간 통신으로 전송하여 충돌 회피 및 사고를 대비할 수 있도록 하는 서비스이다. 이와 유사한 서비스를 제공하는 것으로 교차로 일시정지 및 경고 시스템이 있다. 네비게이션 정보로부터 신호기가 없는 교차점 정보를 취득한 후 카메라의 화상 해석에 의해 정지선과 일시 정지 표시를 인식 및 정지선까지의 적정 주행 속도를 판단하여 속도를 초과하고 있는 경우, 경고음과 단속적인 가벼운 브레이크에 의

  • [정보시스템 연구방법론] DMB 디바이스에 따른 수요특성 분석 -핸드폰 단말기와 차량용 네비게이션을 중심으로
  • DMB 디바이스에 따른 수요특성 분석 : 핸드폰 단말기와 차량용 네비게이션을 중심으로- 요 약 -현재 한국에서는 지상파 DMB 시장이 형성되고 활성화되기 시작하는 시점에 있다. DMB는 지금까지의 미디어와는 다른 새로운 방식의 정보 전달 매체로서 많은 시사점을 사회 전반에 걸쳐서 내포하고 있다. 새로운 매체의 등장에도 불구하고 국내 DMB 시장은 소비자 이용률이 낮다. 이러한 시점을 같이 하여 DMB 이용자 속성에 대한 연구가 필요할 것이다. 따라서

  • 팅크웨어 `아이나비` 조사
  • 네비게이션 시장으로 들어오는 현재, 이런 점은 팅크웨어의 점유율에 치명적인 영향을 미치게 될 것이다. 대기업의 제품은 A/S에 있어서 만큼은 고객들이 확실한 신뢰를 하고 있기 때문이다. 고객들의 지속적인 불만사항으로 타 기업으로 등 돌리기 전에 대책을 마련해야 할 것이다. 현재 팅크웨어와 소속된 A/S지점 들이 있지만 그 수가 많지 않다. 그러므로 지점을 늘이고 그 지점들을 지속적으로 관리해야 할 것이다. 고객이 사후처리에 만족했을 경우

  • [웹디자인, 웹디자이너] 웹디자인의 개념, 웹디자인의 지침, 웹디자인의 기법, 웹디자이너의 조건, 웹디자이너가 되는 방법, 웹디자이너의 전망 분석
  • 웹디자인의 개념, 웹디자인의 지침, 웹디자인의 기법, 웹디자이너의 조건, 웹디자이너가 되는 방법, 웹디자이너의 전망 분석Ⅰ. 개요Ⅱ. 웹사이트의 구성요소1. 컨셉 2. 컨텐츠 3. 웹사이트 구조 및 네비게이션 4. 백엔드 시스템 Ⅲ. 웹디자인의 개념Ⅳ. 웹디자인의 지침1. 웹 디자인 원칙2. 웹 화면 구성원리1) 적은 접속 횟수로 많은 정보 획득2) 제시되는 자료의 일관성 유지3) 사용자의 시간 낭비 엄금4) 최신의 정보 제공5) 자료 다운로드 시간

오늘 본 자료 더보기
  • 오늘 본 자료가 없습니다.
  • 저작권 관련 사항 정보 및 게시물 내용의 진실성에 대하여 레포트샵은 보증하지 아니하며, 해당 정보 및 게시물의 저작권과 기타 법적 책임은 자료 등록자에게 있습니다. 위 정보 및 게시물 내용의 불법적 이용, 무단 전재·배포는 금지됩니다. 저작권침해, 명예훼손 등 분쟁요소 발견시 고객센터에 신고해 주시기 바랍니다.
    사업자등록번호 220-06-55095 대표.신현웅 주소.서울시 서초구 방배로10길 18, 402호 대표전화.02-539-9392
    개인정보책임자.박정아 통신판매업신고번호 제2017-서울서초-1806호 이메일 help@reportshop.co.kr
    copyright (c) 2003 reoprtshop. steel All reserved.