🔖 2022년 2월 3주 TOP3

🔖 2022년 2월 3주 TOP3

2022년 UX/UI 디자인 트렌드

021년이 끝나간 현재, 우리는 시간을 할애하여 다가온 새해의 가장 주목할만한 몇 가지 트렌드를 검토하고 있습니다. 지난 몇 년은 구현된 기술 및 디자인 트렌드 측면에 있어 UX/UI 산업에서 지속적이고 빠른 발전이 일어나고 있다는 강력한 증거가 된 해들 이었습니다. 탐험은 모든 종류의 방향으로 전개되고 있습니다. 어떤 일부는 수명이 짧고, 어떤 일부는 재창조되고, 또 어떤 일부는 이전보다 더 큰 초점으로 되풀이됩니다. 아래에서 2022년 내내 유지될 몇 가지 탐험들을 더 자세히 소개합니다.

초대형 타이포그래피

지난 몇 년 동안의 초대형 타이포그래피 트렌드는 점점 더 대담해지고 크기는 점점 커지고 있습니다! 올해에는 대담한 타이포그래피거나 혹은 이미지가 거의 또는 전혀 없는 세련된 히어로 섹션이 전부가 될 것입니다.

디자이너와 사용자 모두 랜딩 페이지의 전면 중앙에 크고 자랑스럽게 서 있는 큰 타이포그래피에 점점 더 익숙해지고 있습니다. 크고 *그로테스크한 산세리프체든 현대적이고 럭스한 세리프체든 — 이 추세는 점점 클수록 더 좋습니다. 신중한 글꼴 선택을 통해 웹 사이트는 이용자의 관심을 끌고 메시지를 효과적으로 전달하기 위해 그 어느 때보다 과감한 표현을 하고 있습니다.

이러한 인쇄상의 선택들은 매력적인 애니메이션으로 더욱 생생하게 전달됩니다. 디자이너는 마우스 움직임을 통해 또는 페이지를 아래로 스크롤하는 동안 타이포그래피를 움직이고 사용자와 상호 작용하도록 하는 창의적인 효과를 구현하고 있습니다. 대담하고 생생한 인터랙티브한 타이포그래피를 중심으로 많은 웹사이트에서 배경 이미지를 사용하지 않고 깨끗하고 세련된 느낌을 줍니다.

따라서 이 트렌드를 시도해 보세요. 텍스트 크기를 확대하여 이미지 위에 배치하고(혹은 하지 마세요!), 큰 제목에 애니메이션을 적용하고 사용자가 재미있게 사용할 수 있도록 합니다. 가장 중요한 것은 사용자의 관심을 즉시 끌 수 있는 과감하고 시끄러운 소리를 내는 것을 두려워하지 마세요.

레트로 UI 컴백

불확실성과 암울함으로 가득 찬 펜데믹 2년 째, 우리는 행복과 즐거움을 위한 모든 기회를 찾고 소중히 여기는 법을 배웠습니다. 우리가 고립된 시간의 대부분을 보내는 디지털 공간도 이러한 현상에서 예외는 아닙니다.

기업과 디자이너들은 80년대와 90년대에 큰 영감을 받아 이러한 요구들에 부응해 왔습니다. 정통 룩을 위해 모던함을 가미하여 다채롭고 질감 있는 복고풍 모티브를 되살리고 있습니다. 파스텔과 짝을 이루는 생생한 색상, 기발한 타이포그래피, 질감이 있는 배경, 페이지 전체에 걸쳐 격자를 벗어난 개체 배치, 틀에 얽매이지 않는 이미지 및 기발한 일러스트레이션은 올해에도 많은 관심을 끌 것입니다.

..

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

더 나은 디자인을 위해 피해야 하는 UI/UX 디자인 실수

결과적으로 UI/UX 디자인은 매우 성공적인 앱과 영향을 미치지 않거나 사용자에게 지속적으로 부정적인 인상을 남기는 앱의 차이일 수 있습니다! 좋은 앱의 경우 가장 작은 것까지도 중요하게 생각합니다. 다음은 가장 널리 퍼진 UI 디자인 오류와 이를 방지하는 방법입니다. 새로운 디자이너로서 이러한 오류를 알고 있으면 현장에서 성공하는 데 매우 도움이 됩니다.

모든 앱이 다르고 완벽한 인터페이스를 개발하기 위한 보편적인 공식은 없지만 아래 목록은 더 나은 인터페이스를 만드는 데 도움이 될 것입니다. 2021/22년에는 어떤 것이 유행할까요?

다음의 10가지 UI 디자인 실수는 반드시 피해야 합니다.

1. 무의미한 UI 요소를 사용하는 경우

앱이 원활하게 실행되고 가능한 한 간단해질 수 있도록 너무 많은 고유한 스타일을 사용하지 마세요. 사용자에게 이것은 헷갈리는 메시지를 전달합니다! 할 수 있을 때마다 패턴과 요소를 반복해야 합니다. 일관된 디자인을 사용함으로써 방문객과의 신뢰를 구축하고 즐거운 경험을 제공할 수 있습니다. 또한 고객이 소프트웨어 사용 방법을 더 쉽게 이해할 수 있습니다.

2. 기본 그림자를 사용하는 경우

그림자 효과는 적을수록 좋습니다. 그것들을 과도하게 사용하면 혼잡하고 시끄러운 디자인이 될 것입니다. 반드시 사용해야 하는 경우 다음 권장 사항을 따르세요.

기본 그림자를 사용하려면 수정하세요. 가능하면 극도로 가라앉게 하세요. 어두운 색조인 검은색 대신 그림자에 더 진한 색상의 배경색을 사용하세요. 이렇게 하면 그림자가 더 자연스럽게 보입니다.

