🔖 UXUI 해외 주간 아티클 TOP3

🔖 2023년 8월 5주 TOP3

1️⃣ 2023년 웹사이트 디자인의 10가지 원칙

2️⃣ UI/UX 디자이너의 해피 패스 역할

3️⃣ UI/UX 디자이너가 반드시 시도해봐야 할       AI Figma 플러그인 10가지

1️⃣ 2023년 웹사이트 디자인의 10가지 원칙

좋은 웹사이트 디자인의 10가지 원칙

웹사이트 디자인의 세계는 끊임없이 발전하고 있습니다. 새로운 기술이 등장함에 따라 새로운 웹사이트 디자인 원칙이 탄생합니다. 2년 전에는 일반적으로 사용되던 방식이 오늘날에는 효과적이지 않을 수 있습니다.

예를 들어, 20년 전에는 고정된 폭과 레이아웃으로 웹사이트를 구축하는 것이 합리적이었습니다. 사람들은 PC만 사용하고 다른 종류의 기기에 액세스할 수 없었습니다. 그래서 웹사이트 디자인 전문가들은 주로 고정폭 웹사이트(약 960픽셀 폭)를 위한 디자인을 만들어 일관된 사용자 경험을 제공할 것으로 기대했습니다.

10년 후, 스마트폰에서 인터넷을 탐색하는 것이 일반적으로 흔해졌습니다. 사람들이 웹사이트와 상호작용하는 방식이 영원히 바뀌었습니다. 고정폭과 레이아웃을 가진 웹사이트는 스마트폰 사용자들에게 거부감을 일으켰습니다. 그래서 2010년에 웹 디자이너 이단 마코트가 "반응형 웹 디자인"이라는 새로운 개념을 만들었습니다.

그는 기존의 세 가지 웹사이트 디자인 기법을 통합하여

하나의 통합된 접근법으로 정리하고 반응형 웹 디자인이라고 불렀습니다. 2010년에 앞서가던 웹사이트 디자이너들은 이러한 새로운 트렌드를 최대한 활용하기 위해 자신들의 디자인 원칙을 빠르게 수정했습니다. 10년 넘게 지난 지금, 전 세계 웹사이트 트래픽의 60% 이상이 모바일 전화로부터 생성됩니다.

그래서 웹 및 UI/UX 디자인 전문가들은 항상 최신 기술의 발전과 트렌드를 지속적으로 따라가야 합니다. 그렇지 않으면 제품과 디자인을 미래에 대비할 수 없을 것입니다.

웹사이트 디자인의 새로운 원칙

기술이 발전함에 따라 사람들의 선택과 기대도 시간이 지남에 따라 변화합니다. UI/UX 디자이너의 주요 목표는 항상 사용자의 문제를 해결하고 그들에게 기억에 남는 경험을 제공하는 것이지만, 이를 위한 접근법은 계속해서 개선됩니다. 그래서 2023년에 어떤 가이드라인이 우수한 경험으로 이어질 수 있는지 알아봅시다.

다가오는 2023년과 그 이후 10년 동안 적용 가능한 좋은 웹사이트 디자인의 새로운, 업데이트된 원칙은 다음과 같습니다.

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

2️⃣ UI/UX 디자이너의 해피 패스 역할

안녕하세요, 멋진 디자이너 여러분! 여러분은 "해피 패스(happy path)"라는 용어에 익숙할 수 있지만 응용 프로그램 디자인에서의 중요성에 대해서는 모를 수도 있습니다.

이 글에서는 이 용어의 역할과 응용 프로그램 디자인에 원활한 과정을 이루기 위해 어떻게 도움이 되는지에 대해 설명합니다. 또한 사용자들의 초기 단계에 대한 프로젝트에 대한 이해를 도와줍니다.

디자이너들은 해피 패스 개발에 최우선 순위를 부여하며, 이는 유리한 사용자 경험에 중요한 역할을 합니다. 이로 인해 제품 채택이 증가하고 사용자들은 제품 프로세스가 초기 단계에서 어떻게 작동할지 이해할 수 있습니다.

해피 패스란 무엇인가요?

사용자 경험에서 해피 패스(happy path) 디자인 플로우는 사용자가 불필요한 기능이나 단계에 압도되지 않고 최소한의 단계로 작업을 완료할 수 있는 매끄럽고 원활한 경험을 의미합니다. 이 활동은 제품 아이디어에 대한 사용자의 행동을 이해하고, 그들의 기대에 부합하는 효율적이고 직관적인 사용자 플로우를 제공하는 것을 목표로 합니다.

이 디자인 접근 방식에서 디자이너들은 사용자가 원하는 결과에 도달하는 데 방해가 되는 복잡성을 제거하기 위해 초과 요구사항을 제거하는 데 초점을 둡니다. 불필요한 단계를 줄이고 제거함으로써 사용자들은 시작부터 끝까지의 프로세스를 보다 쉽고 효과적으로 탐색할 수 있습니다.

