기본을 알면 디자인이 쉽다. 네비게이션 기본 & 핵심 원칙

EASY - 쉬운 네비게이션을 위한 원칙

1. 학습이 필요한 네비게이션은 피하라.

2. 사용자의 편재 위치를 항상 알 수 있도록 제공하라.

3. 대안을 제시할 수 있는 네비게이션을 제공하라.

: 계속 발전하는 웹 환경에서 새로운 학습이란 꼭 필요한 것입니다. 하지만 불필요하게 어렵게 만들어 사용자들로 하여금
많은 학습을 강요한다면 사용자들에게 외면당할 수 밖에 없습니다. 쉬운 네비게이션을 위한 원칙을 지켜 정황과 다양항 대안등을
제공해 주어 사용자들이 쉽게 사용할 수 있는 웹 사이트를 제작할 수 있기를 바랍니다.

Intuition - 직관적인 네비게이션을 위한 원칙

1. 네비게이션은 분명한 시각적 메시지를 제공하라.

2. 명확한 레이블을 제공하는 네비게이션을 제공하라.

3. 모든 페이지 내의 링크를 링크로 지각할 수 있도록 구성하라.

: 불필요한 설명과 복잡한 배치로 인해 네비게이션을 어렵게 만들어서는 안 됩니다.
어떻게 제공하는가, 내용물은 무엇인가 등에 대한 필수적인 사항이 네비게이션으로 표현될 수 있어야 합니다.
네비게이션의 확실한 시작적인 표시를 통해 직관적인 네비게이션을 위한 원칙을 지켜
사용하기쉬운 웹 사이트를 제작 할 수 있기를 바랍니다.

Consistency - 일관성 있는 네비게이션을 위한 원칙

1. 전체 사이트의 네비게이션이 일관성을 유지할 수 있도록 설계하라.

2. 다른 사이트들이 지키고 있는 네비게이션 원칙을 지켜라.

3. 네비게이션의 리에아웃을 조직적으로 설계하라.

: 일관성이란 하나의 웹 사이트상에서 또는 여러 가지 웹 사이트에서 지켜지고 있어
학습 없이도 쉽게 사용할 수 있는 법칙을 말합니다. 네비게이션의 일관성이 지켜지면 반복에 의한
학습 효과로 인해 심리적 모델 추출이 가능하고 일관성이 지켜지지 않으면 사용자를 혼란스럽게 할 것입니다.
일관성 있는 네비게이션을 위한 원칙을 지켜 사용자들에게 익숙하고 쉽게 사용할 수 있는 웹 사이트를
제작할 수 있기를 바랍니다.

Economy - 경제적인 네비게이션을 위한 원칙

1. 네비게이션의 구성 요소를 명료하게 표현하라.

2. 가장 중요한 요소를 강조하여 네비게이션을 설계하라.

3. 정보를 단계적으로 볼 수 있도록 네비게이션을 설계하라.

: 경제성의 개념은 '간결성','명료성' 등의 원리와 함께 다양한 정보를 한 화면 속에 보여 주면서
여러 가지 컨텐츠들의 내용과 구성을 쉽게 알아볼 수 있도록 하는 원리입니다.
경제적인 네비게이션을 위한 원칙을 지켜 사용자들이 최소한의 노력으로 바로 원하는 정보를 찾을 수 있도록
도움을 주는 웹사이트를 제작할 수 있기를 바랍니다.

Suitability - 사이트의 타겟에 적합한 네비게이션을 위한 원칙

1. 사용자의 연령에 적합한 네비게이션을 선택하라.

2. 사용자의 성별 등에 적합한 네비게이션을 선택하라.

3. 사용자의 예상 사용 시간에 적합한 네비게이션을 선택하라.

: 적합성이란 사용자의 연령, 성별, 예상 사용시간 등 다양한 타겟에 맞게 사이트의 컨셉을 제공해 주는 것을 말합니다.
사이트 메인 타겟의 인구 통계학적인 분석이 필요하며, 타겟이 되는 주 사용자들의 흥미를 유발할 수 있는 모든 방법이 동원되어
사용자들의 감성을 만족시켰을 때 잘 만들어진 사이트라고 말할 수 있을 것입니다. 사이트의 타겟에 적합한 네비게이션을 위한 원칙을 지켜
타겟 사용자들의 감성에 적합한 웹 사이트를 제작할 수 있기를 바랍니다.

Structure - 사이트 구조에 적합한 네비게이션을 위한 원칙

1. 계열 구조에 따른 네비게이션을 설계하라.

2. 계층 구조에 따른 네비게이션을 설계하라.

3. 그리드 구조에 따른 네비게이션을 설계하라.

4. 네트워크 구조에 따른 네비게이션을 설계하라.

