감정 디자인 : 사용자가 '기분'을위한 웹을 디자인하는 방법.

아름다운 웹 사이트 ...하지만 사람들이 왜 구속되지 않습니까? 디자이너와 웹 소유자가 실제로 발생하는 문제

이렇게 느낀 적이 있습니까? 당신은 아름다운 웹 사이트를 만들기 위해 돈과 시간을 모두 전념했습니다. 완전한 기능 디자인도 현대적입니다. 그러나 결과는 실망 스러웠습니다 ... 사용자의 양은 증가하지 않습니다. 재사용 비율은 적습니다. 고객이 들어 와서 조용히 가십시오. 그냥 들러서 인사 하고이 문제를 통과 한 것처럼이 문제는 당신에게 혼자가 아닙니다. 그러나 많은 웹 사람들이 우리가 직면하고 있다는 사실은 우리가 가장 중요한 차원이 사용자의 "감정이 될 때까지"미학 "과"유용성 "에 집착하는 경향이 있다는 사실입니다."Heart "웹 사이트는 순서대로 작동하는 로봇과 다르지 않지만 전혀 인상이나 유대를 만들 수는 없습니다.

-[즉각적인]-

삽화를위한 프롬프트 : 웹 사이트 A 사이의 비교 이미지는 웹 사이트 B와 함께 아름답지만 더 간단한 디자인을 가지고 있지만, 사용자를 미소 짓는 요소 (예 : 약혼 A, 안정적인 및 B- 위 브리 사이트를 보여주는 그래프와 함께 미소를 짓는 요소가 있습니다.

-[/즉각적인]-

우리 웹 사이트는 왜 "마음이없는"입니까? 간과 된 뿌리를 뚫습니다

이 문제는 웹 디자인을 "논리적이고 추론"으로 보는 경향이 있기 때문에 발생합니다. 가장 짧은 사용자 흐름을 생성하고 버튼을 넣고 가장 쉽게 찾을 수있는 색상을 사용하여 가장 대비 색상을 사용합니다. 그러나 우리는 인간이 "감정"으로 대부분의 기억을 결정하고 창조 한 것을 잊어 버린 유일한 논리 반응 (논리)입니다. Don Norman 원칙에 따르면, 사용자 경험의 선구자는 유명한 감정적 디자인 3 가지 수준의 인간 인식이 있다고 설명했다 : 내장 (본능), 행동 (행동) 및 반사). Behaviral은 "사용하기 쉽다"는하지만 시험은 "첫눈에 아름답다"는 내장 수준으로 실패하고 우리가 기능에 집중하지만 정서적 연결이 부족한 사용자에게 "좋은 기억과 의미를 만들어야하는"반사 수준. 강한 집을 짓는 것과 같지만 "집"이라는 단어의 느낌을주지 않기 때문에 아무도 머물기를 원하지 않습니다. 사용자의 감정에 대한 무지는 우리의 웹 사이트만으로 "도구"만 만들지 만 사용자가 생각하는 "친구"를 만드는 문제의 근본입니다.

-[즉각적인]-

그림을위한 프롬프트 : 간단한 인포 그래픽 이미지 인간 뇌는 "논리"(기어 형성 아이콘, 그래프) 및 "감정"(심장 형성 아이콘, 별, 웃는 얼굴)으로 나뉘어져 있지만 대부분의 디자인이 논리에 초점을 맞추는 화살표가 있지만 감정을 가리키는 화살이 비어 있습니다.

-[/즉각적인]-

웹 사이트를 "건식"으로 추가하십시오 ... 예상보다 더 고통스러운 결과

우리가 우리 웹 사이트를 아름답지만 노출 된 영역으로 계속해서 "판매는"판매가 금지되지 않는 것 "보다 더 심각했지만 장기적인 부식 브랜드입니다. 상상하다:

