기술 주변기기 IT산업 4 영리한 심리학 규칙 더 나은 UX 결정을 내릴 수 있습니다

4 영리한 심리학 규칙 더 나은 UX 결정을 내릴 수 있습니다

Feb 18, 2025 pm 01:06 PM

4 Clever Psychology Rules for Making Better UX Decisions

미주리 대학교 공과 대학의 연구에 따르면 웹 사이트에 대한 사용자의 첫 인상의 94% 이상이 설계와 관련이 있습니다. 이 연구는 또한 웹 사이트 가용성 문제로 인해 최대 88%의 사용자가 다시 방문하지 않을 것임을 보여줍니다.

웹 사이트를 디자인하는 데 좋은 기술 및 미적 기술 만 있으면됩니다. 큰 실수입니다. 미학은 중요하지만 (결국 2016 년!) 웹 사이트의 성공에있어서 유일한 요인이거나 심지어 가장 중요한 요소도 아닙니다. 유용성은 웹 사이트를 디자인 할 때 다음의 심리적 원칙을 염두에 두어 더 강력한 웹 사이트를 만듭니다. 4 Clever Psychology Rules for Making Better UX Decisions 키 포인트

컨텍스트는 사용자 경험 설계에서 중요합니다. 혁신을위한 확립 된 사용자 경험 모델을 깨뜨리지 마십시오. 이러한 요소와의 반복적 인 접촉으로 인해 사용자는 특정 위치 또는 순서대로 특정 요소가 나타날 것으로 기대합니다.

이미지를 영리하게 사용하면 사용자의 관심을 안내 할 수 있습니다. 캐릭터의 이미지는 페이지의 텍스트에 중점을 둔 경우 사람들이 텍스트에주의를 기울일 수 있도록 안내하며, 등록 양식을 가리키는 화살표는 사람들이 등록 양식에주의를 기울일 수 있습니다. 철저한 재 설계는 변경 사항에 저항하는 사용자의 부정적인 반응으로 이어질 수 있습니다. 대신, 미묘한 재 설계는 단계별로 수행해야하며 프로세스 중에 피드백을 적극적으로 수집해야합니다. 글꼴 크기와 단순성은 독자의 감정에 영향을 미칩니다. 더 크고 간결한 글꼴은 독자의 분위기를 향상시키고 설명을보다 쉽게 ​​실행하기 쉽게 보일 수 있습니다. 다양한 글꼴 크기를 사용하여 특정 텍스트 요소를 돋보이게 할 수도 있습니다.

    원칙 1 : 컨텍스트는 사용자 경험
  • 에서 중요합니다
  • 위에서 무엇을 볼 수 있습니까? 번호 또는 편지? 13 또는 b?
  • 위의 그림을주의 깊게 추가하십시오. 당신은 무엇을 본 적이 있습니까? A B C, 맞습니까? 자, 이제 아래 그림을보십시오 :
당신은 12, 13, 14를 볼 수 있습니다.

다음은 위의 두 그림에서 추출한 원본 사진입니다. 사진 저작권

첫 번째 예에서는 이전 경험이나 아이디어에 따라 13 또는 B가 표시 될 수 있습니다. 두 번째 예에서는 논란의 여지가있는 B와 C가 이후에 있기 때문에 13 C를 보지 못할 것입니다. 이는 인식에 영향을 미칩니다. 다시 말해, 당신은 확실히 그것이 13이 아닌 B라고 생각합니다.

그러나 세 번째 예에서는 12와 14가 사물에 대한 인식에 영향을 미치기 때문에 12 B 14를 볼 가능성은 거의 없습니다. 논란의 여지가있는 "사물"은 B 대신 13이어야합니다.

위의 예는 더 직접적이지만 여기에 또 다른 미묘한 예가 있습니다.

사진 저작권 두 얼굴이나 한 꽃병이 보이십니까?

최근의 경험이 사람들을 다루고 있다면, 당신은 꽃병을 다루는 데 많은 시간을 보냈을 것입니다.

이 섹션에서 사용 된 예제는 지각 설정 이론을 설명합니다.