3. 기본 버튼과 보조 버튼에 거의 차이가 없는 경우 

사용자는 응용 프로그램과 상호 작용할 때 다양한 작업을 수행할 수 있습니다. 주요 활동은 시각적으로 두드러져야 합니다. 사용자가 키 버튼을 쉽게 인식할 수 있도록 굵고 눈에 잘 띄게 합니다. 사용자는 기본 활동만큼 명확하지 않더라도 보조 활동을 찾을 수 있어야 합니다.

기본 버튼과 보조 버튼은 다음과 같이 구분됩니다. 주 버튼과 보조 버튼을 시각적으로 구분하기 위해 서로 다른 시각적 가중치를 사용합니다. 시각 무게는 어떤 버튼이 가장 많은 관심을 받는지 결정하는 역할을 합니다.

따라서 강렬한 색상, 굵은 글씨, 큰 버튼 크기를 사용하여 기본 버튼에 시각적 무게를 주세요. 2차 작업의 경우 정반대의 작업을 수행합니다. 

..

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

퍼널의 세계에서 프로덕트 분석

Amazon 계정을 설정하거나 온라인으로 새 스니커를 주문하거나 ATM에서 돈을 인출해봅니다. 대부분의 일상적인(온라인) 활동과 마찬가지로 이러한 작업에는 특정 작업을 완료하기 위해 차례로 수행해야 하는 여러 단계들이 포함되고 있습니다. 퍼널은 이러한 종류의 활동들을 시각화하는 이상적인 방법입니다.

이 글을 읽는 순간, 여러분은 위 그림의 미디엄 사용자 활동 유입경로의 두 번째 단계에 와있는 것입니다.(이 글의 수치는 저자가 추정한 것입니다.)

퍼널 시각화는 일반적으로 웹사이트의 상위 수준 흐름을 모니터링하는 데 사용됩니다. 아마존 마켓플레이스에 대해 생각해 보세요. 사용자는 홈페이지를 방문하여 프로덕트 목록 개요로 진행하고 일부 프로덕트를 보고 장바구니 페이지로 이동하며 마지막으로 체크아웃 페이지에서 구매를 완료합니다. 이 프로세스는 퍼널 분석을 사용하여 모니터링할 수 있는 판매 퍼널의 전형입니다.

그러나 퍼널은 이것보다 더 많은 용도로 사용될 수 있습니다. 프로덕트를 분석할 때 퍼널 사고 방식을 채택하면 문제의 근본 원인을 파악하고 기회 영역을 식별하는 데 도움이 됩니다. 프로덕트 팀이 의사 결정과 다음 단계를 알리는 데 퍼널이 매우 중요한 두 가지 사용 사례들을 살펴보겠습니다.

프로덕트 문제 조사

높은 수준의 프로덕트 흐름에서 벗어나 깔때기 분석은 특정 메트릭의 갑작스러운 변경과 같은 프로덕트 문제를 조사하는 데 필요한 만큼 세분화할 수 있습니다.

미디엄이 플랫폼에 남겨진 댓글 수가 전월에 비해 8% 감소한 것을 알아차렸다고 가정해 봅시다.

퍼널 분석을 통해 문제가 무엇인지 조기에 알 수 있습니다. 사용자가 댓글을 남기기 위해 취해야 하는 다양한 단계들을 상상해보세요. 먼저 사용자는 Medium으로 돌아와 기사를 클릭해야 합니다. 그런 다음 사용자는 기사를 읽고 주석 버튼을 클릭하고 주석 텍스트 필드에 초점을 맞출 것입니다. 궁극적으로는 댓글을 입력하고 제출하겠죠.

다음은 현재 및 전월에 대한 유입경로를 비교할 때 잠재적으로 상당한 차이점을 찾을 수 있는 상당히 많은 단계들입니다.

위의 퍼널은 사용자가 댓글 필드에 초점을 맞춰야 하는 단계에 문제가 있다는 힌트를 줄 뿐만 아니라 댓글을 남기는 데 필요한 여러 단계들을 간략하게 설명하는 것 또한 깊이 파고들어야 할 영감을 주게됩니다. 예를 들어, 글을 읽은 사용자의 80%가 댓글 필드를 클릭했다고 한다면, 사용자당 댓글/글 비율은 얼마일까요? 이것은 사용자가 읽는 모든 10번째 기사에 대해서만 발생할까요? 아니면 모든 3번째 기사에 대해 발생할까요?

사용자 개발 모니터링

퍼널에서 생각하는 것은 프로덕트 내에서 사용자 진행 상황을 추적하는 것 이상으로 유용할 수 있습니다. eBay, LinkedIn, Medium 및 기타 수많은 회사들의 공통점은 비즈니스 모델이 시간이 지남에 따라 고객을 개발하고 성숙시키는 데 달려 있다는 것입니다.

LinkedIn과 같은 사용자 생성 콘텐츠 플랫폼들은 사용자가 비즈니스를 계속 유지하기 위해 소비자가 아닌 콘텐츠 제작자가 되도록 장려해야 합니다. eBay같은 경우에는 새로운 사용자가 지속적으로 제공되는 제안을 유지하기 위해 이미 플랫폼에 있는 항목을 검색하는 것보다 물건을 판매하기 시작하도록 권장해야 할 것입니다.

따라서 이러한 회사들은 참여 퍼널를 통해 사용자를 밀어야 합니다. 사용자가 한 걸음 한 걸음 내디딜 때마다 비즈니스에서 더 가치 있게 될 것입니다. Medium의 잠재적 참여 유입 경로는 다음과 같습니다. 

..

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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