• 브랜드 충성도는 0입니다. 정서적 채권이 없을 때 고객은 브랜드에 충성 할 이유가 없습니다. 그는 더 나은 제안이있는 즉시 경쟁 업체로 변경할 준비가되었습니다.
• 더 이상 (입소문) : 사람들은 "와우", "인상적인"또는 "재미"느낌을 공유하거나 말할 것입니다. "사용될 수있는"웹 사이트는 전혀 기억하거나 언급되지 않습니다.
• 경쟁자의 바다에서 사라진다 : 모든 사람이 아름다운 웹 사이트 "느낌"을 만들 수있는 시대에 "느낌"은 진정한 차이를 만드는 것입니다. 귀하의 웹 사이트가 감정적이지 않으면 다른 웹 사이트와 다르지 않습니다. 시장에서 수백만 명
• 커뮤니티 창출 기회 상실 : 일반적인 느낌은 커뮤니티 구축의 기초입니다. Heartless 웹 사이트는 브랜드를 지원하고 보호 할 준비가 된 팬 기반을 구축 할 수 없습니다.

정서적 디자인을 무시하는 것은 누출에 물을 추가하려고하는 것과 같습니다. 당신은 사람들을 끌어 들이기 위해 많은 마케팅 예산을 얻을 수있을 것입니다. 그러나 결국, 그들은 당신의 웹 사이트 "그들의 감정이 그들의 선을 유지할 수 없다"는 웹 사이트가 완전히 흐를 것입니다. 브랜드에 대한 조직 웹 사이트의 영향을 이 문제가 왜 매우 중요한지를 더 명확하게 볼 수 있습니다.

-[즉각적인]-

삽화 프롬프트 : 비교 이미지 전/후. 첫 번째 쪽은 구멍이 많은 수도 탱크입니다. 물은 거의 완전히 흐릅니다. (이것은 세상을 떠난 고객과 같습니다). 후면은 심장 모양의 아이콘으로 유출 된 물 탱크입니다. 그리고 전체 탱크가 있습니다 (여전히 브랜드를 가진 고객과 같은)

-[/즉각적인]-

웹 사이트를 위해 마음을 깨우십시오! 3 단계의 감정적 디자인에서 시작합니다

좋은 소식은 ... 우리는 우리의 웹 사이트가 활기차게되기 위해 마음을 깨울 수 있다는 것입니다! 그리고 가장 좋은 출발점은 Interaction Design Foundation에서 Don Norman의 감정적 디자인의 3 가지 수준을 이해하고 적용하는 것입니다. 각 레벨이 무엇인지, 어디서 시작할 수 있는지 보자.

• 레벨 1 : 내장 디자인 (본능에 영향을 미치는 디자인) : 이것은 "먼저 사랑"입니다. 그것은 잠시 후에 일어난 첫 번째 인상입니다. 사용자는 생각조차하지 않고 "좋아하는"또는 "좋아하지 않는"것을 즉시 판단합니다. "외모와 느낌"의 이야기입니다.
  여기에서 시작 : 그림의 품질, 브랜드의 감정, 아름다운 타이포그래피, 읽기 쉬운, 깨끗하고 매력적인 레이아웃을 전달하는 색상의 사용에 중점을 둡니다.
• 레벨 2 : 행동 디자인 (동작에 응답하는 설계) : 사용자가 웹 사이트를 "사용"하면 느낌이 "편의"및 "효율성"으로 바뀌면 웹 사이트가 자신의 삶을 더 쉽게 만들 수 있습니까? 똑똑하고 똑똑하고 원하는대로 무엇이든 성취 할 수 있습니까?
  여기에서 시작 : 웹 사이트를 가장 쉽게 사용하기 쉽게 만들고 (유행성) 복잡한 절차를 줄이고 모든 사용자의 작업이 사랑스러운 마이크로 인터레이션을