: 현재 우리가 흔히 접하는 네비게이션 구조는 계열 구조, 계층 구조, 그리드 구조, 네트워크 구조로 구분할 수 있습니다.
컨텐츠의 성격에 따라 정보를 보여주는 방법, 즉 구조가 결정되면 각 정보간의 이동을 위한 네비게이션 설계에도 영향을 미치게 됩니다.
사이트 구조에 적합한 네비게이션을 위한 원칙을 지켜 사이트 구조에 필요한 네비게이션을 설계하여 웹사이트를 제작할 수 있기를 바랍니다.

Purpose - 사이트의 목적과 기능에 적합한 네비게이션을 위한 원칙

1. 사이트의 목적과 기능에 따라 유용한 네비게이션을 설계하라.

2. 사이트의 목적과 기능에 따라 즐길 수 있는 네비게이션을 설계하라.

3. 사용자의 목적과 행동을 지원하는 네비게이션을 설계하라.

: 웹 사이트의 목적과 기능에 따라 사용자 인터페이스 및 네비게이션 디자인이 달라져야 합니다.
사이트의 목적에 맞는 최적의 인터페이스 및 네비게이션 디자인을 통하여 웹 사이트의 주요 목적과 전달하는 내용을
효과적으로 부각시킬 수 있으며, 또한 사용자가 쉽게 이해하고 편리하게 사용할 수 있도록 사이트를 개발해야 합니다.
사이트의 목적과 기능에 적합한 네비게이션을 위한 원칙을 지켜 사용자들이 사용하기 편하고 쉬운 네비게이션을 제작할 수 있기를 바랍니다.

Estimate - 사용자들이 예측 가능한 네비게이션을 위한 원칙

1. 피드백을 주는 네비게이션을 설계하라.

2. 발생할 수 있는 오류를 예상하여 안정성 있는 네비게이션을 설계하라.

3. 사용자의 실수를 미리 예측하여 네비게이션을 설계하라.

: 웹 페이지와의 상호작용에서 피드백을 제공해 주어 사용자들에게 앞으로의 상황을 예측할 수 있게 해주는 원칙을 예측성이라고 말합니다.
이러한 피드백의 제곡은 자신이 가고자 했던 페이지가 원래 가고자 했던 페이지인지를 확인시켜 주면서,
앞으로 가야 할 방향을 예측할 수 있게 해 줍니다. 예측 가능한 네비게이션을 위한 원칙을 지켜 사용자들에게 안정성 있는
웹 사이트를 제공할 수 있기를 바랍니다.

Interest - 흥미 요소가 있는 네비게이션을 위한 원칙

1. 친근감 있는 요소를 적용하여 사용자들의 접근성을 높여라.

2. 멀티미디어의 활용으로 네비게이션의 흥미를 배가시켜라.

3. 적절한 메타포를 사용하여 네비게이션을 구성하라.

: 흥미성이란 사이트의 인터페이스와 네비게이션 구조에 친근감 있고 재미있는 요소를 제공하여
사용자로 하여금 흥미를 느낄 수 있게 해주는 디자인의 원리입니다.
흥미 요소가 있는 네비게이션을 위한 원칙을 지켜 사용자들에게 즐거운을 제공해주는 웹 사이트를 제작할 수 있기를 바랍니다.

※ 메타포(metaphor) - 어떤 것이 마치 다른 것인 것처럼 표현되거나 보이는 비유적인 표현이나 만들어진 환경에 대한 비유

Style - 스타일이 적용된 네비게이션을 위한 원칙

1. 적절한 디자인 스타일을 적용하여 변별성, 기억도, 선호도를 증대시켜라.

2. 전체 디자인 스타일과 일관성 있는 스타일을 유지하라.

3. 기능에 맞는 적절한 디자인을 선택하라.

: 디자이너의 역량이 100% 활용되는 사이트는 거의 없을 것입니다. 클라이언ㅌ의 취향과 그때 그때의 유행에 따라 많은 변수가 있을텐데요.
그럼에도 불구하고 사용성과 창조성을 조화롭게 잘 표현해 낼 수 있는 능력이 디자이너가 갖추어야 할 능력이 아닌가 생각됩니다.
스티알이 적용된 네비게이션을 위한 원틱을 지켜 사용자들을 만족시킬 수 있는 웹 사이트를 제작할 수 있기를 바랍니다.


[내용 다운로드]
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/06/24 10:48 2009/06/24 10:48
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4387

Trackback URL : http://tcbs17.cafe24.com/tc/trackback/4387

« Previous : 1 : ... 366 : 367 : 368 : 369 : 370 : 371 : 372 : 373 : 374 : ... 1009 : Next »

블로그 이미지

- 홍반장

Archives

Recent Trackbacks

Calendar

«   2024/11   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Statistics Graph

Site Stats

Total hits:
242945
Today:
72
Yesterday:
1403