🔖 2021년 12월 1주 TOP3

🔖 2021년 12월 1주 TOP3

 칼 융의 이론, 더 나은 UX를 만들기 위한 영감 

UI/UX 디자이너가 얻을 수 있는 가장 중요한 피드백 중 하나는 자신의 디자인이 어떻게 인식되고 있는지입니다.  인터랙션을 디자인하려면 사용자의 관점에서 사물을 이해하는 것이 중요합니다.  

UI/UX 디자이너가 품질을 제공할 때 고수하는 심리학적 원칙이 많이 있습니다.  정신 천재 칼 융은 생리학 분야에서 큰 공헌을 했습니다. 이 아티클은 그의 공헌을 기념하고 그의 이론과 UX 사이의 평행선을 그립니다.

칼 구스타프 융(1875~1961) 소개
사용자의 성격을 파악하여 더 나은 UX를 제공하는 방법에 대해 자세히 알아보기 전에 먼저 융의 성격을 살펴보겠습니다.  스위스에서 태어난 칼 융은 분석 심리학, 정신, 원형, 심리학 유형 및 심리학 세계의 주요 이정표로 선전되는 기타 많은 개념으로 유명합니다.  

지그문트 프로이트는 듀오가 약간의 불일치로 인해 분리될 때까지 융을 자신의 후계자로 여겼습니다.  융은 또한 꿈 분석 및 상징화에 대한 공헌으로 유명했으며 정신을 "본성적으로 종교적"으로 보았습니다.

칼 융의 이론과 UX의 관계를 이해하려면 앞으로 계속해서 사용할 몇 가지 용어를 이해하는 것이 중요합니다.

프시케
원래 영혼/영으로 의미되었던 프시케(Psyche)는 오늘날 마음 또는 융의 말에서 누군가의 완전한 인격을 의미합니다.

복잡성
칼 융이 개인의 생각과 행동에 영향을 미치는 하위 인격이라고 언급한 심리적 통합의 장벽.

개인 무의식
사람이 사물을 숭고하게 관찰할 때.  그것은 마음에서 완전히 사라지거나 의식적으로 마음에서 사용할 수 없습니다.

집단 무의식
원형과 본능으로 채워진 집단 무의식은 개인 무의식의 더 깊은 층 아래에 ​​있습니다.

원형
원초적 상징과 이미지는 집단 무의식에 의해 자극된다.  또한 개체화의 깊이를 결정합니다.  융의 원형은 인간의 마음이 집단 무의식에서 파생된 이미지의 표준입니다.

개체화
한 인간이 다른 인간과 구별되어 전체 인격에 동화되는 심리적 통합의 과정.

심리적 유형
칼 융이 의식의 네 가지 주요 기능, 즉 감각, 직관, 사고 및 느낌을 설명하는 책입니다.
“UI/UX 디자이너가 사용자의 성격에 대한 심리를 분석할 수 있는 것이 중요합니다.  칼 융의 성격 이론은 사용자의 성격을 이해하는 데 많은 디자이너에게 주요 자원이었습니다.  성격에 대한 그의 이론은 또한 매우 유명한 Myers-Briggs 성격 테스트의 길을 닦았습니다.  아래는 이 이론의 간략한 내용입니다.”

칼 융의 성격 이론
이 이론의 기초는 2가지 성격 태도(외향성 및 내향성)와 4가지 기능(사고, 감각, 직관 및 느낌)에 있습니다. 내향성은 사람이 내면의 세계에 의해 자극을 받는 반면, 외향성은 외부 세계에 의해 쫓기는 것입니다.   융은 아무도 완전한 내향성 또는 외향성이 될 수 없으며 사람은 "Ambivert"라고 불리는 이 두 가지가 혼합되어 있어야한다고 믿습니다.  이러한 구별은 인간의 태도를 분류할 수 있는 8가지 다른 성격 유형의 생성으로 이어집니다.

