🔖 2021년 10월 2주 TOP3

🔖 2021년 10월 2주 TOP3

UX 디자인의 정보 아키텍처

UX와 UI의 개념에 조금이라도 익숙하다면 정보 아키텍처(Information Architecture, *일반적으로 IA로 약칭)에 대해 들어본 적이 있을 것입니다.

UX 디자인 전문가이자 인플루언서인 Jared Spool의 다음 인용문을 본 적이 있을 것입니다.

“좋은 디자인은 완성되면 보이지 않게 됩니다. 제대로 되지 않았을 때 비로소 우리는 알아차립니다.”

그리고 훌륭한 UX 디자이너라면 눈에 보이지 않는 디자인이 변함없이 견고한 IA(Information Architecture)의 기능이라는 것을 알고 있을 것입니다.

인터넷은 상상할 수 없을 정도로 발전했으며 매 순간 계속 진화하고 있습니다.  그곳은 매우 체계적인 곳이 되었습니다. 이제 '깨끗함'이 좋은 UX의 핵심 용어이기 때문에 사용자는 사소한 혼란에도 즉시 외면합니다.

UX디자이너는 미관을 뛰어넘어 보다 훌륭하고 부드러운 경험을 쌓기 위해 훌륭한 정보 설계자(Information Architect)가 되어야 합니다.

정보 아키텍처(INFORMATION ARCHITECTURE, IA)란

정확히 무엇입니까?

정보 아키텍처(Information Architecture, IA)를 디자인하는 것은 UX 디자인의 예술로 통합되는 것만큼이나 과학적입니다.  UX 디자이너이자 멘토이자 작가인 Pia Klancar는 이를 '질서의 과학'이라고 부릅니다.

고대 이집트의 도서관에서부터 더 나은 조직이 필요했던 월드 와이드 웹(World Wide Web) 페이지의 초창기까지, IA(Information Architecture)는 항상 정보를 다루는 동안 인간의 핵심 요구 사항이었습니다.

IA(Information Architecture)는 프로덕트 사용자가 쉽게 기능을 사용할 수 있도록 콘텐츠를 구성합니다. 대상 고객, 프로덕트 범주, 경쟁 업체, 브랜드와 기타 프로덕트 + 마케팅 요소를 고려합니다.

디자인에서 IA(Information Architecture)는 UX의 기초입니다.  이것은 나중에 와이어프레임(wireframes)과 사이트맵(sitemaps)으로 개발된 디자인의 골격이며, 디자이너를 네비게이션(navigation) 계획으로 안내합니다.  IA(Information Architecture)는 목표에 초점을 맞춘 기술적 측면이며 UX는 심리학, 행동 연구와 정서적 요구를 추가합니다.

페이지 요소에 대한 명확한 계층 구조와 요소 간의 대비를 만들기 위해서는 여러 개의 폰트 두께가 필요합니다. 그러나 개발자가 일반적인(Static) 폰트의 경우처럼 각 폰트 두께에 대해 별도의 폰트 패키지를 따로따로 설치해야 하는 경우 페이지 속도에도 영향을 미칠 수 있습니다. 배리어블 폰트는 단일 폰트 파일 하나로 여러 폰트 두깨를 조정할 수 있는 유연성을 제공해 주는 폰트입니다.

IA(INFORMATION ARCHITECTURE) 구성 요소

IA(Information Architecture)에는 일반적으로 IA(Information Architecture)구조의 기반이 되는 네 가지 주요 구성 요소가 있습니다.

1. 조직 체제:

이는 사용자가 인터페이스에서 다양한 종류의 정보를 찾을 수 있는 위치를 예측하는 데 도움이 됩니다.

세 가지 조직 시스템 중 하나는 계층 구조이며, 요소는 크기, 대비, 색상, 정렬 등의 차이를 통해 중요성 또는 관련성 순서에 따라 정렬됩니다. 다음은 예를 제시하겠습니다.

순차 시스템은 쉽게 탐색할 수 있도록 콘텐츠를 단계별로 배열하는 것입니다.  이것은 다음과 같은 전자 상거래 사이트에서 일반적입니다.

매트릭스(matrix)는 콘텐츠를 알파벳, 숫자, 시간순과 기타 체계별로 그룹화하여 사용자에게 가장 적합한 옵션을 제공하는 시스템입니다.  이 시스템은 사용자가 조금 더 많은 작업을 수행해야 합니다.