심리학에서, 지각 설정 이론은 우리가 기대하고 이미 가지고있는 것에 기초하여 어떤 식 으로든 정보를 인식하는 경향을 나타냅니다. 지각 설정은 일반적으로 문화, 맥락 또는 기타 정보/상황에 의해 영향을받습니다. 4 Clever Psychology Rules for Making Better UX Decisions 지각 설정의 이점은이 섹션에 표시된 두 번째 이미지에서 12와 14 만 참석하면 분쟁이있는 "숫자"가 13이라고 자동으로 가정합니다. A와 C를 보면 분쟁이있는 "편지"가 B라고 자동으로 가정합니다. 그러나 논란의 여지가있는 숫자/문자 만 볼 수 있다면 경험과 기존의 이전 아이디어에 따라 숫자 나 글자가 표시됩니다.

그렇다면 웹 사이트 디자인에 어떻게 적용됩니까?

사용자 경험 원칙 : 참신, 시원함 또는 재미를 위해 확립 된 사용자 경험 모델을 깨뜨리지 마십시오 크리에이티브는 종종 해당 분야의 일반적인 관행에서 혁신하고 중대한 변화를 원합니다. 그러나이 혁신은 웹 사이트 디자인의 전환율을 줄일 수 있습니다. 사람들이 웹 사이트를 방문하면 특정 위치 또는 순서대로 특정 요소가 나타날 것으로 기대합니다.

예를 들어 이름과 이메일을 요청하는 양식을 설계 할 때 이름을 먼저 요청한 다음 이메일을 요청할 것으로 예상됩니다. 이것들은 이러한 것들에 대한 반복적 인 노출로 인해 마음 속에서 발생하는 기존의 아이디어이며, 그들을 훼손하지 않는 것이 중요합니다 (또는 적어도 아무런 이유없이).

실제로 혁신을 결정할 때는 사람들이 새로운 요소를 나타내는 것을 쉽게 알 수 있도록 단서와 가이드를 포함해야합니다. 이것은 사용자 경험 101입니다.

원리 2 : 이미지 위치는 사용자의 관심을 산만하게합니다

시각 효과가없는 웹 디자인은 불완전하지만 - 스톡 사진이나 실제 이미지를 사용하든 웹 디자인에서 이미지를 사용하는 것은 대부분의 사람들이 생각하는 것만 큼 간단하지 않습니다.

다음 예를 살펴보십시오 :

4 Clever Psychology Rules for Making Better UX Decisions 이것을 다시보십시오 : 모두 두 이미지 모두 동일한 텍스트를 포함하고 동일한 제품을 홍보합니다. 변화하는 유일한 것은 아기의 이미지의 위치입니다. 결과적으로 더 많은 사람들이 아기의 시선에주의를 기울이고 있습니다. 그러나 두 번째 예에서는 아기가 옆으로 쳐다 보면, 많은 사람들이 눈을 돌리는 방향으로 눈을 돌립니다.

다음 두 예제는 동일한 원칙을 확인할 수 있습니다. 다음 그림은 그림 속의 여성이 당신을보고 있음을 보여줍니다 :

다음 그림은 그림 속의 여성이 제품을 쳐다보고 있음을 보여줍니다.

4 Clever Psychology Rules for Making Better UX Decisions 사진 저작권 이것은 귀하의 웹 사이트 디자인에 어떻게 적용됩니까?

사용자 경험 원칙 : 이미지 사용량이 전략적인지 확인하십시오

잘못된 이미지를 사용하면 사람들이주의를 기울이고 싶은 정보에서 사람들을 산만하게하고 전환율을 크게 줄입니다.

웹 디자인에서 이미지를 사용하는 경우, 위치의 중요성을 인식하는 것이 중요합니다. 등록 양식을 가리키는 화살표는 사람들이 등록 양식에주의를 기울일 수 있도록 안내합니다. 이미지를 사용하지 말고 사용하는 이미지가 사람들이 집중하고자하는 것에 정확하게 집중할 수 있도록 안내 할 수 있는지 확인하십시오.

