디자인 모형은 디자이너가 갖는 개념모형이다. 사용자가 갖고 있는 모형은 시스템과의 상호작용을 통해 형성된 심성모형이다. 시스템 이미지는 실제로 만들어진 구체적인 설명문, 지시문, 이름표 등에서 생긴다. 디자이너는 사용자 모형과 디자인 모형이 같기를 기대한다． 하지만 디자이너는 사용자와 직접 의사소통하는 일이 없고, 단지 시스템 이미지를 통해서만 가능 하다 . 만약에 시스템 이미지가 디자이너 모형을 확실하고 일관성 있게 나타내주지 않으면 사용자들은 틀린 심성모형을 갖게 된다.
디자인과 인간심리, 도널드 노먼
도널드 노먼이 제시한 개념모형, 심성모형, 시스템이미지는 사용자 경험 디자인의 핵심 개념입니다. 이 세 가지 요소는 사용자가 제품이나 시스템을 어떻게 이해하고 상호작용하는지를 설명하는 중요한 프레임워크를 제공합니다. 각 개념의 특징과 차이점, 그리고 실제 사례를 통해 자세히 살펴보겠습니다.
개념모형 (Conceptual Model)
개념모형은 디자이너가 제품이나 시스템을 설계할 때 의도한 작동 방식과 구조를 나타냅니다. 이는 사용자가 제품을 어떻게 이해하고 사용해야 하는지에 대한 디자이너의 비전이라고 할 수 있습니다[1].
주요 특징:
- 디자이너의 의도를 반영
- 제품의 기능과 구조에 대한 이상적인 이해 방식을 제시
- 사용자 인터페이스 설계의 기초가 됨
예시: 스마트폰의 개념모형에는 터치스크린을 통한 직관적인 조작, 앱 아이콘을 통한 기능 접근, 스와이프 제스처를 통한 화면 전환 등이 포함될 수 있습니다[4].
심성모형 (Mental Model)
심성모형은 사용자가 제품이나 시스템에 대해 가지고 있는 개인적인 이해와 기대를 나타냅니다. 이는 사용자의 경험, 지식, 문화적 배경 등에 따라 형성되며, 제품을 어떻게 사용할지 예측하는 데 영향을 줍니다[2].
주요 특징:
- 사용자 개인의 경험과 지식에 기반
- 제품 사용 방법에 대한 사용자의 예측과 기대를 반영
- 개인마다 다를 수 있으며, 시간에 따라 변할 수 있음
예시: 디지털 시계를 처음 접한 사람은 아날로그 시계의 심성모형을 바탕으로 접근할 수 있습니다. 시간 설정을 위해 옆면의 용두를 찾으려 할 수 있지만, 실제로는 버튼을 눌러 설정해야 할 수 있습니다[5].
시스템이미지 (System Image)
시스템이미지는 실제 제품이나 시스템의 물리적 구현을 통해 사용자에게 전달되는 모든 정보를 의미합니다. 이는 제품의 외관, 인터페이스, 작동 방식, 사용 설명서 등을 포함합니다[3].
주요 특징:
- 실제 제품이나 시스템을 통해 사용자에게 전달되는 모든 정보
- 개념모형을 실제로 구현한 결과물
- 사용자의 심성모형 형성에 직접적인 영향을 미침
예시: 자동차 대시보드의 레이아웃, 버튼의 배치, 계기판의 디자인 등이 시스템이미지의 일부입니다. 이를 통해 운전자는 차량의 상태를 파악하고 조작할 수 있습니다[6].
세 가지 개념의 관계와 중요성
개념모형, 심성모형, 시스템이미지는 서로 밀접하게 연관되어 있으며, 성공적인 UX 디자인을 위해서는 이 세 가지 요소가 잘 조화를 이루어야 합니다[7].
- 개념모형과 시스템이미지의 관계:
디자이너는 자신의 개념모형을 시스템이미지를 통해 사용자에게 전달합니다. 잘 설계된 시스템이미지는 디자이너의 의도를 명확하게 전달하여 사용자가 제품을 쉽게 이해하고 사용할 수 있게 합니다. - 시스템이미지와 심성모형의 관계:
사용자는 시스템이미지를 통해 제품에 대한 심성모형을 형성합니다. 명확하고 일관된 시스템이미지는 사용자가 정확한 심성모형을 구축하는 데 도움을 줍니다. - 개념모형과 심성모형의 일치:
성공적인 UX 디자인의 핵심은 디자이너의 개념모형과 사용자의 심성모형이 최대한 일치하도록 하는 것입니다. 이를 위해서는 사용자 연구와 반복적인 디자인 개선이 필요합니다.
일상생활에서의 사례
- 전자레인지
- 개념모형: 간단한 버튼 조작으로 음식을 빠르게 가열
- 시스템이미지: 숫자 패드, 시작/정지 버튼, 조리 모드 선택 버튼 등의 인터페이스
- 심성모형: 사용자는 이전 경험을 바탕으로 숫자를 눌러 시간을 설정하고 시작 버튼을 누르면 작동할 것이라고 예상
- 엘리베이터
- 개념모형: 버튼을 눌러 원하는 층으로 이동
- 시스템이미지: 층수 버튼, 문 열림/닫힘 버튼, 디스플레이 등
- 심성모형: 사용자는 목표 층의 버튼을 누르면 엘리베이터가 해당 층으로 이동할 것이라고 기대
- 스마트폰 카메라 앱
- 개념모형: 직관적인 인터페이스로 쉽게 사진 촬영 및 편집
- 시스템이미지: 셔터 버튼, 모드 전환 옵션, 필터 선택 메뉴 등
- 심성모형: 사용자는 기존 카메라 경험을 바탕으로 화면의 셔터 버튼을 탭하면 사진이 찍힐 것이라고 예상
- 온라인 쇼핑 웹사이트
- 개념모형: 카테고리 브라우징, 검색, 장바구니 추가, 결제 과정을 통한 쉬운 구매
- 시스템이미지: 네비게이션 메뉴, 검색창, 상품 목록, 장바구니 아이콘, 결제 버튼 등
- 심성모형: 사용자는 이전 온라인 쇼핑 경험을 바탕으로 상품을 찾아 장바구니에 담고 결제할 수 있을 것이라고 기대
- 자동차 내비게이션 시스템
- 개념모형: 목적지 입력 후 음성 안내에 따라 운전
- 시스템이미지: 지도 화면, 목적지 검색창, 경로 옵션, 음성 안내 등
- 심성모형: 사용자는 주소나 장소명을 입력하면 최적의 경로를 안내받을 수 있을 것이라고 예상
이러한 사례들은 개념모형, 시스템이미지, 심성모형이 어떻게 상호작용하는지 보여줍니다. 성공적인 UX 디자인은 이 세 가지 요소가 잘 조화를 이루어 사용자가 직관적으로 제품을 이해하고 사용할 수 있도록 합니다[8].
결론적으로, 도널드 노먼의 개념모형, 심성모형, 시스템이미지는 UX 디자인의 핵심 원칙으로, 사용자 중심의 디자인을 위한 중요한 프레임워크를 제공합니다. 디자이너는 이 세 가지 요소를 고려하여 사용자의 기대와 경험을 충족시키는 제품을 만들 수 있습니다. 이를 통해 사용자는 더 쉽고 효과적으로 제품을 이해하고 사용할 수 있게 되며, 결과적으로 더 나은 사용자 경험을 제공받게 됩니다[9].
참고자료
[1] https://jenny-arch.com/2013/08/29/the-design-of-everyday-things-donald-norman/
[2] https://www.safety1st.news/news/articleView.html?idxno=4724
[3] https://web.ntnu.edu.tw/~699450216/shares/20120308/Mental%20models,%20conceptual%20models,%20and%20modelling.pdf
[4] https://ryantorma.wordpress.com/2013/11/07/270/
[5] https://blog.naver.com/0408lucyo/222072968306
[6] https://rindesign.tistory.com/57
[7] https://opencoursehub.cs.sfu.ca/paulh/cmpt-363-2020/193/presentations/week-07
[8] https://thedecisionlab.com/reference-guide/design/mental-models
[9] https://uxdesign.cc/ux-psychology-principles-seven-fundamental-design-principles-39c420a05f84?gi=ca9d6b301020