• 레벨 3 : 반사 디자인 (반사를 만드는 디자인) : 이것은 가장 높고 가장 강력합니다. 그것은 느낌입니다. "후"웹 사이트에서 어떤 사용자가 사용 되었습니까? 그가 자신에 대해 기분이 좋게 만들까요? 그것이 정체성이나 그가 보유한 가치와 연결되어 있습니까? 그것은 "이야기"와 "의미"의 창조입니다.
  여기서부터 시작하십시오 : 이해하는 (예 : 친절한 오류 메시지와 같은), 브랜드 느낌을 만들고, 제품이나 서비스 이상의 "가치"를 제공하는 UX Writing을 사용하여 따라야 할 브랜드를 만듭니다

완벽한 디자인은 3 레벨을 모두 결합하는 것입니다. "만족스러운"것이 아니라 기억에 남는 경험을 만들려면.이 섹션에 전략을 세우는 데 도움이되는 전문가가 필요하다면 UX/UI 설계 서비스가 조언을 제공 할 준비가되었습니다.

-[즉각적인]-

그림을위한 프롬프트 : 피라미드 피라미드의 3 층, 바닥 층은 "내장"(눈 모양 아이콘)이고, 중간 층은 "행동 적"(손 모양 아이콘, 사용)이며 상단 바닥은 각 층에서 "반사 형 아이콘, 의미/스토리)입니다.

-[/즉각적인]-

Mailchimp의 실제 사례 : "원숭이"가 세계적 수준의 채권을 생성하는 경우

감정적 디자인을 사용하는 회사의 예에 대해 이야기하면 "Mailchimp"의 전설이됩니다. 첫 번째 여야합니다. MailChimp는 "지루한"및 "전체 기술 인 이메일 마케팅 플랫폼이지만"재미 "와"친절하게 만들 수 있습니다.

시작 문제 : 이메일 캠페인은 스트레스가 많고 마케팅 담당자에게 걱정됩니다. 확인하고 다시 확인해야합니다. 실수를 보내는 것을 두려워하고 결과가 잘 나오기를 바랍니다.

감정적 인 디자인으로 고치는 방법 : Mailchimp는이 느낌을 잘 이해합니다. 그리고 그들은 스트레스를 행복으로 바꾸기 위해 모든 수준에서 경험을 설계했습니다.

• 내장 : 그들은 귀엽고 장난스러운 캐릭터, 독특한 스타일 및 친절한 언어로 "Freddie"라는 마스코트 원숭이를 사용합니다. 기분이 좋아집니다
• 행동 : 그들의 플랫폼은 사용하기가 매우 쉬운 것으로 유명합니다. 단계는 명확하고 복잡하지 않습니다. 사용자가 "할 수"및 "제어"를 느끼게합니다.
• 반사 : 가장 피크는 이미 이메일 캠페인을 보냈다는 것입니다. MailChimp는 지루한 화면을 찾는 대신 Freddie Monkey의 애니메이션을 보여줍니다. 가장 스트레스가 많은 순간을 "축하"와 "좋은 감정"의 시간으로 바꿉니다. 많은 사용자 들이이 화면의 사진을 찍어 소셜 미디어에서 좋은 감정을 공유합니다.

결과 : 감정적 디자인에 대한 투자는 Mailchimp가 "도구"일뿐 만 아니라 전세계 마케팅 담당자의 "파트너 친구"가됩니다. 수십억 달러로 성장할 때까지 이것은 사용자의 "마음"을 진정으로 이해하는 디자인의 힘입니다.

-[즉각적인]-

프레드디 마스코트를 사용한 Mailchimp 화면 모델 Freddie는 일부 사용자가 작업 한 후 재미있는 연기 (예 : 높은 피스)입니다. 고객의 만족도를 보여주는 그래프 (고객 만족도)

-[/즉각적인]-

체크리스트는 즉시 사용할 수 있습니다! 3 단계로 웹 사이트를 깨우십시오.

정서적 디자인을 웹 사이트에 적용하고 싶지만 시작 방법을 모르십니까? 괜찮아요! 이 간단한 체크리스트를 사용해보십시오. 즉시 할 수 있도록 3 레벨로 나눌 수 있습니다.

1 단계 : "내장 레벨"수정

