🔖 2021년 7월 2주 TOP3

🔖 2021년 7월 1주 TOP3

1. 2021년 독학 UI/UX 디자이너 로드맵

2.소프트 UI : 최신 디자인 트렌드 파악하기

3.UX 성숙도의 6단계

2021년 독학 UI/UX 디자이너 로드맵

전혀 알지 못한 상태에서 풀 타임 역할까지 UI/UX 디자인을 학습하는 방법에 대한 심층 가이드

2020년 9월은 제가 아무런 경험 없이도 UI/UX 디자이너로 고용 되었을 때입니다. 신입임에도 불구하고 3개월 만에 25%의 급여 인상을 받았습니다. 제 말만으로 볼 때, 그 여정이 순조롭게 진행되는 것처럼 보였습니다. 그것은 끊임없이 진화하는 UI/UX분야를 이해하는 데 많은 시간을 투자했기 때문입니다.

여러분은 풀 스택 개발자 로드맵을 잘 알고 계실 겁니다. 이 로드맵은 누군가가 풀 스택 개발자가 되기 위해 어떻게 배워야 하는지를 설명하는 매우 인기 있는 로드맵입니다.
그 아이디어를 바탕으로 2021년 독학하는 UI/UX 디자이너에게, 딱 맞는 UI/UX 디자이너 로드맵을 만들기로 했습니다.(제가 겪은 일입니다)

이 가이드는 결정적인 역할을 하지만 여전히 완전하지는 않습니다. 기술과 트렌드는 UI/UX분야에서 끊임없이 진화하고 있습니다. 예를 들어, 글래스모피즘은 2020년 UI디자인의 새로운 트렌드로 부상했습니다.

주목해야 할 또 다른 중요한 점은 이것이 자동 조정이 필요한 필수 로드맵이라는 것입니다. 목표로 삼고 있는 작업과 과거 기술을 기반으로 조정해야 합니다. 예를 들어, 그래픽 디자이너는 유사성으로 인해 UI/UX 디자인을 배우는 것이 더 쉽다는 것을 알 수 있지만 회계사는 어려움을 느낄 수 있습니다.

주의 사항
로드맵에 대해 자세히 알아보기 전에, 이 로드맵에 대해 몇 가지 주의 사항이 있습니다.

2021년 전체 UI/UX 디자이너 로드맵으로 바로 이동해 보겠습니다.

2021년 UI/UX 디자이너 로드맵 : 개요

로드맵을 세 가지로 나눕니다.

디자인에서 특정 의사결정이 내려지는 이유 (예 : 오른쪽 또는 왼쪽의 버튼?)를 이해하려면 기본 원리를 강화해야 합니다. 모든 사람이 자연스러운 디자인 감각을 가지고 있는 것은 아니지만 충분한 지식과 연습이 그것을 연마하는 데 도움이 될 수 있습니다.
.  
.  
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

소프트 UI : 최신 디자인 트렌드 파악하기

작년에 새로운 디자인 트렌드가 등장했습니다. 바로 소프트 UI 또는 뉴모피즘 (Neumorphism)입니다. 심지어  Apple도 이 스타일을 사용하는 모바일 및 데스크톱 운영 체제 모두에 많은 변화를 도입했습니다. Apple에서 도입한 소프트 UI의 요소는 Microsoft Fluent UI 디자인의 다양한 측면도 반영하고 있습니다. 

자 그럼, 소프트 UI가 그렇게 큰 개념이라면 우리들이 알아야 할 것은 무엇일까요? 소프트 UI는 어떻게 작동하며 사용 시 장단점들은 무엇일까요?

소프트 UI(Neumorphism)란 무엇인가요?

소프트 UI는 디자인 요소에 하이라이트와 그림자를 사용하여 페이지가 마치 레이어 된 것처럼 보이게 합니다. 

뉴모피즘(neumorphism)이라는 용어는 디자이너가 가능한 실제와 가까운 무언가를 만들었던, 이전의 스큐어모피즘(skeuomorphism)에서 파생된 것입니다. 

iOS 6과 7 사이의 전환을 기억하신다면, 스큐어모피즘과 플랫 디자인 사이의 전환을 기억하실 것입니다. 하지만 뉴모피즘은 그다지 극적이진 않습니다.

뉴모피즘은 실제 요소와 디지털 요소 간의 대비나 유사성 등에 지나치게 초점을 맞추지 않습니다.  대신, 이러한 '소프트 UI' 방식은 사용자에게 더 부드럽고 원활한 환경을 제공합니다.

뉴모피즘을 통해  버튼과 카드가 실제로 배경의 일부라는 느낌을 받을 수 있습니다. 이 트렌드는 일반적인 인터페이스의 화려한 측면을 제거하고 디자인 전체에서 일관성을 유지하는 부드러운 스타일에 중점을 둡니다.

소프트 UI의 일반적인 기능.

소프트 UI는 모든 것이 더 연결되어 있다는 느낌을 줌으로써 경험을 부드럽게 하는 것입니다. 심미적으로 지나치게 거친 것은 없기 때문에 '부드러움(Soft)'이라는 용어가 사용됩니다.

그렇다면 어떤 기능들을 기대할 수 있을까요? 

둥근 모서리 :
소프트 UI는 모듈 및 세그먼트의 모서리처럼 인터페이스의 날카로운 부분을 제거합니다. 이것은 전체적으로 더 부드러운 외관을 연출할 수 있습니다. Iqonic Design의 실험을 통해 (*원문 이미지 참고) 우리는 둥근 모서리가 모든 것을 어떻게 묶는지 볼 수 있습니다.

