인터페이스 스타일 가이드

책 소개

사이트의 목적에 딱 알맞은 인터페이스는 무엇일까?

“가장 일반적인 형태가 최적의 인터페이스라고 할 수는 없지만 많은 사이트에서 지키고 있는 규칙이라면 사용자에게 익숙할 것이며 처음 접속하는 사이트에서도 같은 규칙이 적용될 것을 기대할 것이다.”

인터페이스 디자인은 디지털 매체를 통한 커뮤니케이션의 빈도가 많아지면서 학문적으로 연구가 활발해 지고 있는 분야입니다. 전자제품의 액정패널, 현금인출기의 터치스크린, 전자오락실의 게임기, 컴퓨터 운영 프로그램에 이르기까지 그 응용범위는 점차 넓어지고 있으며 웹 사이트도 그 분야 가운데 하나입니다.
이 책은 웹 사이트를 방문하는 사용자가 뿐만 아니라 웹 사이트를 만드는 제작자의 입장에서도 도움이 될 수 있는 효율적인 인터페이스 스타일 가이드를 제시하고 있습니다.

제작자의 입장에서는 웹 사이트의 제작업무 특성에 따라 더 빠른 시간내에 최적의 인터페이스를 개발해야 합니다. 제작자에게는 사이트의 목적과 특성에 맞는 ‘인터페이스 스타일 가이드’가 필요합니다.
사용자는 수천 개의 다른 사이트를 방문했던 경험에 의해 형성된 나름대로의 사용 습관을 갖게 됩니다. 사용자는 그러한 경험에 의해 생성된 멘탈모델과 일치하는 인터페이스를 필요로 하게 됩니다.

기존의 ‘웹 스타일 가이드’는 하나의 웹사이트에서 지켜지는 통일된 약속, 예를 들면, 하나의 사이트내에서 특정 기능을 가진 버튼 디자인의 일관성, 텍스트와 그래픽의 통일성 일관성 있는 시각적 요소들이 잘 정리된 ‘내부적 일관성’에 관한 것이었습니다.
이 책에서 제시하는 스타일 가이드는 서로 다른 사이트에서 일관성을 느낄 수 있도록 디자인하는 것을 말합니다. 예를 들면 여러 사이트들의 공통된 로고 위치, 여러 사이트들의 기본적인 아이콘들의 일관성, 사이트 하단의 회사소개 영역의 일관성과 같은 ‘외부적 일관성’을 설명합니다.

이러한 외부적 일관성에 의해 제시된 정보유형별 ‘인터페이스 스타일 가이드’는 제작자에게 사이트 목적에 맞는 최적의 인터페이스를 구현할 수 있는 가이드 라인을 제공하여 사이트 제작시 참고할 수 있으며 사용자에게는 별도의 학습 없이도 웹 사이트의 인터페이스를 이용할 수 있는 효과를 기대할 수 있습니다. [강컴닷컴 제공]
""이 책의 통합검색 결과보기
TOP
작가 소개
저자 | 강은정
강은정
- 현재 경희대학교 언론정보학부와 안산제1대학 인터넷 상거래학과, 인천기능대학 평생교육원, 인천기능대학 산업디자인 학과에서 강의를 맡고 있다.
- 홍익대학교 미술대학을 졸업하고 이화여자대학교 대학원에서 ‘정보디자인과 멀티미디어디자인’을 전공했다.
- 웹 에이전시 (주)Creative Graphics Lab 디자인 팀장으로 근무했으며 디자인 기획 / 프로젝트 매니저 업무를 진행했다.
- Creative Graphics Lab 디자인팀 | 디자이너 김희화, 김수진

[강컴닷컴 제공]
""작가의 통합검색 결과보기
TOP
목차
인터페이스 스타일 가이드