• [] 고품질 이미지 : 웹 사이트의 모든 이미지는 명확하고 아름답고 브랜드의 감정을 전달합니까?
• [] 팔레트, 올바른 색상 : 웹에서 사용되는 색상은 브랜드의 성격과 일치하며 원하는 느낌 (예 : Blue = 신뢰할 수있는, 노란색 = 재미)을 생성합니까?
• [] 읽기 쉽고 캐릭터가있는 글꼴 : 글자는 좋아 보이고 편안하게 읽고 기분과 톤을 전반적으로 일치시겠습니까?
• [] 공백 적합 : "호흡"을위한 공간이 있습니까? 아니면 모든 것이 너무 불편합니까?

2 단계 : "행동 수준"이라는 경험을 만듭니다.

• [] Lovely Micro-International : 우리를 사용하게하는 작은 반응이 있습니까? (예 : 마우스를 가리킬 때 색상 변경 버튼, 움직일 수있는 아이콘). 좋은 미시적 인 행동은 더 많은 아이디어를 얻는 데 도움이 될 것입니다.
• [] 아이디어 감소 : 사용자의 부담을 줄이기 위해 인지 적 편견 고려하여 설계 되었습니까
• [] CLEAR Navigation 메시지 : 사용자는 항상 다음에 무엇을 해야하는지 알고 있습니까? 다양한 버튼과 메뉴를 이해하기 쉬운가요?
• [] 적시에 피드백 : 사용자가 성공할 때 (양식 작성과 같은) 명확하고 친근한 확인 메시지가 있습니까?

3 단계 : 관계 "반사 수준"

• [] 브랜드 (우리 정보) : 페이지 "우리에 대해 우리"는 매력적이고 영감을주는 이야기를 할 수 있습니까?
• [] 이해하는 UX 작성 : 사용자를 "인간으로 사용하는"언어는 얼마나 동정심이되는지를 보여줍니다. 특히 구출되어야하는 오류 메시지 페이지에서 악화되지 않은 기사에서 더 많은 공부를 시도합니다. 좋은 오류 메시지 작성
• [] 특별한 느낌 만들기 : 일반 고객이 "중요한 사람들"을 느낄 수 있도록 특별한 특권, 감사 또는 특정 콘텐츠를 제공합니까?
• [] 더 높은 가치와 연결됨 : 브랜드는 무엇을지지하고 있습니까? (지속 가능성, 사회를 돕는 것과 같은) 그리고 당신은 그 사용자를 전달합니까?

이 체크리스트를 하나씩 시작하십시오. 귀하의 웹 사이트는 "마음"을 가지기 시작하고 사용자와 더 나은 유대를 창출합니다.

-[즉각적인]-

삽화를위한 프롬프트 : 아름답고 사용하기 쉬운 대형 체크리스트 이미지. 3 가지 주요 주제, 내장, 행동 적, 반사성 및 각 항목에 귀여운 아이콘이 있습니다.

-[/즉각적인]-

사람들이 감정 디자인에 대해 궁금해하는 경향이 있습니다 (FAQ).

우리는 많은 사람들이 명확한 답변과 이해하기 쉬운 감정적 디자인에 대해 궁금해하는 질문을 편집했습니다.

Q : 감정 디자인은 모든 비즈니스에 적합합니까? 아니면 라이프 스타일 제품 브랜드에만 적합합니까?
답 : 모든 비즈니스에 적합합니다! B2B 소프트웨어, 금융 서비스 또는 소비재를 판매하든 사용자는 여전히 감정이있는 "인간"입니다. 신뢰성, 안전, 치료 감과 같은 긍정적 인 감정을 만드는 것은 모든 비즈니스에 중요합니다. 감정을 이해하는 디자인은 항상 경쟁에서 차이와 장점을 만드는 데 도움이됩니다.