원칙 3 : 철저한 재 설계를 피하십시오 - 점진적이고 미묘한 접근 방식을 채택하려면 가장 크고 가장 성공적인 웹 사이트가 큰 개정을 거의받지 않는 이유는 무엇입니까? 큰 웹 사이트가 재발행 될 때마다 거의 항상 강력하게 반대하는 이유는 무엇입니까? 4 Clever Psychology Rules for Making Better UX Decisions 웨버의 차이에 대한 정확한 인식에 대한 법칙은 이것을 설명합니다. Weber의 법률은 다음과 같이 말합니다. "올바른 지각 차이의 크기는 원래 자극 값의 일정한 비율입니다." 감각 경험에서. ".

웨버의 법칙은 예를 들어 무게가 10kg 인 물체를 들어 올리면 0.1 kg을 추가하면 차이가 쉽게 알 수 있습니다. 그러나 1kg을 추가하면 차이가 쉽게 알아 차릴 수 있습니다. 이 경우, 객체를 보유한 사람이 차이를 차이 임계 값이라고하는 추가 중량 (1 kg)을 추가합니다.

동일한 원칙은 효과적인 웹 디자인에도 사용될 수 있습니다.

심리학은 우리가 변화를 좋아하지 않는다는 것을 증명합니다. 2010 년 연구에 따르면 우리는 더 오래 존재하는 것들을 선호하는 경향이 있습니다. 이 연구는 또한 존재가 길수록 더 좋습니다. 변화에 대한 우리의 강한 저항은 진화와 생존 본능으로 거슬러 올라갑니다.

이것은 귀하의 웹 사이트 디자인에 어떻게 적용됩니까?

사용자 경험 원칙 : 단계별로 재 설계하십시오.

Google, Facebook 및 기타 대형 사이트에서 발견 한대로 (일부는 고통스러운 수업입니다!) 미묘하고 진보적 일 때 변화가 더 좋습니다.

완전한 웹 사이트를 재 설계하지 마십시오. 다양한 요소를 단계별로 변경하고 프로세스에서 피드백을 적극적으로 수집합니다. 지나치게 강렬한 재 설계를 도입하려면 먼저 소수의 사용자에게 분할하십시오. 그들의 반응을 관찰하고 이것을 사용하여 평균 사용자에게 설계를 출시하는 방법에 영향을 미칩니다.

원칙 4 : 글꼴을 사용하여 독자의 기분을 개선하기 위해

심리학은 글꼴 크기에 대해 무엇을 말합니까? 더 작은 글꼴이나 더 큰 글꼴을 갖는 것이 낫습니까?

2012 년 연구에 따르면 글꼴 크기가 중요하며 더 큰 글꼴이 독자들 사이에 더 강한 감정적 연결을 유발할 수 있습니다. 흥미롭게도 전문가들은 컨텐츠가 16 픽셀 이상이어야한다고 권장합니다.

즉, 연구는 글꼴 크기 사이의 독해력의 차이를 발견하지 못했지만 명확하고 읽기 쉬우 며 간단한 글꼴 (더 큰 글꼴이 더 명확하고 읽기가 더 쉽습니까?)은 설명을 더욱 쉽게 보이게하는 것으로 밝혀졌습니다. 독자 분위기를 실행하고 개선합니다.

"스캔 경로"의 개념을 이해하는 것도 중요합니다.이 뇌는 정보를 읽고 처리하는 방법을 설명합니다. 온라인이든 다른 곳에서나 내용을 읽을 때, 우리의 눈은 "자연적인 모드"라는 일종의 것을 따릅니다. "스캔 경로". 본질적으로, 우리의 눈은 작은 점프로 내용을 읽고 (모든 것이 흐릿한 시간에) 일시 중지되어 뇌가 우리가 읽고있는 글자의 스냅 샷을 가져다가 말로 정리하고 그 의미를 설명 할 수 있습니다. 이 모든 것은 잠시 후에 발생하므로 눈치 채지 못합니다. 이 점프는 Saccades라고하며 일시 정지를 시선이라고하며 함께 스캐닝 경로를 형성합니다. 이 자연스럽게 읽는 과정을 이해하는 것은 독자를위한 효과적으로 설계하는 방법을 이해하는 데 필수적입니다. 스캔 경로는 지그재그 패턴을 따르며, 우리는 "모드 인터럽트"가있을 때까지 완전히 "의식적"이 아닙니다. 요컨대, 독자가 웹 디자인의 특정 텍스트 요소에 더 집중하기를 원한다면 다른 모든 것과 동일한 글꼴 크기를 사용할 수 없습니다.

