🔖UXUI 해외 주간 아티클 TOP3

🔖 2023년 3월 3주 TOP3

1️⃣ 2023년 UI/UX 디자인 트렌드

2️⃣ [사례 연구] 사이드바 탐색

3️⃣ UI 디자인을 위해 해야 할 일과 하지 말아야 할 일

1️⃣ 2023년 UI/UX 디자인 트렌드

기술과 UI/UX 디자인 산업이 지속적으로 발전함에 따라 UI/UX 디자인의 트렌드도 발전하고 있습니다. 2023년에는 사용자 경험과 제품 디자인 모두에 대한 다양한 개선을 가져올 UI/UX 디자인의 여러 새로운 트렌드를 볼 수 있습니다. 이러한 트렌드는 사용자 인터페이스를 사용하기 쉽고 미학적으로 보기 좋고 효율적으로 만들기 위해 고안되었습니다.

이 기사에서는 2023년의 최신 UI/UX 디자인 트렌드(대화식 사용자 인터페이스의 부상, 모션 및 애니메이션 사용, 보다 접근성 높은 디자인 추진 등)에 대해 살펴보겠습니다.

UI 트렌드로서의 애니메이션/모션

애니메이션과 모션이 사용자 인터페이스에서 점점 더 대중화되고 있다는 것은 의심의 여지가 없습니다. 불과 몇 년 전만 해도 앱이나 웹사이트에 움직이는 요소가 있다는 것은 상상조차 할 수 없었을 것입니다. 그러나 이제는 인터페이스에 약간의 생명력과 개성을 더하기 위해 사용되는 미묘한 애니메이션을 보는 것이 점점 더 보편화되고 있습니다.

애니메이션은 수년 동안 웹 및 앱 디자인에 사용되어 왔지만 최근에서야 주류가 되었습니다. 과거에는 애니메이션이 주의를 산만하게 하고 불필요하게 여겨져 종종 드물게 사용되었습니다. 그러나 모바일 장치의 등장과 제스처 기반 상호 작용의 인기로 인해 애니메이션은 디자이너에게 필수적인 도구가 되었습니다.

👉 UI 디자인에서 애니메이션/모션이 점점 인기를 얻고 있는 몇 가지 주요 이유가 있습니다.

많은 이점이 있는 애니메이션/모션이 UI 디자인에서 가장 인기 있는 트렌드 중 하나가 되는 것은 놀라운 일이 아닙니다. 따라서 인터페이스에 약간의 생명력을 추가하려는 경우 애니메이션과 모션을 사용하는 것이 좋습니다. 너무 많으면 압도될 수 있으므로 아껴서 사용하세요.

스큐어모피즘

ui/ux 디자인의 스큐어모피즘은 사용자 인터페이스 및 사용자 경험 디자인에서 스큐어모픽 요소를 사용하는 것을 말합니다. 스큐어모픽 요소는 사용자에게 보다 친숙하고 직관적으로 만들기 위해 실제 개체 및 개념을 모방한 요소입니다.

디자인에서 스큐어모피즘의 사용은 논란의 여지가 있습니다. 일부 디자이너는 인터페이스가 복잡하고 혼란스러울 수 있다고 주장하는 반면, 다른 디자이너는 사용자가 디지털 제품을 더 잘 이해하고 상호 작용하는 데 도움이 될 수 있다고 믿습니다.

스큐어모피즘을 디자인에 사용하는 데 있어 옳고 그른 답은 없으며, 작업에 사용할지 여부를 결정하는 것은 궁극적으로 디자이너에게 달려 있습니다. 그러나 결정을 내리기 전에 스큐어모피즘의 장단점을 고려하는 것이 중요합니다. 제품의 전반적인 사용자 경험에 상당한 영향을 미칠 수 있기 때문입니다.

👉 스큐어모피즘의 장점

👉 스큐어모피즘의 단점

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

2️⃣ [사례 연구] 사이드바 탐색

개요

사이드바 내비게이션은 디자이너가 레이아웃 공간을 더 잘 활용할 수 있게 해주는 방식 덕분에 (특히 SaaS 제품에서) 빠르게 인기를 얻고 있습니다.

탐색 메뉴는 사용자 경험과 인터페이스 디자인에 매우 중요합니다. 이 탐색 UI의 대부분의 이점은 많은 최상위 범주를 수용할 수 있는 기능에서 비롯됩니다.

목적

SaaS 제품 요구 사항을 충족하는 깔끔하고 사용자 친화적인 사이드바 디자인을 만들어 사용자가 탐색 도구를 빠르고 편안하게 사용하여 필요한 작업 공간을 찾을 수 있도록 도와줍니다.

사이드바 연구 및 디자인은 인터페이스 디자인에서 사이드바의 현재 경험과 연구 결과를 고려합니다.

수직 내비게이션의 이점

이 탐색 UI의 대부분의 이점은 많은 최상위 카테고리를 수용할 수 있는 기능에서 비롯됩니다.

도전

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

3️⃣ UI 디자인을 위해 해야 할 일과 하지 말아야 할 일

더 나은 사용자 경험을 만드는 데 도움이 되는 7가지 해야 할 일과 하지 말아야 할 일

사용자 인터페이스는 사용자가 프로덕트, 애플리케이션 또는 플랫폼과 상호작용할 때 보게 되는 것입니다. 매력적인 사용자 경험은 견고한 인터페이스 디자인을 기반으로 합니다. 초보자로서 우리는 모두 다른 웹사이트의 디자인에 매료되고 그러한 디자인을 우리 자신의 것으로 만드는 방법을 궁금해합니다.

광범위한 사용자를 위한 깨끗하고 효율적인 인터페이스를 구축하기 위한 기본 설계 개념으로 고려해야 할 몇 가지 사항이 있습니다.

이제 놀랍고 깨끗하며 전문적인 인터페이스를 만드는 방법을 이해해 봅시다!

1. 인간과 같은 언어:

공감하는 언어를 사용하면 사용자를 참여시키는 데 도움이 되며 디자인을 통해 좋은 사용자 경험을 제공합니다.

2. 수평 정렬:

마크에 대한 정렬을 유지함으로써 콘텐츠의 가독성을 높입니다.  화면을 잘 정렬하면 눈으로 쉽게 스캔할 수 있습니다.

3. 아이콘 라벨 표현:

레이블과 함께 아이콘, 애니메이션을 사용하면 콘텐츠와 훨씬 쉽게 연결할 수 있습니다.  인터페이스를 합리적이고 풍부하게 보이게 만들어 즉시 시선을 사로잡습니다.

4. 콘텐츠 나누기:

긴 문장과 단락을 사용하면 읽기가 어렵습니다.  좋은 UX와 UI를 가지려면 글머리 기호를 사용하여 요점만 강조하거나 콘텐츠를 더 작은 덩어리로 나누는 데 집중해야 합니다.  특히 "이용약관" 또는 선언을 명시할 때 글머리 기호를 사용하면 콘텐츠를 쉽게 훑어볼 수 있습니다.  정보가 소비되지 않은 상태로 남을 가능성이 적습니다.

5. 프로세스 표시줄:

프로세스 막대는 흐름을 추적하는 데 도움이 되며 앞뒤로 쉽게 이동할 수 있습니다. 온라인 쇼핑, 양식 작성, KYC 신청 등과 같은 시나리오에서는 이 형식을 사용하여 프로세스 추적을 용이하게 합니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

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