🔖 UXUI 해외 주간 아티클 TOP3

🔖 2023년 7월 4주 TOP3

1️⃣ 가장 무서운 UI/UX 디자인 실수 10가지

2️⃣ 더 빠르게 디자인할 수 있는 베스트 7 Figma 플러그인

3️⃣ 2023년 AI 웹 디자인 안내서

1️⃣ 가장 무서운 UI/UX 디자인 실수 10가지

UI/UX 디자인의 끊임없이 변화하는 세계에서 성공과 실패 사이의 경계는 매우 좁습니다. 작은 디자인 실수라도 사용자의 좌절, 낮은 전환율 또는 제품 실패로 이어질 수 있습니다. 이러한 함정을 피하기 위해 비용을 아끼지 않고 피해야 할 가장 무서운 UI/UX 실수 10가지 목록을 만들었습니다. 각 실수는 실제 예시와 함께 제시되어 다른 사람들의 시행착오를 통해 배울 수 있습니다. 자세히 살펴보겠습니다!

1. 직관성 없는 내비게이션

내비게이션은 어떤 웹사이트나 앱의 기반이 됩니다. 사용자가 찾고 있는 것을 찾지 못하면 좌절감과 높은 이탈률로 이어질 수 있습니다. 내비게이션은 명확하고 간결하며 사용하기 쉬워야 합니다. 혼잡하고 혼란스러운 내비게이션 메뉴는 사용자들을 기피하게 만들고 사이트를 떠나게 할 수 있습니다. 예를 들어, 전자상거래 웹사이트에서 특정 제품이나 서비스를 찾고 있는 사용자가 디자인이 잘못된 내비게이션 메뉴로 인해 쉽게 찾지 못하게 되면 그들은 전혀 관심을 갖지 않고 사이트를 이탈할 수 있습니다.

뉴욕 타임스의 문제점

이로 인해 사용자들은 관심 있는 기사나 섹션을 빠르고 쉽게 찾지 못하게 되었습니다. 이는 사용자들이 뉴스 소스를 이동할 수 있는 다른 웹사이트를 선호하여 좌절과 높은 이탈률을 초래했습니다.

뉴욕 타임스는 이에 대응하여 내비게이션 메뉴를 더 깨끗하고 간단하며 직관적으로 재디자인했습니다. 새로운 디자인은 링크 수를 줄이고 글꼴을 크게 하며 공백을 더 많이 포함하여 사용자가 사이트를 스캔하고 탐색하기 쉽게 만들었습니다. 내비게이션 메뉴는 이제 뉴스, 의견, 예술, 생활 등과 같은 명확한 범주로 구성되어 있어 사용자가 찾는 콘텐츠를 쉽게 찾을 수 있습니다.

내비게이션 메뉴를 단순화하고 간소화함으로써 뉴욕 타임스는 사용자들이 원하는 정보를 쉽게 찾을 수 있게 하고 웹사이트로 재방문할 수 있도록 했습니다.

2. 가독성이 낮음

대비가 낮은 텍스트, 작은 글꼴 크기 및 혼잡한 콘텐츠는 사용자가 정보를 읽고 이해하는 것을 거의 불가능하게 만들 수 있습니다. 이는 사용자 경험을 저하시키고 사용자들이 콘텐츠와 상호작용하기 어렵게 할 수 있습니다. 이 실수를 피하기 위해 명확하고 가독성이 좋은 글꼴, 적절한 대비 및 잘 구성된 콘텐츠를 사용하세요. 예를 들어, 작은 글꼴 크기와 낮은 대비 텍스트를 가진 모바일 앱은 시각 장애가 있는 사용자에게 가독성이 떨어지므로 그들에게는 좌절을 초래할 수 있습니다.

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

2️⃣ 더 빠르게 디자인할 수 있는 베스트 7 Figma 플러그인

설계 지연을 극복하는 데 도움이 되는 Figma 플러그인에 대해 논의해 보겠습니다.

목차

소개

레이아웃의 콘텐츠를 채우거나 개발자 핸드오프를 위해 준비하는 데 얼마나 자주 어려움을 겪었습니까?

저는 NativeBase Startup+ 화면을 디자인하는 동안 항상 어려움을 겪었습니다.

규모에 맞게 디자인할 때는 매초가 중요합니다.  올바른 플러그인을 사용하면 Figma로 작업 흐름과 생산성을 크게 향상시킬 수 있습니다.  그러나 선택할 수 있는 플러그인이 너무 많기 때문에 압도당하기 쉽습니다.

여기에서는 색상, 타이포그래피, 콘텐츠, 이미지, 아이콘, 일러스트레이션, 목업 등에 거의 매일 사용하는 플러그인을 공유하여 작업 흐름을 향상시켰습니다.