2. 라벨링 시스템:

이것은 기본적으로 인지 과부하를 피하기 위해 하나의 아이콘이나 하나의 링크에 데이터를 쌓는 것입니다. 또한 동시에 미적 매력을 더하는 호버링 요소(hovering elements, 웹페이지 구성요소 중 마우스 커서를 올렸을 때와 같이 초첨이 맞춰진 상태를 가르킴)도 포함되어 있습니다.

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

더 나은 UX 디자인을 위한 심리적 원리

만족하는 고객의 수를 늘리기 위해서는 디자인의 심리적 원리가 사용자의 결정에 어떤 영향을 미치는지 이해하는 것이 중요합니다.

고객은 웹 사이트를 보거나 프로덕트가 필요한지 고려할 때 감정에 따라 움직입니다. 사용자가 구매를 완료 여부와 같은 사이트와의 상호작용 효과는 사이트에서 보는 내용에 따라 다릅니다.

이 기사에서는 다음 주제에 대해 설명합니다.

색채 심리학

색채 심리학은 다양한 색상이 인간의 행동을 어떻게 결정하는지 연구합니다.

방문자가 느끼는 감정에 큰 영향을 미칠 뿐만 아니라 웹사이트를 사용할 때 행동을 안내할 수 있습니다. 색상은 우리가 느끼고 행동하는 방식에 영향을 줄 수 있지만 그 효과는 개인, 문화와 상황 요인에 따라 다릅니다.

색채 심리학을 더 잘 이해하려면 더 많은 연구가 필요합니다. 이 개념은 마케팅, 예술, 디자인, 패션 그리고 기타 분야에서 매우 인기가 있기 때문입니다.

색채 심리학은 색상이 지각과 행동에 미치는 영향에 대한 연구입니다. 마케팅과 디자인에서 색채 심리학은 색상이 브랜드에 대한 소비자의 인상에 어떤 영향을 미치는지와 색상이 특정 제품을 구매하도록 소비자를 설득하는지에 관한 것입니다.

색상에 대해 이야기하려면 소개부터 시작해야 합니다. 다양한 특성에 따라 색상을 그룹화할 수 있지만 가장 간단한 것부터 시작하겠습니다. 기본 색상은 다른 모든 색상을 만드는 세 가지 색상입니다. 빨간색, 파란색, 노란색입니다. 이 세 가지 색상을 사용하여 보조 색상이라고 하는 다른 색상을 만들 수 있습니다.

우리는 또한 차갑고 따뜻한 색과 같은 다른 그룹을 구별합니다. 차가운 색상에는 녹색, 파란색 그리고 기타 시원한 색조가 포함됩니다. 따뜻한 색상: 빨강, 주황, 노랑.

따뜻한 색상의 심리적 효과:

눈치채셨겠지만, 판촉 표지판은 일반적으로 빨간색입니다. 이 색상은 즉각적인 행동을 자극하고 장려하는 색상입니다. 또한 식욕을 자극하기 때문에 패스트푸드 체인점이나 레스토랑에서 자주 사용합니다. 붉은 색의 시력은 신체에 물리적으로 활력을 주어 혈압과 심박수를 증가시키는 것으로 나타났습니다.

마케팅에서 빨간색: 맥도날드, 코카콜라, 넷플릭스

빨간색을 흔히 보는 곳: 식품, 레스토랑

이 두 가지 색상은 밝고 활기차고 낙관적입니다. 그러나 노란색은 아기를 울게 할 수 있습니다. 이러한 색상은 어린이나 스포츠 회사를 대상으로 기쁨과 평온함을 기반으로 하는 브랜드에서 자주 사용됩니다.

마케팅에서 노란색과 오렌지색 : 환타, 아마존, 스냅챗

오렌지색을 흔히 보는 곳: 과일 제품, 스포츠 경기, 보드 게임.

차가운 색상의 심리적 효과:

이 색상은 건강, 평화, 힘 그리고 자연과 관련이 있습니다. 주로 "진정제"로 사용됩니다. 그것은 조화와 평화를 자극합니다. 로고타입에 녹색을 사용한 가장 대표적인 예는 글로벌 브랜드인 스타벅스입니다. 이 색상은 카페에서 휴식을 제공합니다.

마케팅에서 녹색: 스타벅스, BP, 스포티파이