이것은 귀하의 웹 사이트 디자인에 어떻게 적용됩니까?

사용자 경험 원리 : 글꼴을 사용할 때는 간단하고 큰 글꼴이 항상 좋습니다 디자인에서 글꼴을 더 잘 사용할 수있는 몇 가지 팁이 있습니다.

너무 멋진 글꼴을 사용하면 너무 복잡해집니다.

더 큰 글꼴을 사용하십시오.

더 큰/다른 글꼴을 사용하여 중요한 요소가 눈에 띄게 만들어졌습니다. 특히 사람들이주의를 기울이고 싶은 디자인에서 전환율을 줄일 수 있습니다.

  • 사용자 경험 디자인 및 심리학에 대한 자주 질문
  • 사용자 경험 설계에서 심리학의 역할은 무엇입니까?
  • 심리학은 디자이너가 사용자의 생각, 행동 및 느낌을 이해하는 데 도움이되기 때문에 사용자 경험 설계에서 중요한 역할을합니다. 이러한 이해는 사용자 요구와 기대를 충족시키는 사용자 친화적 인 인터페이스를 만드는 데 중요합니다. 심리학의 원칙을 적용함으로써 디자이너는 사용자가 제품과 상호 작용하는 방법을 예측하여 직관적이고 효율적인 인터페이스를보다 쉽게 ​​설계 할 수 있습니다.
  • 사용자 경험 설계에서 색상 심리학을 적용하는 방법은 무엇입니까?
  • 색상은 우리의 감정과 결정에 큰 영향을 줄 수 있습니다. UX 디자인에서는 색상을 사용하여 사용자의 관심을 안내하고 메시지를 전달하며 특정 감정을 불러 일으킬 수 있습니다. 예를 들어, 빨간색은 종종 응급 또는 위험과 관련이 있으며 녹색은 성공 또는 진보를 나타냅니다. 그러나 색상은 다른 문화에서 다른 의미를 가질 수 있으므로 문화적 차이를 고려하는 것이 중요합니다.
von restov 효과는 무엇이며 사용자 경험 설계에서 어떻게 사용되는지?

"분리 효과"라고도하는 von restov 효과는 매력적인 아이템이 기억하기 쉽다는 것을 지적합니다. UX Design에서는이 효과를 사용하여 이러한 요소를 다른 요소와 시각적으로 분리하여 항목 유도 버튼 또는 주요 정보와 같은 페이지의 중요한 요소를 강조 할 수 있습니다. 모양의 심리학은 사용자 경험 설계에 어떤 영향을 미칩니 까? 모양은 또한 의미를 전달하고 감정을 불러 일으킬 수 있습니다. 예를 들어, 원은 종종 조화와 무결성과 관련이 있으며 사각형은 안정성과 균형을 나타냅니다. 이러한 연결을 이해함으로써 디자인의 모양을 전략적으로 사용하여 메시지를 효과적으로 전달할 수 있습니다.

인지 부하는 무엇이며 사용자 경험 설계에 어떤 영향을 미칩니 까?

인지 부하는 정보를 처리하는 데 필요한 정신 노동의 양을 나타냅니다. 사용자 인터페이스가 너무 복잡하거나 혼란 스러우면인지 부하가 ​​증가하여 혼란과 좌절이 발생할 수 있습니다. 인지 부하를 최소화하려면 디자인에서 간결하고 명확하게 노력하십시오. 명확한 레이블, 일관된 레이아웃을 사용하고 불필요한 요소를 피하십시오.

사용자 경험 디자인에서 선택 심리학을 사용하는 방법은 무엇입니까?

