Skip to Content
Go Back
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 CSS가 어려운 이유 — 프로젝트 중심 실전 CSS 강의 소개 2023-04-13
📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기(강의) 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12
📌 [번역] CSS 코드 냄새 2013-01-01

장식처럼 보이는 사진은 무시당한다 by 제이콥 닐슨

제이콥 닐슨은 웹 사용성 연구의 권위자입니다.

이 글은 “웹 콘텐트로서의 사진(Photos as Web Content)”을 요약한 것입니다.


우리 아이트랙킹(eyetracking, 웹사이트 탐색시 사용자의 시선이 어디로 가는지 기록하는 방법) 연구는 사용자가 웹사이트 이미지에 접근할 때 놀라운 차이를 발견했다.

  • 순수하게 장식적인 이미지는 완전히 무시당했다.
  • 제품 사진이나 진짜 사람(모델이 아니라)은 중요한 콘텐츠로 인식하고 주의를 기울여 봤다.

여전히 많은 사이트가 순수하게 장식적인 이미지를 사용하고 있다.

사용자들은 자신들이 원하는 정보를 제공하는 사이트를 좋아한다.

  • 전자 거래에서 제품 사진은 사용자들이 상품을 이해하고, 다른 상품과의 차이를 알도록 한다.
  • 개인 웹사이트에서 사용자들은 웹사이트 뒤의 진짜 사람에 관해 알고 싶어 한다. 필자 사진 같은 것 말이다. 이것은 블로그를 위한 사용성 가이드라인의 핵심이다.

사람 = 좋다(만약 진짜 사람이라면)

(이후 예시를 제공한다. 원문에 가면 볼 수 있다.)

회사 소개에서 회사 구성원의 인물 사진에 사람들은 시선을 준다. 하지만 장식용으로 넣어 둔 전문가의 사진에는 전혀 눈길을 주지 않았다. 심지어 보통 사람들을 찍은 사진이라 해도 말이다.

예시에 있는 사진은 아마 예일대 진짜 학생을 찍은 사진일 것이다. 디자이너나 기획자는 분위기를 잡기 위해 이 사진을 넣었을 것이다.

하지만 웹에서 분위기를 잡는 용도로 넣은 사진은 무시당한다. 전자 상거래 사이트가 아니라 비영리 사이트나 대학 사이트라도 마찬가지다.

상세한 제품설명 사진은 좋다.

사용자 요청이 있을 때 큰 사진을 제공하는 것도 좋다.

정보를 담은 이미지도 좋다.

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다