게슈탈트 원리를 적용한 웹사이트 사례

※ 미리보기 이미지는 최대 20페이지까지만 지원합니다.

분야
등록일
페이지/형식
구매가격
적립금

레포트 > 사회계열
2016.04.16
5페이지 / hwp
800원
24원 (구매자료 3% 적립)

자료 다운로드 네이버 로그인

추천자료

[학사][호텔관광]호텔 관계마케팅에 관한 연구

[사이버중독]인터넷중독과 심리적원인

[신문방송학] 마샬 맥루한과 미디어 기술이론

모션그래픽의 개요와 모션그래픽 이용한 사례 분석

[소비자행동] 근접성, 유사성, 연속성을 한 기업을 사례로 들어 설명 하시오 -G마켓 사례

인터넷 중독 레포트

[조사방법론] 온라인을 통한 상품 구매 시 영향을 미치는 요인

[미디어조사방법론] 온라인을 통한 상품 구매 시 영향을 미치는 요인

[영남대] 창업과디자인전략 총정리 입니다.중간기말때 시험입니다.

브랜드 자산모형과 CBBE 모형에 관한 탐색적 분석(대한항공 실증연구를 중심으로)

소개글

게슈탈트 원리를 적용한 웹사이트 사례에 대한 자료입니다.

본문내용

게슈탈트 심리학과 인터페이스 디자인
- 게슈탈트 원리를 적용한 사례를 웹 사이트에서 찾아보기
1. 근접성
근접성이란 사용자들이 형태를 지각할 때 가까운 것끼리 묶어서 지각하는 원리이다. 인간은 대상을 시각적으로 집단화하려는 경향을 가지며, 가까운 것끼리 묶어서 지각하려는 원리이다. 웹사이트에서는 근접성의 원리를 가까운 것끼리 묶어서 지각하려는 원리인 근접성의 요인에 따라 버튼의 쓰임새나 기능이 비슷한 버튼들끼리 가까이 두는 것에서 찾을 수 있다. 예를 들어 많이 쓰는버튼들을 그룹핑 해주면 사용자들의 이해도를 더욱 높일 수 있다.
“Player" 사이트의 경우,
상단에 로그인/회원가입/고객센터/마이페이지/장바구니/주문&배송 메뉴가 연속적으로 배치되어 있어서 사용자가 지각할 때 가까운 것을 연속적으로 지각할 수 있다.
메인 메뉴들을 일관성 있게 배치하여 디자인하고 있는데, 이 때 색상도 붉은색으로 통일감 있게 적용하여 시각적 효과를 더욱 더 높이고 있다.
고객 편의 정보군인 고객센터 이용안내와 고객 혜택, 공지사항들을 같은 하단에 두어 사용자의 이해도를 높인다.
2. 유사성
유사성은 인간이 대상을 시각적으로 집단화하려는 경향을 가지며 크기, 형, 입체, 방향, 색채 또는 명암이 비슷한 것끼리 묶어서 지각하게되는 것이다. 기능이 같은 버튼은 유사한 형태를 취하여 사용자가 집단화하여 지각할 수 있게 한다면 기능이 다른 버튼은 다른 형태를 취하고 있어야 사용자들의 혼란을 줄일 것이다. 그렇다면 회원가입 화면에서 데이터를 입력하는 중간 과정인 우편번호 찾기의 버튼과 데이터를 완성하고 나서 완료, 수정, 취소의 버튼은 각각 다른 형태로 디자인되어야 한다. 이는 사용자가 같은 형태의 버튼들을 같은 기능으로 오인할 수 있는 위험성을 방지하기 위함이다.
이것에 기반하여 제일 위에 있는 카테고리들은 SK텔레콤에 대한 개괄적인 설명을 갖추고 있는 메뉴들이다. 비슷한 기능이고 가장 기본이 되는 카테고리 이므로 서로 묶어서, SK에 대한 대략적인 이해를 하게 하였고, 그 밑에 SK 텔레콤과 의사소통을 할 수 있도록 3가지 SNS를 만들었는데 이것들은 SNS라는 동일한 집단안에 모이므로 흰색으로 잡아놓았다.
그리고 그 밑에 공지사항과 사회적 책임은 사람들에게 안내하고 알리려고 하는 비슷한 기능을 하므로 주황색을 사용하여 묶어두었고 그 밑에 정보, 자료들도 실적이나, 거래량등 수치적인 면을 보여주는 사항이므로 비슷한 범주라 여겨 다홍색으로 같이 묶어주었다. 또한 제일 밑에 고객과 관련되는 사항인 인재채용이라던가 FAQ는 빨간색으로 묶어주었다.
비슷한 그룹은 같은 색상으로 묶고 기능이 다른것은 색깔로써 구별하여 차별을 두어 그룹핑을 하였다.
3. 연속성

오늘 본 자료

오늘 본 자료가 없습니다.

이 분야 인기자료

이 분야 신규자료