🔖 UXUI 해외 인기 아티클

🔖 2022년 5월 3주 TOP3

1️⃣ UX의 색채 심리학

2️⃣ 디자인을  단순화하는 방법

3️⃣ 대부분의 UI/UX 디자이너가 무시하는 상위 10가지 기술

 UX의 색채 심리학

색은 새로운 것을 접할 때 가장 기억하기 쉬운 요소이기 때문에, 인간에게 필수적인 시각적 경험으로 여겨집니다. 우리가 눈을 뜰 때마다 우리의 시각 감각은 지속적인 광학 자극으로 가득 차고, 주변 광경은 주의를 끌기 위해 경쟁합니다. 색상은 강력한 정보 매체로 기능하며,전반적인 인간 인지 시스템을 지원하는 데 사용할 수 있습니다. 올바른 색상 선택과 올바른 배치를 통해, 우리는 긍정적인 감정과 행동을 스스로 유도할 수 있습니다.

색상은 생리학적, 심리적 특성을 가지고 있는 것으로 알려져 있습니다. 그 이유는, 색상이 문화에 따라 다른 의미를 갖기 때문입니다. 브랜드의 힘은 이 특정 요소에 크게 의존하기 때문에, 이 사실은 모든 회사의 UX 디자인에 매우 중요합니다. 색상은 제품 관리자가 제품의 의미를 전달하여 고객의 마음에 브랜드 이미지를 생성, 유지, 수정하는 데 사용하는 마케팅 도구 중 하나입니다. 모든 제품 회사의 브랜드에는 로고, 색상, 응용 프로그램 또는 웹 사이트의 전체 인터페이스가 포함됩니다.

각 색상이 문화에 따라 갖는 다양한 상징적 의미로 인해, 색상은 정서적 효과를 만들어 기억력을 향상시킬 수 있습니다. 따라서 색상은 최종 사용자의 관심을 유도함으로써, 소프트웨어 사용성을 향상시키는 동시에, 긍정적인 감정에 영향을 주어 풍부한 사용자 경험을 제공할 수 있습니다.

적절한 색상을 신중하게 선택하면, 상호 작용과 작업의 효율성을 최적화할 수 있습니다. 잘 고려된 색상 팔레트는 디자인을 업그레이드할 수 있는 반면, 잘 고려되지 않은 색상 팔레트는 사용자 경험을 감소시키고 웹사이트나 모바일 애플리케이션을 효율적으로 사용하는 능력을 방해합니다. 범주화, 상징성, 선호도를 포함한 인터페이스 색상의 정서적 영향을 간과할 수 없습니다. 일부 색상은 UX 디자인에서 보편적이지만, 다른 색상과 결합하면 사용자의 인식에 큰 영향을 미칠 수 있습니다.

색상과 지각

각 시각적 경험의 기반은 눈입니다. 색은 눈에 흡수되고 뇌에 의해 변환되는 파장을 통해 전달되는 빛입니다. 빛은 빨강, 주황, 노랑, 초록, 파랑의 5가지 색상 스펙트럼으로 분해될 수 있습니다. 빨간색은 파장이 가장 긴 반면 파란색은 파장이 가장 짧습니다. 빨간색으로 보이는 물체는, 빨간색 빛을 제외한 스펙트럼의 모든 색상을 흡수합니다. 흡수되지 않은 빛은 물체에서 눈으로 다시 반사됩니다. 그리고 뇌로 이동하여 빨간색으로 해석됩니다.

우리 눈의 수정체는 접근하는 빛을 망막에 초점을 맞추는데, 망막에는 두 가지 독특한 종류의 광 수용체가 있습니다. (1)야간 주변의 단색 시야를 위한 막대와 (2)색에 민감한 원뿔은, 많은 수준의 광도를 필요로 하므로 주간에 활용됩니다. 이 원뿔과 막대를 통해 각각 색상과 빛을 볼 수 있습니다. 원뿔에는 세 가지 유형이 있습니다. 파란색, 녹색, 빨간색으로, 다른 색상들은 이 세 가지 색상의 조합입니다.

예를 들어, 우리는 사과를 보고 색이 빨간색으로 인식합니다. 그래서 햇빛이 사과에 닿습니다. 일부 파장은 사과 피부의 화학 물질에 의해 차단되지만, 반사된 다른 파장은 동공을 통과하여 눈 뒤쪽의 원추 세포를 자극합니다. 원추체는 눈에 들어오는 파장에 대한 코드화된 메시지를 뇌에 보냅니다. 두뇌는 이 코드를 '빨간색'의 감각으로 번역합니다.

색상과 감정

UX 디자인의 색상 심리를 이해하려면, 사람들의 감정을 유발하는 색상들을 고려해야 합니다. 이는 웹페이지 방문이나 제품 선택과 같은 의사 결정 과정에 큰 영향을 미치기 때문입니다.

