미학과 지각 – 사용자 경험 이미지에 접근하는 방법

웹사이트, 모바일 애플리케이션 또는 기타 디지털 제품에서 UX 디자인 및 사용자 경험 이미지와 관련하여 많은 디자이너가 개인의 미적 감각을 사용하여 이미지를 선택하고 이를 마이크로카피 및 나머지 인터페이스와 합당한 방식으로 결합합니다. 제품 목적 및 브랜딩과 관련하여.

"그림은 천 마디 말의 가치가 있다"는 유명한 속담은 19세기 초부터 유행했으며 일반적으로 측면에 게재된 광고에서 이미지 사용을 홍보하는 기사에서 이 문구를 쓴 Fred R. Barnard에 기인합니다. 전차의. 많은 상황에서 이미지는 사용자에게 감정적 반응을 일으키는 힘이 있습니다. 이는 브랜드 목적을 명확히 하고 제품 가치 제안을 강화하며 웹사이트 또는 모바일 앱의 매력을 높이는 데 유용할 수 있습니다.

뇌가 텍스트보다 빠르게 해석하고 메시지에 깊이와 맥락을 부여하여 텍스트보다 더 몰입감 있는 경험을 제공하기 때문에 이미지는 메시지를 즉시 전송할 수 있습니다. 디자이너가 이미지 작업 방법을 알면 청중의 감정적 반응을 더 잘 조작할 수 있습니다. 제품 디자인은 사용자 경험 이미지의 품질에 따라 오르거나 내릴 수 있으므로 올바른 디자인을 만드는 것이 중요합니다.

웹사이트와 모바일 애플리케이션을 제외하고 이미지는 모든 종류의 제품 디자인에서 중요합니다. Rachel Krause(Nielsen Norman Group의 사용자 경험 전문가)가 6 Rules for Persuasive Storytelling 에서 언급했듯이, 이미지는 관련 사례 연구, 차트 및 사용성 테스트의 사진에 통합되어 청중이 단어 이상으로 연결할 수 있는 무언가를 제공할 수 있습니다. .

Kim Flaherty(Nielsen Norman Group의 UX 전문가)도 최근 연구에 따르면 뉴스레터 수신자는 웹에서 접하는 것과 동일한 고품질 이미지를 기대하고 더 큰 규모로 볼 수 있고 세부 사항을 매우 명확하게 보여주는 이미지를 강력하게 선호한다고 밝혔습니다.

이미지의 사용과 사용자 인식 및 사용자 경험에 대한 심리적 영향에 대한 심층적인 이해는 UX 디자이너가 과소평가해서는 안 되는 디자인의 중요한 측면입니다.

디자인의 감각적 이미지

최근 감각 마케팅 분야는 주로 마케팅 및 심리학 분야에서 기업 및 학계의 관심을 끌고 있습니다. Aradhna Krishna는 Sensory Marketing: Research on Sensuality of Products 라는 책에서 감각 마케팅을 "사람들이 구매 및 소비 결정을 내리는 방식에 영향을 미치는 잠재의식적 트리거"로 정의합니다. 이 진술은 마케팅과 마찬가지로 제품 디자인 프로젝트에도 적용할 수 있습니다.

저자에 따르면 감각적 이미지는 다음과 같은 방법으로 제품 디자인에 영향을 줄 수 있습니다.

• 시각적 디자인을 통한 정신적 자극 촉진
• 브랜드로 사람들을 사로잡다
• 브랜드에 대한 태도에 영향
• 시각 디자인을 통해 다른 감각(후각 등) 자극

이미지를 통한 정신 시뮬레이션 향상

마케터와 디자이너는 "Think Different"(Apple) 및 "Just do it"(Nike)과 같은 슬로건으로 소비자가 상상력을 발휘하도록 오랫동안 권장해 왔습니다. 그러나 이러한 간단하고 눈에 띄는 문구는 명시적으로 요청하지 않고 제품 사용을 상상하도록 사람들을 자동으로 설득하지 않습니다.