색상

Zebra는 빠르고 가벼운 APCA 색상 대비 검사기입니다.

사용하는 방법:

타이포그래피

Font Master를 사용하면 글꼴을 쉽게 구성하고 텍스트 일관성을 유지할 수 있습니다. 이 플러그인은 프로젝트를 스캔한 다음 글꼴 스타일과 사용 위치를 보여줍니다. 텍스트를 선택하고 스타일로 빠르게 그룹화할 수 있습니다.

콘텐츠

Content Reel 플러그인은 더미 데이터, 아바타 & 아이콘으로 가득 찬 라이브러리입니다. 이미지, 텍스트, 아이콘, 심지어 아바타까지 디자인으로 빠르게 드래그하고 향상시킬 수 있습니다. 먼저 하나 이상의 레이어를 선택하고 아바타 사진, 로고, 이름, 업체, 전화 날짜, 전화번호, 날짜 & 시간 정보 등에서 선택하여 일반 더미 콘텐츠를 대체합니다.

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

3️⃣ 2023년 AI 웹 디자인 안내서

웹 디자이너의 업무에는 종종 사진의 색상 보정이나 개별 웹 디자인 요소에 대한 코드 샘플 생성과 같은 지루하고 시간이 많이 소요되는 작업이 포함됩니다. 그러나 지금은 2023년이며, 인공지능(AI)은 단지 3년 전보다 훨씬 발전되었습니다. AI는 이제 웹 디자인의 가장 지루한 측면을 최적화하고 디자이너들이 더 창의적인 측면에 집중할 수 있는 시간을 확보할 수 있을까요? 그렇다고 할 수도 있고 그렇지 않다고 할 수도 있습니다.

네, 현재 대중에게 액세스 가능한 여러 AI 도구들이 웹 디자이너들이 업무의 다양한 측면에서 도움을 줄 수 있습니다. 그러나 AI가 생성한 결과물은 절대 100% 신뢰할 수 없습니다. 많은 AI 모델이 추상적인 개념을 인식하는 데 초기 성공을 거두었지만, 그들은 아직 사람의 관점을 채택하여 인간적인 결정을 내리지는 못합니다.

AI 프로그램의 입력은 항상 편향되거나 부정확할 위험이 따릅니다. 그래서 아직 웹사이트 및 앱 디자인 분야에서 AI의 영향이 어떻게 될지 확언하기는 어렵습니다. 그러나 현재 산업에서 AI가 어떻게 사용되고 있는지 기본적인 이해를 갖는 것은 모든 웹 디자이너에게 필수적입니다.

이 기사는 웹 디자이너들이 현재 존재하는 가장 흥미로운 AI 도구들을 활용하여 업무를 최적화하는 방법을 설명합니다. 또한 웹 디자이너들이 주목해야 할 몇 가지 예정된 AI 도구들에 대해 논의합니다.

2023년 웹 디자인에서 AI가 어떻게 사용되고 있는지

현재 많은 웹 디자이너들은 AI 도구를 개인 비서로 활용하고 있습니다. 다음 도구들은 어떤 웹 디자이너든지 일상적인 작업에 도움을 줄 수 있습니다.

자동화된 디자인

Adobe의 프로젝트 Felix, Gator, Squarespace, Wix와 같은 인공 디자인 지능(ADI) 도구들은 다음과 같은 번거로운 디자인 작업을 자동화했습니다.

또한 이러한 사이트 빌더는 "회사 소개" 또는 "FAQ"와 같은 일반적으로 사용되는 웹페이지에 대한 하위 템플릿도 생성합니다. 이러한 도구들은 새로운 세대의 앱 및 웹사이트 디자이너들에게 엄청난 영감을 주고 있습니다.

이러한 전문가들은 ADI 도구를 사용하여 고객을 위해 맞춤형 웹사이트를 만들고 디자인하는 데 사용합니다. 물론, ADI 도구로 디자인된 웹사이트는 아직 인간이 디자인한 웹사이트의 품질에는 미치지 못합니다. 그러나 웹과 앱 디자인 산업에서 ADI의 영향력을 무시할 수는 없습니다.

아이디어 생성

소매 쇼핑객을 대상으로 한 프로모션 웹페이지를 위한 혁신적인 디자인 아이디어가 필요하신가요? ChatGPT에게 물어보세요. 이 AI 기반의 텍스트 대 텍스트 도구는 세계를 뒤흔들었습니다. 놀라운 정확성과 창의성으로 기본적인 질문에 대답할 수 있습니다. 우리는 ChatGPT에게 프로모션 웹페이지에 대한 몇 가지 디자인 아이디어를 제안해달라고 요청했습니다. 이것이 그들이 어떤 대답을 했는지 알아보세요:

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

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