🔖 UXUI 해외 인기 아티클

🔖 2022년 8월 3주 TOP3

 1️⃣ 디지털 제품 디자인은 단순한 아름다움이 아닙니다

그는 "사람들은 이것이 베니어판이라고 생각합니다. 디자이너에게 이 상자를 건네주고 '멋지게 만들어라!'라고 말하는 것은 우리가 생각하는 디자인이 아닙니다. 단순히 보이는 것과 느끼는 것이 아닙니다. 디자인은 작동 방식입니다.”

저는 수년 동안 프로덕트 및 UX 디자인 분야, 특히 10개국 4개 대륙의 소규모 기업, 기업, 신생 기업 및 정부를 위한 디지털 분야에서 일했습니다. 이 여정을 통해 나는 그들의 경험과 전문성에 따라 디자인을 이해하는 다양한 사람들을 만날 수 있었습니다.

그렇다면 디자인이란 무엇인가?

디자인의 본질에 관해서는 말할 수 있습니다. "오브젝트, 인터랙티브 시스템, 건물, 차량 등의 생성을 구상하고 계획하는 과정입니다. 사용자 중심입니다." 라고 파리에 있는 디자인학교 Strate가 정의합니다. 국제 디자인 협의회에 따른 또 다른 정의는 다음과 같이 정의했습니다. "디자인은 미적, 기능적, 맥락적, 문화적, 사회적 고려 사항을 고려하여 사람, 즉 '사용자'와 인공 환경 간의 상호 작용에 초점을 맞춘 연구 및 실습 분야입니다."

그리고 아름다움이란 무엇입니까?

옥스포드 사전에서 정의한 아름다움이란 무엇을 의미합니까? : "아름다움은 미적 감각, 특히 시각을 즐겁게 하는 모양, 색상 또는 형태와 같은 특성의 조합입니다."

디지털 프로덕트 및 UX 디자인은 컨텍스트, 진정성, 사용성, 업무 수행, 심리학, 비즈니스, 전략, 마케팅, 지원, 영업 등에 중점을 둡니다. 여기에는 웹 사이트, 모바일 앱, 셀프 서비스 키오스크 등 유형의 프로덕트로 이어지는 각 단계의 많은 활동이 포함됩니다.

주위를 둘러봐도 음료수 잔의 모양이 상호작용과 행동, 문에 대해서도 같은 영향을 미친다는 것을 알게 될 것이고, 이는 사람들이 생활 속에서 점점 익숙해지고 매일 사용함에 따라 디지털 프로덕트에도 적용됩니다. 좋은 UX 디자이너는 새로운 디지털 프로덕트를 디자인할 때 사용자의 특성, 사용자의 요구 사항 및 찾고 있는 것을 이해하는 것부터 시작하여 비즈니스 목표와 교차하는 우선 순위에 따라 작업을 배치하고 그런 다음 새로운 디지털 프로덕트를 디자인할 때 많은 것을 고려해야 합니다. 기업이 목표를 달성하는 데 도움이 되도록 개발할 수 있는 사용자 경험을 설계하는 데 사용되는 기술을 고려합니다. 아름다움은 프로덕트의 주요 시각적 측면에 초점을 맞춰야 하며 프로덕트 또는 프로젝트 상태에 따라 변경될 수 있는 다양한 주제를 포함해야 합니다. 아래 목록을 확인할 수 있습니다.

브랜드 가이드라인 다음은 Bynder가 정의한 브랜드가이드 라인 입니다 "브랜드 가이드라인은 브랜드가 세상에 어떻게 표현되어야 하는지를 전달하는 명확하게 정의된 규칙과 표준입니다."

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

2️⃣ 디자인 시스템이란 무엇인가요? 시작하기 위한 간단한 가이드

디자인 시스템은 프로덕트 경험의 일관성을 확립해야 하는 지침과 재사용 가능한 구성 요소의 라이브러리입니다. 디자인 시스템의 목표는 팀에서 볼 수 있고 유지 관리할 수 있는 단일 정보 소스를 만드는 것입니다. 아마도 모든 팀에 디자인 시스템이 필요한 것은 아닙니다. 그러나 개인적인 경험에 따르면 디자이너와 개발자는 종종 시스템 없이는 잘못된 의사 소통을 합니다. 이 프로세스에는 시간과 노력이 필요하지만 프로덕트 개발 프로세스를 구성하고 속도를 높이는 데 도움이 되는 일련의 규칙과 원칙을 제시하기 때문에 매우 효과적입니다. 이 기사에서는 디자인 시스템 프로세스의 주요 단계를 다루고자 합니다. 다음은 이 워크플로의 간단한 다이어그램입니다.