녹색을 흔히 보는 곳: 자연, 건강 기반 상점, 레스토랑.

파란색은 일반적으로 남성용 제품을 의미합니다. 그 의미는 침묵, 물, 평화 그리고 신뢰성과 관련이 있습니다. 하늘색 색상은 안정감과 신뢰감을 줍니다. 보험사와 같이 고객과 신뢰와 신뢰를 구축하고자 하는 브랜드에서 가장 많이 사용하는 색상입니다. 안정감을 주고 생산성을 높여주므로 소셜 미디어 로고에 파란색이 다른 색상보다 더 많이 사용됩니다.

마케팅에서 파란색: 페이팔, 페이스북, 링크드인, 비자, BMW
파란색을 흔히 보는 곳: 운동 시설, 병원 그리고 스파.

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

2021년 가장 핫한 모바일 앱 디자인 트렌드

최고의 자리에 머무를 베스트 모바일 디자인 솔루션 2021년

트렌드는 시시각각 변화합니다. 그럼에도 좋은 솔루션은 아직 있습니다. 몇 가지 변경 사항만 적용하여도 계속 재사용할 수 있을 것입니다.

최고의 솔루션이란 여러분의 비즈니스와 사용자 모두에게 적합한 솔루션이라고 생각합니다. 2021년 상반기에서는 비 인기적이고 수준 이하의 개념을 걸러내는 데 꽤 효율적이었습니다. 현재 우리에게 무엇이 남아 있으며, 또한 무엇이 계속 인기를 얻고 있고, 가까운 장래에 어떤 트렌드를 유지할 것인지 살펴보도록 하겠습니다.

1. 명료함과 미니멀리즘 (Clarity and minimalism)

명확하고 단순하며 쉽게 이해할 수 있는 디자인은 제한된 크기를 고려할 때 항상 모바일 디스플레이와 관련이 있습니다. 지난 몇 년 동안의 조사를 통해 사용자가 명확하고 미니멀한 디자인을 좋아한다는 것은 더욱 분명해졌습니다. 깔끔한 디자인은 콘텐츠를 이해하기 쉽게 만들고 앱이 기능을 훨씬 더 잘 수행할 수 있도록 도와줍니다.

2. 어두운 대비의 디자인 (Dark contrasting design)

다크 모드는 최고의 UI 사례 중 하나로 입증되었습니다. 다크 모드는 많은 사람들을 사로잡았으며 그들은 어디에도 다크 모드를 떠나지 않을 것입니다. 어두운 대비의 디자인은 눈의 피로를 최소화합니다. 하이라이트 영역은 모든 세부 사항들이 명확하게 보이는 어두운 배경에서 특히 잘 보입니다. 또한 어두운 대비의 디자인은 고급스럽고 우아해 보입니다. 유행을 타지 않는 클래식이라고 할 수 있습니다.

3. 기능적인 3D 그래픽 (Functional 3D graphics)

3D 그래픽 트렌드는 특히 이커머스에서 여전히 강력합니다. 그러나 3D 트렌드도 변화하고 있습니다. *와우 요소는 관련성이 줄어들고 있습니다. 대신 오늘날의 솔루션은 3D 상호작용성을 점점 더 강조하고 있는데요. 이제는 단순히 모든 면에서 프로덕트를 보여주는 것이 아니라, 사용자가 3D 이미지 작업을 위한 설정을 사용자 정의할 수 있도록 도와주기까지 합니다. 3D 그래픽이 더 기능적인 요소가 될 것이라는 데는 의심의 여지가 없어 보이네요.

(*와우 요소/Wow factor: 뛰어난 프로덕트와 서비스 경험으로 인해 고객들의 예상과 예측을 뛰어넘은 긍정적인 포인트)

4. 커스터마이징

사용자 맞춤형 디자인은 사용자들이 콘텐츠를 개인적으로 만든 것처럼 느끼게 해 줍니다. 이러한 경향은 디자인이 더욱 인간 중심이 되면서 더욱 강해질 것이라 보고 있습니다.

5. 데이터 시각화

지루한 숫자들과 사실들을 쉽게 소화할 수 있는 그래프와 도표로 바꾸는 것은 적절하게 계속되고 있습니다. 이 트렌드는 모든 종류의 비즈니스에 적용되며 확실하게 앞으로도 유지될 것이라 보입니다.

..

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

💭 단톡방 가입문의  (2,070명)

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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