어떤 전자 상거래 제품 쇼핑 앱에 대한 해피 패스 디자인 플로우를 생성하기 위해 디자이너들은 다음 단계를 고려해야 합니다: 1: 온보딩 자동화 2: 제품 화면 (홈 화면) 3: 제품 목록 (장바구니 추가) 4: 결제 과정 5: 처리 완료 (배송)

왜 필요한가요?

UI/UX 디자이너로서 해피 패스에 집중하는 것은 긍정적인 사용자 경험을 만들기 위해 필수적입니다. 해피 패스는 사용자가 어떠한 문제나 오류 없이 작업을 성공적으로 완료하는 이상적인 시나리오를 가리킵니다. 다음은 그 중요성에 대한 이유입니다:

해피 패스를 달성하는 목표는 무엇인가요?

저는 개인적으로 이 접근 방식을 제 프로젝트에서 사용하며, 이를 통해 기본 모듈을 이해하고 팀원들과 원활하게 소통할 수 있습니다. 해피 패스는 비즈니스 요구사항을 효과적으로 설명하고 신속하게 자신감을 키울 수 있도록 도와줍니다. 해피 패스 이후에는 경쟁 분석, 사용자 플로우, 페르소나, 마인드 매핑 및 스프린트 시즌과 같은 여러 다른 영역에 집중합니다.

참고: 제품 디자인은 완전히 동적인 접근 방식입니다. 제품 및 이해관계자 요구사항을 충족시키기 위해 단일 방법에 의존할 수 없습니다. 현실 세계에서는 아이디어와 창의적 접근을 비즈니스 지침과 조화시켜야 합니다.

사용자들을 압도하지 마세요.

안녕하세요! 우리 인간은 얼마나 복잡한지 놀라운 것 같지 않나요? 우리는 항상 우리가 관찰하는 것과 생각을 연결하고 있습니다. 프로덕트 디자인 경험 중에는 사용자가 제품을 사용하기 전까지 그들이 무엇을 필요로 하는지 예측할 수 없습니다. 왜냐하면 결국 사용자의 피드백이 우리의 인식보다 가치가 높기 때문입니다.

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

3️⃣ UI/UX 디자이너가 반드시 시도해봐야 할 AI Figma 플러그인 10가지

이러한 플러그인들은 디자인 작업을 더욱 빠르게 진행할 수 있도록 도와줍니다.

Adobe 소프트웨어에 비해 Figma가 단지 10가지 도구만을 제공한다는 주장도 있을 수 있지만, Figma의 강점은 디자인 커뮤니티의 집합적인 힘을 활용하는 데에 있습니다. 디자이너들에게 고유한 요구에 맞춤형 플러그인을 개발할 자유를 부여함으로써, Figma는 혁신적인 생태계를 육성해왔습니다.

지금은 AI의 도입으로 이러한 플러그인들이 완전히 새로운 유용성과 효능의 영역으로 도약하여 디자인 경험을 혁신하고 있습니다. 이제 우리는 여러분을 위해 AI 기반의 최고의 10가지 플러그인을 엄선하여 소개하겠습니다. 디자이너라면 누구나 시도해봐야 할 플러그인들입니다.

1. Ando — 디자이너를 위한 AI 공동 작업 도우미

이 플러그인은 간단한 텍스트 프롬프트로 디자인 아이디어를 시각화하는 데 도움을 주어 디자인 과정을 간소화하고 혁신적인 아이디어를 제공합니다.

2. Magician

이 올인원 플러그인은 디자인 경험을 혁신적으로 바꿀 수 있는 놀라운 도구입니다. 반복적인 작업을 자동화하고 맞춤형 아이콘과 AI 추천 텍스트를 생성하며 평범한 텍스트를 매력적인 이미지로 변환하여 디자인 과정을 원활하고 영감을 주도록 도와줍니다.

이 플러그인을 통해 반복적인 작업에서 시간을 절약하고 창의적인 자산들을 활용할 수 있게 됩니다. 노력 없이 디자인을 완성하고 프로젝트를 쉽게 향상시키세요.

3. Figma Autoname

Figma 레이어의 네이밍에 어려움을 겪은 적이 있나요? 이 탁월한 AI 도구는 단 한 번의 클릭으로 모든 Figma 레이어의 이름을 도와줍니다.

4. Automator

AI와 머신러닝의 전체 잠재력을 활용하여 작업을 간단하게 하고 창의성을 극대화하세요.

반복적인 작업을 자동화하고 다양한 디자인 요소를 생성하며 이미지를 멋진 작품으로 변환함으로써 AI는 중요한 부분에 집중할 수 있도록 도와줍니다.

5. Wireframe Designer

이 놀라운 플러그인은 원하는 설명을 입력하기만 하면 즉시 와이어프레임을 생성해줍니다. 모바일 및 데스크톱 와이어프레임 모두에 사용할 수 있습니다. 이 플러그인은 다양한 레이아웃을 테스트하고 프로젝트를 작업하는 동안 창의성을 발휘하는 데 완벽합니다.

복잡한 과정과 작별하고 이 놀라운 와이어프레임 플러그인을 환영하세요.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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