질문 : 예산이 제한되어 있다면 감정적 디자인으로 먼저 투자를 시작해야합니까?
답 : 작은 것들로 시작하십시오.
1. UX Writing : 버튼 (CTA)의 텍스트 개선, 주제 및 오류 메시시가 더 친절하고 이해되도록하는
"낮은 껍질 과일"이라고도하는 많은 영향을 줄 수 있습니다 이 부분은 비용이 가장 적은 비용을 사용하지만 결과를 참조하십시오. 2. Micro-Inverttions : 버튼을 누르거나 웹 페이지를로드 할 때 약간의 애니메이션을 추가합니다. 사용을 더욱 활기차게 보이게합니다.
3. 사진 : 첫 페이지에서 사용될 기본 이미지 (영웅 이미지)를 선택하거나 가져옵니다. 사용자가 즉시보고 인상을주는 것이 가장 먼저

질문 : 정서적 디자인의 성공을 어떻게 측정 할 수 있습니까?
답 : "감정"조차도 측정하기가 어렵습니다.
시간 (웹 페이지에서 사용될 때) 과 같은 사용자의 변경을 통해 측정 할 수 있습니다 .
사용자가 즐겁다고 느끼면 세션 당 웹에 더 긴 웹
( 시간당 오프닝 횟수) : 좋은 감정 웹
사이트를 더 많이 탐색하도록 권장합니다
. 누군가가 귀하의 웹 사이트에서 좋은 경험에 대해 이야기하고 있습니까? - 고객 만족 설문 조사 (만족도 설문 조사) : 설문 조사에서 사용할 "감정"에 대한 질문을 추가합니다.

-[즉각적인]-

삽화를위한 프롬프트 : 예산, 측정, 비즈니스 유형과 같은 다양한 질문을 전달하는 작은 아이콘으로 둘러싸인 큰 물음표 아이콘 (?)

-[/즉각적인]-

결론적으로 : 이제 "웹 사이트"만들기를 중단 한 다음 "느낌"을 만들 시간입니다.

이 시점에서, 나는이 시대에 성공적인 웹 사이트 디자인이 더 이상 "아름다움"또는 "편의"에 초점을 맞출 수없는 것과 같은 그림을 볼 것이라고 생각하지만, 사용자의 마음 속에서 일어나기 위해 "좋은 감정"으로 내려 가야합니다. 우리는 내장 (Instinct), 행동 (행동), 반사 (반사)에서 Don Norman의 3 가지 수준을 배웠습니다. 이는 완전하고 기억에 남는 경험을 만드는 중요한 녹색 인쇄입니다.

정서적 디자인으로 투자하는 것은 단순히보기에 좋은 것처럼 보이는 웹 장식이 아닙니다. 그러나 장기적으로 "관계"를 창출하는 것은 투자이며, "방문자"에서 "팬"으로 바뀌고 "브랜드"에서 사용자가 생각하고 신뢰하는 "친구"로 바뀌는 것입니다. 귀하의 웹 사이트가 단지 코드와 활기찬 픽셀이되지 않도록하십시오.

웹 사이트를 위해 마음을 깨울 때입니다! 조금씩 사용하기 위해 제공하는 체크리스트를 사용하십시오. 나는 당신이 확실히 변화를보기 시작할 것이라고 보증합니다. 오늘 시작하여 "사용"뿐만 아니라 사용자가 "사랑"할 웹 사이트를 만듭니다! 아름답고 이해하는 웹 사이트를 만드는 데 도움이되는 전문 팀이 필요한 경우 사용자의 핵심에 대해 비전 X Brain UX/UI 디자인 팀을 무료로 참조하십시오! 우리는 파트너가 될 준비가되어 있고 귀하의 비즈니스에 인상적인 결과를 창출 할 준비가되었습니다.

-[즉각적인]-

삽화를위한 프롬프트 : 디자이너의 손을 보여주는 강력한 그래픽, 라이프리스 라인에서 웹 사이트의 스케치 (와이어 프레임)를 화려한 웹 사이트와 하트 형태의 아이콘이 떠오르는 아이콘이 떠오르는 강력한 그래픽. 일반 웹 사이트를 활기찬 웹 사이트로 전달합니다

-[/즉각적인]-

‍