이번에 정리할 내용은 사람의 ‘시각’ 을 통한 정보 습득 과정에서
심리학에 기반하여 제시한 UX 방법론 중 멘탈 모델에 관한 부분이다.
1. 개념
Mental Models in UX Design: The Ultimate Guide
What are mental models? How can you use them to create better user experiences? Learn more in this complete guide to mental models in UX.
careerfoundry.com
Jakob Nielsen이 설명한 바에 따르면, UX 디자인에서 멘탈 모델은 "사용자가 마주한 시스템에 대해 믿는 것"으로 정의한다. 즉, 멘탈 모델은 사용자가 웹 사이트, 휴대폰 또는 기타 디지털 제품을 사용하는 방법에 대해 알고 있다고 생각하는 것이다.
2. 특징
- 사용자들은 특정 사물(기능 또는 버튼)이 화면이나 페이지에서 어디에 위치하는지에 대한 멘탈 모델이 있다.
- 사용자들은 자신의 멘탈 모델을 통해 화면을 본다.
→ 보고 싶어하는 사물과 장소에 대하여
3. 적용
중요한 정보 or 시선을 끌고 싶은 정보는 화면 상단에서 1/3 지점에 배치하는 것이 가장 효과적이다.
화면의 모서리 부분은 상대적으로 시선이 덜 가는 곳이기 때문에 중요한 내용은 배치하지 않는다.
일반적인 사람들의 패턴에 맞도록 화면과 페이지를 디자인할 필요성이 있다. 책을 읽듯이 아래로 내려가는 것처럼 익숙한 패턴을 깨는 행위는 되도록 하지 않는다. (=시선을 분산시키지 않도록 한다.)
4. 기타
nhreits
nhreits
www.nhreits.com
▲ 참고한 레퍼런스 사이트
나를 비롯한 대부분의 사람들은, 화면의 모서리 부분보다 상단에서 1/3 지점에 있는
대체투자시장을 선도하는 최고의 투자 파트너
라는 문구가 가장 먼저 들어왔을 것이다. (중심시의 원리)
또한 화면의 왼쪽부터 읽기 시작해 오른쪽으로 시선을 옮겼을 것이고, 왼쪽 → 오른쪽 → 아래로 이동 → 왼쪽 → 오른쪽 → 아래로 이동 (…) 이러한 사이클로 홈페이지 내용을 읽어 내려갔을 것이다. (*이 사이트에 있는 내용이 주변시를 통해 빠르게 파악했을 때, 나에게 필요한 정보라고 판단이 된다면!)
오늘은 간략하게 멘탈 모델이라는 개념에 대해 정리해보았다.
사용자의 시선에서 바라보고 또 심리학에 기반한 UX이론을 배우다 보니
화면을 구성함에 있어 많은 도움이 되는 듯 하다.
앞으로도 꾸준히 UX의 기본 개념을 익히고 체화해서 실무에서 잘 활용하도록 노력해야겠다.
참고 자료 및 출처
Ph.D. Weinschenk, Susan, 100 Things Every Designer Needs to Know About People, New Riders Pub, 2018
'User Experience > Basic' 카테고리의 다른 글
| 스타트업 투자 단계 : 시리즈 펀딩(Series Funding) 과 엑시트(Exit) (1) | 2023.10.28 |
|---|---|
| 다크 패턴 (Dark Patterns) (1) | 2023.10.19 |
| 사용자 관점에서 바라보기 - 정보 전달 시 효과적인 화면 활용 방법 (0) | 2023.09.04 |
| 프로덕트를 이해하는 방법 - 역기획 (0) | 2023.08.20 |
| 어떤 목적을 가진 화면을 만들 것인가? - 주변시와 중심시 (0) | 2023.08.16 |