색상은 일상 생활에서 매우 도처에 있어, 다양한 인지 단위와 연관되어 있습니다. 따라서 색상에 대한 인식으로 이러한 장치의 전체 네트워크가 활성화됩니다. 예를 들어 빨간색은 일반적으로 피, 뜨거움, 위험, 흥분, 경고, 오류와 같은 인지를 유발하므로 눈을 사로잡는 반면, 녹색은 자연, 평온, 희망과 같은 인지를 전달할 수 있습니다. 심리학자들은 색을 따뜻한 색(빨간색과 노란색)과 차가운 색(파란색과 녹색)으로 분류했습니다. 그러나 따뜻한 색과 차가운 색의 차이는 상대적입니다. 예를 들어 빨간색과 노란색이 함께 일치하면 노란색이 빨간색보다 따뜻해 보입니다. 색상의 만남은 개인에서 개인으로 바뀌기 때문에, 다른 사람이 색상을 어떻게 만나는지 깨닫기를 기대하기는 어렵습니다. 빨간색에 대한 한 개인의 경험은, 다른 사람과 대조적으로 독특하게 보일 수 있습니다. 색상은 인간의 행동과 생리학 모두에 영향을 미칩니다.

색상과 문화

디자이너가 제품의 의도된 청중을 기반으로 색상 팔레트의 문화적 의미를 볼 때 도움이 됩니다. 특정 제휴는 개인 수준에서 약간씩 이동하지만, 문화의 일부로 생성되는 색상 코딩에 대한 특정 관계가 있습니다. 색상과 연상의 의미에서, 사회적 대조가 인식되었습니다. 예를 들어, 인도에서 힌두교도들은 주황색을 가장 신성한 색으로 생각하지만, 잠비아에서는 별도의 색으로 간주하지 않습니다. 따라서 UX 디자이너는 개인이 어떤 색상을 선호하는지 파악하는 것이 중요합니다.

일반적으로 브랜드와 포장은 명백한 색상 조합입니다. 색상 조합은 특정 신념 체계 및 관습과 사회적으로 결합된 것으로 간주됩니다. 서양 문화에서 검은 색은 죽음과 애도를 상징하지만, 극동 문화에서는 건강과 번영을 상징합니다. 항목, 로고, 제품 등에 대해 선택한 색상의 혼합은 특정 색상 조합의 결과로 의미를 전달할 수 있습니다.

색상과 UX 디자인

UX 디자이너는 색상 이론을 숙지해야 합니다. 색상 이론은 색상환과 색상 치수에 대해 아는 것입니다. 색상환은 색상 조화와 의미 있는 시각 효과를 만들기 위해 혼합할 수 있는 색상에 대한 아이디어를 제공합니다. 색상의 차원은 색조, 채도, 벨류입니다. 색상은 적절하게 사용할 때마다 사용자의 주의를 관리하고 질서를 보여줍니다.

색상이 덜 규칙적으로 사용될수록 사용자의 시선을 더 잘 사로잡습니다. 이러한 많은 색상의 혼합은 프레젠테이션을 어수선하게 보이게 하고 사용자를 혼란스럽게 하며, 작업을 더 예측할 수 없게 만들고 실수를 증가시키고 수익성을 감소시킵니다.

인지 심리학의 패러다임과 관련하여 거의 5가지 고유한 색상이 제안됩니다. 이러한 방식으로 색상에 대한 인식은 인지 단위의 활성화로 간주됩니다. 의식적인 마음은 활성화된 단위의 예로 간주될 수 있습니다. 따라서 정보통신을 위한 코딩으로 활용될 때마다, 색의 양을 줄이고 색을 지속적으로 사용하는 것은 사용자의 인지능력에 도움이 됩니다.

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

2️⃣ 디자인을  단순화하는 방법

20개 이상의 쉬운 예제를 따를 수 있습니다.

회사들은 간단하고 사용 가능한 프로덕트를 만드는 것을 끊임없이 추구합니다. 더 많은 기능, 새로운 기술 & 고급 기능을 갖추고 있지만 여전히 가볍고 사용하기 쉬운 형식입니다. 종종, 단순하게 만드는 것이 있을 수 있는 가장 어려운 일입니다.

단순화가 뭐에요?

우리는 단순함을 쉽게 이해하거나 할 수 있는 것으로 정의할 수 있다. 어려움을 나타내지 않는다. 단순함은 주관적인 것으로, 한 사람에게 단순해 보이는 것들은 다른 사람에게 똑같이 인식되지 않을 것이다. 일반적으로 우리는 공정이 단순하거나 복잡한 것에 대한 개인적인 의견을 세 가지 빠른 단계에서 형성한다.

사용자가 목표를 달성하는 과정에서 겪는 어려움을 제거하면 단순성으로 전환하는 데 도움이 됩니다. The Laws of Simplicity에서 John Maeda는 비즈니스, 기술 & 디자인에서 단순성과 복잡성의 균형을 맞추기 위한 10가지 법칙을 제시합니다. 즉, 덜 필요로 하고 실제로 더 많은 것을 얻기 위한 가이드라인을 제시합니다.