사람들은 상황, 경험 및 시간에 따라 다른 기능을 사용할 수 있지만 항상 자신의 성격을 지배하는 유형(우수 기능)이 있습니다.  생각과 느낌은 스펙트럼의 반대쪽 끝이며 직관과 감각도 마찬가지입니다.
.
.
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

 최신 앱 UI를 만들어보는 5가지의 팁 

요즘 저는 Android에서 현재 기업 내의 앱 UI를 "현대화"시키는 작업을 하고 있습니다. 모던함, 젊음, 쿨함 등의 용어는 모두 상당히 모호하지요. 디자인이 현대적이라던가 구식이라는 것을 칭하게 만드는 것들은 무엇일까요? 

의미는 사람들마다 바뀝니다. 하지만 그 말을 던진 채로 그냥 그대로 둘 수는 없었습니다. 그래서 우리는 일반적으로 현대적이고 젊고 멋진 것으로 인식되고 있는 다양한 앱들의 예제를 살펴보며 하루 종일 보냈습니다. 

Airbnb, Coinbase, Robinhood, Uber, Swiggy, Headspace, Cocoon, Eventbrite, Public, Wise 및 Google Pay와 같은 앱들이 있지요. 제가 이 앱들을 하나하나 다운로드했는지 궁금해하실 경우도 있을 것 같아서 Mobbin을 사용하여 이 앱을 살펴보았습니다.

이 모든 앱들을 샅샅이 살펴보면 모든 사람들이 꼭 현대적으로 보이기 위해서 Neumorphism과 같은 멋진 디자인 스타일을 채택하는지 않는다는 것이 분명해졌습니다. 이들의 현대적으로 보이게 한 방법은 아주 간단했습니다. 너무 간단해서 5가지 꿀팁으로 정리해보았습니다. 

1. 공간 공간 공간

간격을 관대하게 하십시오. 줄 높이, 여백, 특히 가로 여백. 저는 디자이너들이 여분의 공간을 추가하는 것에 대해 타고난 두려움이 있다는 것을 알아차렸습니다. 대부분의 경우의 목표는 사용자의 뷰포트에 가능한 한 많은 콘텐츠를 맞추는 것으로 두고 있었습니다. 

 인도의 경우, 인구의 87% 이상이 720px 이상의 기기를 소유하고 있습니다.데이터 내용을 확인해보세요. 

이것은 더 많은 공간을 추가할 수 있는 충분한 수직 공간이 있음을 의미합니다. 8px 여백이 필요하다고 생각되면 12px를 시도해보세요. 시작을 더 크게 하고 너무 많다고 느끼시면 그때 줄여보세요.

2. 보이지 않는 헤더 

솔리드 헤더는 2010년대입니다. 앱을 현대적으로 보이게 하는 가장 빠른 방법은 단색 헤더(배경색과 다름)를 제거하는 것입니다. 대신 헤더는 사용자가 페이지를 아래로 스크롤하면 콘텍스트 되거나 또는 빠른 작업을 제공하기 위해서만 슬라이드 안될 수 있습니다. 이렇게 하면 디자인에 꼭 필요한 여백을 자동으로 추가하여 통기성을 높이고 덜 어수선하게 만들 수 있습니다. 

3. 곡선을 과시하기

진화론적 관점에서 보면 우리는 날카로운 물체를 위험하거나 공격적인 것으로 인식하고 둥근 물체를 친근하거나 안전한 것으로 인식하는 법을 배웠습니다. 이 구별은 생존을 위한 우리의 노력을 도와왔습니다. 그래서 그 타고난 생존 본능은 오늘날에도 여전히 우리 안에 남아 있습니다. 

공격적이지 않은 한 날카로운 모서리를 피하세요. 날카로운 모서리를 사용하는 좋은 예시는 액션 게임에서 볼 수 있습니다. 

우리가 둥그런 개를 사랑한다면 인터페이스도 또한 함께하지 않을까요? 
.
.
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

버거킹 모바일 앱 리디자인 #UX사례연구