인지 및 지각에 대한 연구(위에서 언급)에 따르면 제품이 시각적으로 표시되는 방식을 변경하는 것만으로도 사람들이 제품과 상호 작용하는 것을 상상하게 하고 결과적으로 구매 가능성을 높이는 것으로 나타났습니다.

신중하게 선택한 이미지는 제품에 대한 사람들의 인식에 상당한 영향을 미치고 브랜드 근접성을 효과적으로 증가시키거나 사람들이 자신과 일치하지 않는 이미지를 만나는 상황에서 부정적인 영향을 미칠 수 있습니다.

예를 들어 부동산 웹사이트가 중산층 고객을 대상으로 하고 분명히 매우 고급스럽고 값비싼 빌라의 다음 예를 배경으로 사용하는 경우 대상 사용자와 회사 간의 연결에 잠재적으로 영향을 미칠 수 있습니다. 이는 브랜드와 사용자가 인식하는 방식 사이에 격차를 만듭니다.

주의, 감각 및 지각

사람들이 현실과 어떻게 관계하는지 이해하기 위한 출발점은 주의, 감각 및 지각의 심리적 과정에 있습니다.

주의 는 집중할 특정 자극을 선택하고 이들 간의 관계를 설정하는 정신적 과정입니다. 현명하게 사용될 때, 그러한 자극은 관찰자의 주의를 특정 정보로 이끌기 위해 전략적으로 배치됩니다. 사람들의 눈은 매일 수십 개의 광고와 웹사이트에 이끌려 관심을 끌 수 있기 때문에 가능한 최고의 사용자 경험 이미지를 선택하는 것이 중요합니다.

소비에트 심리학자 레프 세메노비치 비고츠키(Lev Semenovitch Vygotsky)는 인간의 정신은 주체가 노출되는 현실의 주관적 형성에 직접적으로 작용하는 과정으로서 감각 을 소유하고 있으며 사람들과 세상과의 관계에서 중요한 역할을 한다고 주장한다. 또한, 두 가지 이상의 감각이 함께 경험할 때 일반적으로 대상과 감각 사이의 연관성을 생성하는 것이 특징인 공감각이 있습니다. 예를 들어, 빨간색은 종종 "열정적인" 색상으로 간주되며 Coca-Cola는 이를 브랜딩에 널리 사용합니다.

인간의 지각 은 이미 경험한 경험과의 연상을 통해 만들어진 감각에 의해 포착된 정보를 선택하고 의미를 부여할 수 있는 뇌 기능을 말합니다. 이것은 또한 멘탈 모델이라고 할 수 있습니다.

사람들의 그룹이 항상 같은 생각을 하는 것은 아니라는 점을 이해하는 것이 중요합니다. 특히 다른 문화, 사회 계층 및 연령 그룹을 고려한다면 더욱 그렇습니다. 다음 이미지는 청중이 여행을 좋아하는 젊은 사람들이라면 재미와 모험을 나타내는 좋은 예가 될 수 있습니다. 자녀와 함께 여행하는 데 따른 스트레스를 경험한 부모라면 그다지 많지 않을 수도 있습니다. 이 경우 심층 사용자 조사는 디자이너가 특정 청중에게 사용할 최상의 이미지 유형을 선택하는 데 도움이 되는 통찰력을 제공합니다.

사용성을 높이는 도구로서의 사용자 경험 이미지

초심자와 문맹률이 낮은 사용자를 위한 모바일 인터페이스 디자인 연구 논문에서 저자는 이미지가 문맹률이 낮은 사람들도 지원하여 제품 사용성을 높이고 사용자 경험을 전반적으로 개선한다고 말합니다. 문맹은 종종 빈곤과 관련이 있기 때문에 문맹이 아닌 사용자는 주로 시각적 요소를 기반으로 하고 역학에 초점을 맞춰 인터페이스를 다르게 스캔합니다.