MIT의 미디어 랩 교수이자 세계적으로 유명한 그래픽 디자이너인 Maeda는 우리가 "개선된" 개념이 항상 더 많은 것을 의미하지 않도록 어떻게 재정의할 수 있는지에 대한 질문을 탐구한다. 그리고 책은 아주 좋은 읽을거리이기 때문에 꼭 한 번 확인해 보길 추천합니다.

복잡성은 어떨까요?

단순성에 대해 이야기할 때 우리는 스펙트럼의 반대편에 대해 언급할 필요가 있다. 단순함에 대한 복잡성은 주관적입니다. 적절한 훈련을 받으면 로켓 과학도 그리 어렵지 않다. 그러나 가장 간단한 작업조차 복잡하게 만드는 몇 가지 요인이 있다. 프로덕트 설계시 가능한 한 피해야 한다.

그럼 어떻게 프로덕트에 적용할 수 있을까요?

1. 가치에 집중하여 프로덕트 구축

너무나 많은 청중들을 위해 많은 것을 하려고 하는 소프트웨어가 너무 많아서, 모든 사람들이 업계의 스위스 군용 나이프가 되려고 한다. 프로덕트를 단순하게 만들려면 핵심 가치를 정의하고 이 프로덕트가 누구를 위한 것인지 확인해야 합니다. 모든 프로덕트에 페이스북이 내장되어 있는 것은 아닙니다.

2. 불필요한 것은 모두 제거한다.

단순성을 달성하는 가장 간단한 방법은 사려 깊은 감소를 통한 것입니다. 의심스러우면 그냥 제거하세요. 보조 정보, 자주 사용되지 않는 컨트롤 &  산만한 스타일. 그만큼 쉽습니다. 이 원칙을 적용하기 시작하면 즉시 결과를 확인할 수 있습니다. 하지만 무엇을 제거하는지는 주의하세요.

단순함은 잡동사니가 없는 것이 아니라 단순함의 결과입니다. 단순함은 어떤 물체와 프로덕트의 목적과 장소를 본질적으로 묘사하는 것이다. 잡동사니가 없는 것은 잡동사니 없는 프로덕트일 뿐이다. 그건 간단하지 않아요. - 조나단 아이브

3. 데이터를 의미 있는 형식으로 변환

우리가 매일 설계하는 프로덕트의 대부분은 사용자가 일상 업무를 효율적으로 수행하기 위해 이해해야 하는 많은 데이터에 초점을 맞추고 있다. 트렌드와 변화에 관심이 있는 사용자를 알게 되면 숫자 뭉치보다는 시각적인 표현으로 사용자를 돕습니다. 언제든지 요청 시 추가 정보를 표시할 수 있습니다. 당신이 가지고 있는 데이터에서 의미 있는 것을 추출하여 사용자 앞에 놓도록 하세요.

4. 신속한 의사 결정 지원

선택의 폭격을 받은 사용자들은 그들이 원하지 않는 일을 주면서 해석하고 결정할 시간을 가져야 한다. 이것은 힉스의 법칙에 의해 잘 설명되었다. 힉스 법칙은 선택지의 수에 따라 결정을 내리는 데 걸리는 시간과 노력이 증가할 것으로 예측합니다. 따라서 사용자 경험을 단순하게 느끼려면 가능한 한 빠른 의사 결정을 지원해야 합니다. 필요하지 않은 경우를 선택하고, 사용자를 안내하고, 손잡을 필요가 없습니다.

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

3️⃣  대부분의 UI/UX 디자이너가 무시하는 상위 10가지 기술

많은 UI/UX 디자이너가 최종 프로덕트에서 무시하는 몇 가지 일반적인 기술이 있습니다.

1. 페이지 로드 시간에 주의를 기울이지 않습니다.

좋은 사용자 경험의 가장 중요한 측면 중 하나는 빠른 페이지 로딩 시간입니다.  사용자는 특히 모바일 장치를 사용하는 경우 페이지가 로드될 때까지 오래 기다리기를 원하지 않습니다.  페이지 로딩 속도를 높이는 한 가지 방법은 콘텐츠 전송 네트워크를 사용하는 것입니다.

2. 다른 장치에서 테스트하지 않습니다.

또 다른 일반적인 실수는 다른 장치에서 디자인을 테스트하지 않는 것입니다.  기기마다 화면 크기와 해상도가 다르기 때문에 한 기기에서는 좋아 보이는 것이 다른 기기에서는 좋지 않을 수 있습니다.  다양한 장치에서 디자인을 테스트하여 모든 장치에서 잘 보이는지 확인하는 것이 중요합니다.

3. 타이포그래피에 주의를 기울이지 않습니다.

잘 디자인된 웹사이트나 앱은 좋은 타이포그래피를 가지고 있어야 합니다.  이것은 올바른 글꼴, 크기 & 색상을 사용하는 것을 의미합니다.  타이포그래피를 사용하여 계층 구조를 만들고 디자인을 통해 사용자를 안내하는 것도 중요합니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

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