기초

이것은 디자인할 모든 구성 요소와 레이아웃에서 사용될 규칙 또는 지침의 모음입니다. 일반적으로 이 목록은 색상, 타이포그래피, 아이콘그래피, 격자, 간격, 접근성 체크리스트, 테마로 구성됩니다.

색상

이것은 프로덕트 개성의 기초이자 UI 디자인의 가장 중요한 부분 중 하나입니다. 디자이너가 제시해야 하는 많은 수의 UI 상태는 다양한 색상, 음영 & 색조가 포함된 색상 팔레트를 지원해야 합니다.

색상 팔레트를 설정하는 단계:

1. 색상에 올바른 이름 사용 예를 들어 기본 색상에는 기본, 보조와 같은 기능적 이름을 사용하고 오류/경고/성공과 같은 명확한 이름을 사용하고 색상 음영/색조에는 사용하는 것과 같이 다양한 접근 방식을 사용하는 것을 선호합니다. Primary-50/Primary-100과 같이 숫자 스케일이 있는 이름.

2. 색상을 그룹/폴더로 구성 Figma에서는 색상을 폴더로 구성하여 구성 요소에서 쉽게 찾고 변경할 수 있습니다.

3. 문서 색상 접근성 다음을 포함할 수 있는 문서를 준비하세요: 색상 이름 & 값, 전경색, 명암비, 접근성 수준, 색조/음영. 글자색과 배경색의 대비가 잘 되어 글자의 가독성이 유지되므로 양식, 버튼, 글자 등 주요 UI 요소의 명암비가 4.5:1 이상이어야 합니다. WCAG(웹 콘텐츠 접근성 지침) 2.1 을 확인하여 접근성에 대해 자세히 알아볼 수 있지만 기본 수준에서 WCAG 2.1 지침은 세 가지 수준 그룹으로 분류됩니다.

A레벨: 낮은 콘트라스트. 텍스트에 적합하지 않습니다. 중요하지 않은 요소/장식에 사용할 수 있습니다. AA 수준: 가장 중요한 모든 UI 요소(텍스트, 버튼, 양식 등)에 대한 최소 접근성 수준. AAA 레벨: 고대비 — 7:1 이상. 최고 수준의 접근성. 필수는 아니지만 있으면 좋습니다.

접근성 모범 사례:

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

3️⃣  목표 지향적인 UX 리서치

UX 연구 방법론

잘 알려진 UX 연구 방법은 다음과 같습니다.

다음에서 3가지 방법에 대해 자세히 알아보세요.

사용자 중심 디자인, 활동 중심 디자인 및 목표 지향 디자인: Ashley Williams의 웹 애플리케이션 디자인을 위한 세 가지 방법에 대한 검토입니다.

이 기사에서는 목표 지향 디자인만 소개합니다.

목표 지향적인 디자인

목표 지향적인 디자인은 1983년에서 2000년 사이에 Alan Cooper에 의해 실제 세계에서의 연습을 통해 개발되었습니다.

프로세스 및 활동

목표 지향적인 디자인은 6개의 활동으로 구성되어 있으며, 각 활동은 다른 목표를 가진 질적 연구를 포함합니다. (앨런은 질적 데이터에 강한 애정을 가지고 있다고 느꼈습니다. ) 목표 지향적 디자인의 6가지 활동

➊ 시작 회의: 디자이너들과 이해관계자들이 한자리에 모여 피카를 먹고 휴식을 취하고 있습니다. 그들은 다음에 대해 이야기합니다.

➋ 문헌 검토: 진정하세요, 당신의 논문에 대한 문헌 리뷰가 아닙니다. 유용한 정보

➌ 제품/시제품 및 경쟁 심사: 사실 이해관계자 인터뷰 및 SME(Subject Matter Expert) 인터뷰 이전 또는 병행해야 합니다. 수행할 사항은 다음과 같습니다.

➍ 이해관계자 인터뷰 사용자 조사를 시작하기 전에 제품 팀의 기능과 한계에 대해 명확하게 알아야 합니다. 구현하려면 다음을 수행해야 합니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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