제1장 _ 웹 컨텐츠의 6가지 정보유형
Identity
Identity 사이트
Identity 사이트의 특징
Identity 사이트 인터페이스 분석
Information
Information 사이트
Information 사이트의 특징
Information 사이트 인터페이스 분석
Shopping
Shopping 사이트
Shopping 사이트의 특징
Shopping 사이트 인터페이스 분석
Learning
Learning 사이트
Learning 사이트의 특징
Learning 사이트 인터페이스 분석
Community
Community 사이트
Community 사이트의 특징
Community 사이트 인터페이스 분석
Entertainment
Entertainment 사이트
Entertainment 사이트의 특징
Entertainment 사이트 인터페이스 분석
제2장 _ 정보유형에 따른 기본 인터페이스 분석
Identity | 기본 인터페이스 분석
Identity 사이트의 레이아웃 영역
조사대상 사이트
Identity 사이트의 레이아웃 유형
Identity 사이트의 메인 페이지 구성
Identity 사이트의 칼라
Identity 사이트의 비주얼
Identity 사이트의 컨텐츠
Information | 기본 인터페이스 분석
Information 사이트의 레이아웃 영역
조사대상 사이트
Information 사이트의 레이아웃 유형
Information 사이트의 메인 페이지 구성
Information 사이트의 칼라
Information 사이트의 비주얼
Information 사이트의 컨텐츠
Shopping | 기본 인터페이스 분석
Shopping 사이트의 레이아웃 영역
조사대상 사이트
Shopping 사이트의 레이아웃 유형
Shopping 사이트의 메인 페이지 구성
Shopping 사이트의 칼라
Shopping 사이트의 비주얼
Shopping 사이트의 컨텐츠
Learning | 기본 인터페이스 분석
Learning 사이트의 레이아웃 영역
조사대상 사이트
Learning 사이트의 레이아웃 유형
Learning 사이트의 메인 페이지 구성
Learning 사이트의 칼라
Learning 사이트의 비주얼
Learning 사이트의 컨텐츠
Community | 기본 인터페이스 분석
Community 사이트의 레이아웃 영역
조사대상 사이트
Community 사이트의 레이아웃 유형
Community 사이트의 메인 페이지 구성
Community 사이트의 칼라
Community 사이트의 비주얼
Community 사이트의 컨텐츠
Entertainment | 기본 인터페이스 분석
Entertainment 사이트의 레이아웃 영역
조사대상 사이트
Entertainment 사이트의 레이아웃 유형
Entertainment 사이트의 메인 페이지 구성
Entertainment 사이트의 칼라
Entertainment 사이트의 비주얼
Entertainment 사이트의 컨텐츠
제3장 _ 사이트 목적에 맞는 최적의 인터페이스 디자인 모델
Identity | 이상적인 화면설계와 구성요소
Main Navigation Area
Main Image Area
Navigation Area
Contents Area
Copyright
Information | 종합 검색포탈 사이트의 이상적인 화면설계와 구성요소
종합 검색포탈 사이트의 이상적인 화면설계와 구성요소
Main Navigation Area
Contents Area Or Event Area
Directoty Area
Copyright
Information | 신문 / 언론사 사이트의 이상적인 화면설계와 구성요소
신문 / 언론사 사이트의 이상적인 화면설계와 구성요소
Main Navigation Area
Event Or Changeable Menu Area
Contents Area
Copyright
Information 사이트의 이상적인 디자인 컨셉 방향
Shopping | 이상적인 화면설계와 구성요소
Shopping 사이트의 이상적인 화면설계와 구성요소
Main Navigation Area
Event Or Changeable Menu Area
Contents Area
Copyright
Shopping 사이트의 이상적인 디자인 컨셉 방향
Learning | 이상적인 화면설계와 구성요소
Learning 사이트의 이상적인 화면설계와 구성요소
Main Navigation Area
Event Or Changeable Menu Area
Contents Area
Copyright
Learning 사이트의 이상적인 디자인 컨셉 방향
Community | 이상적인 화면설계와 구성요소
Community 사이트의 이상적인 화면설계와 구성요소
Main Navigation Area
Event Or Changeable Menu Area
Contents Area
Copyright
Community 사이트의 이상적인 디자인 컨셉 방향
Entertainment | 이상적인 화면설계와 구성요소
Entertainment 사이트의 이상적인 화면설계와 구성요소
Main Navigation Area
Login Area
General Menu Area Or Event Area
Contents Area
Copyright
Entertainment 사이트의 이상적인 디자인 컨셉 방향
제4장 _ 정보유형에 적합한 사용자 인터페이스와 인터랙티브 디자인 사례
Identity | 사이트의 목적과 일관성에 대한 사례
기업의 가치적 아이덴티티
비주얼 소재
글로벌 아이덴티티
글로벌 네비게이션 시스템의 일관성
‘Creative’ 글로벌 네비게이션 시스템
뉴스와 이벤트
인터랙티브
제품 홍보
멀티미디어 홍보
Identity | 컨텐츠와 서비스 이용의 편의성에 대한 사례
퀵(Quick) 링크 서비스
웹 매거진
특정 사용자를 위한 배려
Identity | 네비게이션과 기타 인터페이스에 대한 사례
네비게이션
Copyright
계열사 링크
인터페이스 디자인
제품 홍보 페이지
Information | 사이트의 목적과 일관성에 대한 사례
글로벌 네비게이션
로컬 네비게이션
컨텐츠 페이지 구성
Information | 컨텐츠와 서비스 이용의 편의성에 대한 사례
검색창
검색결과
개인화 서비스
차별화된 서비스
Information | 네비게이션과 기타 인터페이스에 대한 사례
검색결과 페이지
예측성
기타
Shopping | 사이트의 목적과 일관성에 대한 사례
내부적 일관성
외부적 일관성
정보의 제공
이벤트 정보 제공 방법
상품 그룹핑
Sitemap
Shopping | 컨텐츠와 서비스 이용의 편의성에 대한 사례
FAQ
고객 게시판
고객 서비스 센터
상품문의 서비스
전자 카탈로그
상품 검색
상품 비교 서비스 28
주문
주문 양식
주문 내역조회
상품평가
Shopping | 네비게이션과 기타 인터페이스에 대한 사례
링크 기능의 상실
예측성
카테고리 아이콘
현재 상황을 알리는 기능
사용자의 컴퓨터 환경 고려
Learning | 사이트의 목적과 일관성에 대한 사례
내부적 일관성
외부적 일관성
레이블링 시스템
강의 분류
학습동기 유발
Learning | 컨텐츠와 서비스 이용의 편의성에 대한 사례
메타포
학습자료 검색
샘플강좌 제공
강의등록 유도
학습을 위한 아바타
개인 맞춤 서비스
학습 요소 제공
학습 프로그램 지원
능력 향상을 위한 학습
훈련과 반복 학습
Learning | 네비게이션과 기타 인터페이스에 대한 사례
손쉬운 페이지 이동
피드백
용어 설명
Community | 사이트의 목적과 일관성에 대한 사례
내부적 일관성
메뉴 구조
네비게이션의 연관성
레이블링
비주얼 표현
목적에 맞는 칼라 시스템
광고
Community | 컨텐츠와 서비스 이용의 편의성에 대한 사례
컨텐츠 내용
카테고리
클럽찾기
쪽지기능
개인화 서비스
아바타 쇼핑
동호회 만들기
Community | 네비게이션과 기타 인터페이스에 대한 사례
페이지 이동
버튼과 이미지의 차별성
필요한 버튼의 부족
예측성
Entertainment | 사이트의 목적과 일관성에 대한 사례
글로벌 네비게이션 시스템
컨텐츠의 시각적 구분
동영상 멀티미디어
사운드 멀티미디어 사용자 인터랙션
게임 소프트웨어의 인터페이스
아바타
캐릭터
모바일 서비스
Entertainment | 컨텐츠와 서비스 이용의 편의성에 대한 사례
개인화 서비스
고객지원 기능
인터랙션 서비스
검색 시스템
게임 사용자를 위한 도움말
Entertainment | 네비게이션과 기타 인터페이스에 대한 사례
아바타 쇼핑몰의 인터페이스
회원가입
리스트
게임 컨텐츠 인터페이스

[강컴닷컴 제공]

다운로드
interface_styleguide.jpg (0B)

의견 1 신규등록      목록