Andrew Thatcher가 수행한 연구에서는 ATM과 대체 아이콘 및 음성 기반 ATM 인터페이스를 사용하는 동안 글을 읽고 쓸 수 있는 사람들의 행동을 연구했습니다. 저자에 따르면 사람들은 다른 선택보다 아이콘 기반 ATM 인터페이스를 선호하는 경향을 보였습니다. 이것은 이미지와 구체적으로 관련이 없을 수 있지만 시각적 요소가 텍스트 기반 인터페이스보다 더 잘 이해된다는 것을 예시합니다.

이 연구는 특히 문맹률이 낮은 사용자를 대상으로 했지만 이미지와 시각적 기반 인터페이스가 읽기 장애가 있는 사용자뿐만 아니라 일반 사용자에게 긍정적인 영향을 미친다는 점을 이해하는 것이 중요합니다. 예를 들어, 사진을 잘 선택하면 사용자가 정보를 더 빨리 스캔하고 흡수하여 제품의 목적을 더 빨리 이해할 수 있습니다. 이를 검증하는 가장 좋은 방법은 Five Second Testing으로 알려진 방법을 사용하는 것입니다.

제품 미학의 응용 심리학에 대한 더 깊은 이해

시각적으로 매력적인 디자인은 사용하기 쉽게 인식되기 때문에 디자이너로서 그렇게 만드는 것이 중요합니다. 또한 미적 디자인은 더 쉽게 수용되고 더 자주 사용되며 창의적 사고와 문제 해결을 촉진합니다. 유니버설 디자인 원칙에 따르면 미적 디자인은 사용자와의 긍정적인 관계를 촉진하여 디자인 내에서 사용성 문제에 대해 더 관대하게 만듭니다.

미적 사용성 효과

일반적으로 미적 디자인은 참여 가능성이 더 높습니다. 이미지는 시각적 매력과 많은 관련이 있으며 사용자 인식에 직접적인 영향을 미칩니다. 제품이 더 유용하지만 시각적으로 덜 매력적이면 사용성 문제를 무의미하게 만드는 수용 부족으로 어려움을 겪을 수 있습니다.

이 심리적 현상에 따르면 미학적으로 매력적인 디자인은 일반적으로 덜 매력적인 디자인보다 더 직관적이며, 이는 특히 제한된 기술적 배경을 가진 사용자에게 해당됩니다. 또한 미적 디자인이 제대로 작동하지 않을 때 사용자는 제품의 잘못이라기보다 스스로를 탓하는 경향이 있습니다.

그런 의미에서 뛰어난 사진이나 영상은 사용자를 즐겁게 한다. 그 긍정적인 감정적 반응은 제품과의 사용자 상호작용 및 브랜드 자체와의 관계를 더욱 강화하는 동시에 사용성 단점을 보완하고 사용자를 더 관대하게 만듭니다.

Nielsen Norman Group의 기사에서 Kate Moran은 Kurosu와 Kashimura를 인용했는데, 이들은 사용자가 시스템의 기본 기능을 평가할 때라도 주어진 인터페이스의 미학에 크게 영향을 받는다고 결론지었습니다.

예를 들어 FitBit 웹사이트를 살펴보십시오. Moran은 사용성 테스트 중에 한 사용자가 사이트에서 쇼핑하는 동안 상호 작용 디자인의 사소한 성가심부터 탐색의 심각한 결함에 이르기까지 많은 문제에 직면했다고 보고했습니다. 사용자는 약간의 어려움으로 작업을 완료할 수 있었습니다.

그러나 사용자는 웹 사이트가 멋진 색상과 훌륭한 사진으로 인해 바다처럼 보입니다 (매우 고요함) 라고 말하면서 웹 사이트의 사용 편의성을 매우 높게 평가했습니다. 사이트의 미적 매력이 만들어내는 긍정적인 감정적 반응은 사용성 문제를 은폐하는 데 도움이 되었습니다.