투명성 및 배경 흐림:
악명 높은 iOS 7 솔루션이 등장한 이후 배경 흐림과 투명성이 오늘날 더욱 인기를 끌고 있습니다. 대부분의 사람들은 얇은 글꼴과 결합된 초미니멀리즘의 외모를 싫어했지만, 배경 흐림 효과는 더욱 인기가 있었습니다. 소프트 UI가 흐려지면 창의 일부가 OS의 나머지 부분에 연결되어 있음을 나타냅니다. 앱의 배경 일부가 표면으로 밀려나는 것 같네요. 

통합 기호 :
모든 것이 소프트 UI 디자인에 완벽하게 맞아야 합니다. 같은 개체의 일부처럼 보이지 않는 것은 전체적인 디자인 경험을 방해합니다. Surja Sen Das Raj의 디자인 실험에서(*원문 이미지 참고) 모든 색상, 그림자 및 그라디언트가 어떻게 일관되게 연결되는지 확인할 수 있습니다. 모든 것이 더욱 균일하기 때문에 최종 사용자에게 완벽한 환경을 제공합니다. 

디자인에 소프트 UI 요소 구현하기.
그렇다면 UI 디자인 프로세스에서 뉴모피즘은 어떻게 보일까요?

궁극적으로는 미묘한 대비와 정렬된 색상이 중요합니다. 인터페이스의 모든 부분이 동일한 양식의 일부인 것처럼 보여야 합니다. 배경과 요소가 동일해야 배경에 물체가 튀어나온 느낌을 줄 수 있기 때문입니다.

소프트 UI에 그림자와 하이라이트는 성공의 열쇠가 됩니다.

몇 가지의 주요 단계를 한번 살펴볼게요.
.  
.  
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

UX 성숙도의 6단계

UX 성숙도는 사용자 중심 설계를 성공적으로 제공하려는 조직의 욕구와 능력을 측정합니다. 여기에는 연구 및 설계 프로세스, 리소스, 툴 및 운영의 품질과 일관성이 포함되고 있으며, 리더십, 인력 및 문화를 통해 현재와 미래의 UX를 지원하고 강화하려는 조직의 성향도 포함되고 있습니다.

배경

2006년, Jakob Nielsen은 UX 성숙도의 8단계를 정의하면서, 초창기의 UX 성숙도 모델들 중 하나를 개발했습니다. 각 단계는 사용자 연구가 전혀 없는 기업부터, 최대 집중도를 달성한 기업까지, 다양한 조직 환경에서의 UX 존재에 대해 설명하고 있습니다.

그 이후로 디자인 및 연구 방법, 작업, 프로세스, 도구, 결과물, 리더십 참여, 전사적 전략에서 UX를 보고 우선순위를 정하는 방법 등 UX 분야에서 많은 변화가 있었습니다. 이러한 변화를 염두에 두고, 우리는 UX 성숙도를 모델링하고 측정하는 방법을 수정하여 새로운 규범을 통합하고 지난 10년 반 동안 수천 명의 고객과 학생들로부터 보고된 조직적인 발전을 설명했습니다.

이 아티클에서는 NN/g UX 성숙도 모델에 대해 자세히 설명합니다. 모델이 어떻게 디자인되었고 2006년 모델과 어떻게 다른지에 대한 자세한 내용은 다음에 나올 아티클인 'The Making of a UX Maturity Model'을 참조하세요. 조직과 협력하여 UX 성숙도를 평가하고 UX 성숙도의 진화와 결과에 대한 추가 데이터를 수집하면서 이 모델을 계속 개선할 계획입니다.

UX 성숙도 모델(The UX-Maturity Model)

UX 성숙도 모델은 각 조직의 UX 관련 강점과 약점을 평가하는 프레임워크를 제공합니다. 우리는 이 평가를 통해 조직이 현재 점유하고 있는 6가지 단계 중 어느 단계에 해당하는지를 결정할 수 있습니다. 또한 이 모델은 조직이 UX 성숙도를 높일 수 있는 방법에 대한 통찰력을 제공합니다.

UX 성숙도의 6단계는 다음과 같습니다.

1. 부재(Absent) : UX가 무시되거나 존재하지 않습니다.
2. 제한적인(Limited): UX 작업은 드물고, 우연히 이루어지며 중요성이 부족합니다.
3. 우발적(Emergent): UX 작업은 기능적이고 유망하지만 일관성이 없고 비효율적으로 수행합니다.
4. 구조화(Structured): 조직은 광범위한 UX 관련 방법론을 가지고 있지만 효과와 효율성의 정도는 서로 다릅니다.
5. 통합(Integrated): UX 작업은 포괄적이고 효과적이며 널리 퍼져 있습니다.
6. 사용자 중심(User-driven): 모든 수준에서 UX에 대한 헌신은 깊은 통찰력과 탁월한 사용자 중심 디자인 결과로 이어집니다.

UX 성숙도 요인(Factors in UX Maturity)

UX 성숙도를 향상시키려면, 다음과 같은 여러 가지 다양한 요소에 대한 성장과 진화가 필요합니다.

이러한 요소들은 어느 것도 단독으로 작용하지 않으며, 오히려 서로를 강화시키고 활성화하게 합니다. 조직의 리더십에 의해 UX 작업의 우선순위가 정해지지 않는다면 UX 프로세스에 대한 지식으로는 훌륭한 UX 팀을 만들 수 없습니다. 마찬가지로, UX의 가치에 대한 믿음은 '말하는 것을 실천함'이 마련되었을 때, 실행이 가능해집니다. 조직은 UX 완성도를 높이고, 사용자 중심 디자인의 전체 가치를 실현하기 위해, 이러한 모든 차원으로 발전해야 합니다.
.  
.  
👇 더 자세한 내용은 아래 원문에서 확인해주세요.

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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