선택 심리학은 사용자가 선택할 권리가 있기를 좋아하지만 너무 많은 선택은 의사 결정 마비로 이어질 수 있음을 보여줍니다. UX Design에서는 사용자에게 의미있는 선택을 제공하는 것이 중요하지만 압도적이지 않도록하는 것이 중요합니다. 예를 들어, 메뉴의 옵션 수를 제한하거나 프로그레시브 공개를 사용하여 정보를 단계별로 표시 할 수 있습니다.

피츠의 법칙은 무엇이며 사용자 경험 설계에 어떻게 적용 되는가?

피츠의 법칙에 따르면 대상으로 이동하는 데 걸리는 시간은 목표의 거리와 크기에 따라 다릅니다. UX 디자인에서 이것은 중요한 요소가 사용자의 관심에 초점을 맞출 수있는 곳과 가까워서 클릭하거나 클릭하기 쉽게해야 함을 의미합니다.

지각 심리학은 사용자 경험 설계에 어떤 영향을 미칩니 까?

인식은 우리가 감각 정보를 해석하는 방법입니다. 사용자 경험 설계에서 인식을 이해하면 사용자가 정보를 자연스럽게 처리하는 방식과 일치하는 인터페이스를 만드는 데 도움이 될 수 있습니다. 예를 들어, 사용자는 서로 가깝게 요소를 처리하는 경향이 있으며이 방법을 사용하여 관련 항목을 그룹화 할 수 있습니다.

습관 심리학이란 무엇이며 사용자 경험 설계에 어떤 영향을 미칩니 까?

습관은 의식적인 사고없이 수행 할 수있는 자동 행동입니다. UX 디자인에서는 일관되고 예측 가능한 인터페이스를 만들어 습관을 활용할 수 있습니다. 이를 통해 사용자는 각 동작에 대해 생각할 필요가 없기 때문에 제품을보다 효율적으로 사용할 수 있습니다.

사용자 경험 설계에서 동기 부여 심리학을 사용하는 방법은 무엇입니까?

동기 부여 중심의 행동. UX Design에서는 보상, 피드백 및 과제를 사용하여 사용자가 제품에 참여하도록 동기를 부여 할 수 있습니다. 예를 들어, 작업이 완료된 후 긍정적 인 피드백을 제공하거나 게임 화 된 요소를 사용하여 경험을보다 즐겁게 만들 수 있습니다.

위 내용은 4 영리한 심리학 규칙 더 나은 UX 결정을 내릴 수 있습니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

CNCF ARM64 파일럿 : 충격 및 통찰력 CNCF ARM64 파일럿 : 충격 및 통찰력 Apr 15, 2025 am 08:27 AM

CNCF (Cloud Native Computing Foundation), Ampere Computing, Equinix Metal 및 Actuated 간의 공동 작업 인이 파일럿 프로그램은 CNCF Github 프로젝트를위한 ARM64 CI/CD를 간소화합니다. 이 이니셔티브는 보안 문제 및 성과를 다룹니다

AWS ECS 및 LAMBDA가있는 서버리스 이미지 처리 파이프 라인 AWS ECS 및 LAMBDA가있는 서버리스 이미지 처리 파이프 라인 Apr 18, 2025 am 08:28 AM

이 튜토리얼은 AWS 서비스를 사용하여 서버리스 이미지 처리 파이프 라인을 구축함으로써 안내합니다. ECS Fargate 클러스터에 배포 된 Next.js Frontend를 만들어 API 게이트웨이, Lambda 기능, S3 버킷 및 DynamoDB와 상호 작용합니다. th

2025 년에 가입 할 Top 21 개발자 뉴스 레터 2025 년에 가입 할 Top 21 개발자 뉴스 레터 Apr 24, 2025 am 08:28 AM

이 최고의 개발자 뉴스 레터와 함께 최신 기술 트렌드에 대해 정보를 얻으십시오! 이 선별 된 목록은 AI 애호가부터 노련한 백엔드 및 프론트 엔드 개발자에 이르기까지 모든 사람에게 무언가를 제공합니다. 즐겨 찾기를 선택하고 Rel을 검색하는 데 시간을 절약하십시오

See all articles