프라이밍 효과

인터페이스에 적합한 이미지를 선택하는 것은 미학을 넘어선 것입니다. 선택한 이미지는 올바른 메시지와 가치를 전달해야 합니다. 인간의 두뇌는 항상 연상을 다루기 때문에 이미지는 연상을 다루는 강력한 도구로 사용될 수 있습니다. 생각하는 것, 빠르고 느린 것( Thinking, Fast and Slow )이라는 책에서 다니엘 카네만(Daniel Kahneman)은 마음이 어떻게 무의식적으로 연상을 만드는지에 대한 설득력 있는 예를 제시했습니다. 그는 독자들에게 다음 두 단어를 보도록 요청했습니다.

사람들은 그 단어를 보았을 때 불쾌한 연상을 경험했습니다. 역겨운 표정으로 얼굴이 약간 일그러지고, 심장 박동이 빨라지고, 팔에 털이 조금 올라갔다. 간단히 말해서, 그들은 실제 사건에 어떻게 반응할지에 대한 감쇠된 버전으로 "구토"에 반응했습니다. 이 모든 것은 사람의 통제를 벗어나 순전히 아이디어의 연관을 통해서였습니다. 그러나 사람들이 "바나나"라는 단어를 "구토"의 부정적인 의미와 연관시키기 때문에 그 영향은 그 이상일 수 있습니다.

프라이밍은 자극에 대한 노출이 이후 자극에 대한 반응에 영향을 미치는 암묵적 기억 효과입니다. 디자이너는 또한 인터페이스가 시각적으로 어떻게 매력적일지 생각하는 것뿐만 아니라 메시지 전송, 사용자 인식, 사용자 참여 및 잘 구성된 연관을 통한 아이디어 조작 측면에서 이미지로 작업할 수도 있습니다.

Nielsen Norman Group의 Priming and User Interfaces 에서 저자는 "이미지와 페이지 콘텐츠는 사람들이 웹사이트에 대한 기대치를 형성하도록 유도합니다. 이러한 가정이 더 확인되면 전반적인 경험은 부드럽고 즐겁습니다. 그러나 가정이 잘못된 것으로 판명되면 사람들은 종종 사이트의 사용성이 좋지 않다고 인식합니다.”

기사에서도 다음과 같은 예를 제시했는데, 사립학교 홈페이지에서 어린아이들의 모습을 보여주어 마치 유치원이나 초등학교 1학년 전용이라는 인상을 주고 있다. 실제로 학교는 8학년까지 다룹니다.

요약

이미지는 사람들의 인식과 사용자 경험에 영향을 미치기 위해 사용될 때 강력한 도구가 될 수 있습니다. 디자인에 효과적인 이미지를 선택하면 제품의 매력을 높이고 비즈니스 가치를 강화하며 판매 및 리드 생성을 늘리고 인터페이스 및 정보 검색 속도를 높이고 청중을 즐겁게 하며 소비자와 브랜드 간의 공감을 향상시킬 수 있습니다.

디자이너가 가장 두드러진 심리적 현상과 사람들의 마음이 작동하는 방식을 더 잘 이해하면 비즈니스 자체에 긍정적인 영향을 미치면서 사람들에게 실제로 의미가 있는 더 나은 제품을 만들 수 있습니다.

Toptal Design 블로그에 대한 추가 정보:

• 브랜드 일러스트레이션 101: 내러티브 시각화하기
• 디자인 심리학과 멋진 UX의 신경과학
• 설득력 있는 디자인: 고급 심리학을 효과적으로 사용하기
• 드로잉 기술 없이 맞춤형 일러스트레이션을 디자인하는 단계별 가이드
• 디자인에 대한 영향 – 색상과 감정에 대한 안내서