개요
이 사례 연구는 Burger King 앱 내의 사용자 흐름을 이해하고 존재하는 병목 현상을 줄이는 것을 목표로 합니다. 또한 사용하기 쉽게 응용 프로그램을 다시 디자인합니다.

회사 소개
버거킹은 미국 마이애미에 본사를 둔 다국적 햄버거 회사입니다. 그들은 세계에서 가장 큰 패스트푸드 레스토랑 체인 중 하나로 인정받고 있죠.

버거킹 인도 지역의 주요 프랜차이즈는 Everstone Capital이 소유하고 있습니다. 그들은 전 세계에 프랜차이즈를 가지고 있으며 수백만 명의 수요를 충족시키는 것을 목표로 빠른 속도로 확장하고 있습니다.

문제 설명
버거킹은 맥도날드와 함께 인도에서 가장 큰 패스트푸드 체인점 중 하나입니다. 인도에서 택배가 인기를 얻고 있기 때문에 버거킹 앱이 음식 배달의 증가하는 수요를 따라잡는 데 얼마나 효과적인지 이해하는 것이 중요합니다. 이를 염두에 두고 사례 연구를 다음 문제 설명으로 압축했습니다.

디자인 과정
저는 보다 개인화된 접근 방식으로 경험적 사례 연구를 수행하기를 희망하면서 프로젝트를 시작했습니다. 그러나 프로젝트가 진행되면서 여기에는 버거킹 앱을 사용하는 사람들의 유형과 그들이 경험하는 문제를 이해하기 위해 '푸드테크 배달' 산업에 대한 일부 2차 조사와 Google Play 앱 리뷰 리서치도 포함되었습니다.

관련된 디자인 프로세스:

1. 공감/데스크 리서치(Empathize) — 개인적으로 앱을 사용하고, 관찰한 내용을 기록하고, Google Play 리뷰를 통해 검증합니다. 이어 '푸드테크 배달' 산업에 대한 2차 조사를 진행합니다.

2. 정의(Define) — 2차 조사 후 주요 디자인 포인트를 검토하고 요약합니다.

3. 아이디어(Ideation) — 디자인 개념을 브레인스토밍하고 디자인이 사용 가능하고 기능적인지 확인합니다.

4. 프로토타입(Prototype) — Figma를 사용하여 버거킹 모바일 앱의 리디자인된 UI 프로토타입을 만듭니다.

데스크 리서치
저는 7일간의 개인 프로젝트에 착수했습니다. 시간적 한계로 인해 버거킹 모바일 앱을 사용하면서 관찰한 내용을 바탕으로 페인 포인트를 적어보았습니다. 버거킹 앱을 처음 사용해 보는 저는 이 앱을 통해 음식들을 주문하면서 경험했던 것들을 기록했습니다.

또한 관찰에서 수집한 포인트를 검증하기 위한 참고 자료로 Google Play 스토어의 리뷰를 참고했습니다. 버거킹 앱을 사용하며 사용하며 발견된 문제는 다음과 같습니다.

1. 힉스 법칙(Hick's Law)
"선택할 수 있는 많은 옵션으로 사용자를 압도하지 마세요. 반응 시간과 인지 과부하를 증가시킬 수 있습니다."
- 메뉴 레이아웃이 혼란스럽습니다(카테고리가 너무 많음).

2. 사용자 제어 및 자유
"사용자는 종종 실수로 작업을 수행합니다. 원하지 않는 행동을 떠나려면 명확하게 표시된 '비상 출구'가 필요합니다."

3. 시스템 상태의 가시성
"디자인은 합리적인 시간 내에 적절한 피드백을 통해 사용자에게 진행 상황에 대한 정보를 항상 제공해야 합니다."

.
.
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

디자이너 공유, UXUI 스터디 참관, UX 발표자료 공유등 다양한 정보를 노션에서 확인하세요.

💭 단톡방 가입문의  (1,900명)

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

📍 SNS   @from.designer 페이스북 , 인스타그램