24’ 5월 3주 🔖 UXUI 해외 주간 아티클 TOP3

🔖 2024년 5월 3주 TOP3

1️⃣ Design Token Studio로 UI 디자인 수준을 높이세요

2️⃣ 시트, 대화상자 또는 스낵바 디자이너는 어떤 것을 선택해야 할까요?

3️⃣ 사용자 리서치에 이해관계자를 참여시키는 방법

1️⃣ Design Token Studio로 UI 디자인 수준을 높이세요

단순성, 일관성, 접근성이라는 목표를 충족하는 프로덕트를 디자인하려면, 특히 디자인 시스템 구축을 통해 디자인 원칙을 엄격하게 준수해야 합니다. 이 시스템은 디자이너로서 여러분이 컴포넌트 재사용, 지침 준수, 그리고 모든 디자인 자원의 중앙 집중식 저장을 통해 많은 시간을 절약하는 데 도움을 줄 것입니다.

하지만 디자인 시스템에 모든 것이 갖춰져 있다고 해도 개발자와 협업할 때 항상 편리한 것은 아닙니다. 그 이유를 설명해드리겠습니다 🙂

디자인 시스템은 프로덕트나 브랜드 전반에 걸쳐 통합된 디자인 언어를 확립하는 반면, 디자인 토큰은 플랫폼 간의 일관성을 유지하고 개발자 협업을 촉진합니다.

어디 봅시다! 음... 조금 혼란스러우실 수 있겠네요, 걱정마세요, 저는 디자인 토큰에 대해 자세히 설명할 것이고, 개발자들이 여러분과 협력하는 것을 기뻐하며 여러분의 디자인 수준을 높이 평가할 것이라고 약속합니다. 자, 시작해볼까요, 예!!!

디자인 토큰

간단히 말해서, 디자인 토큰은 디자인 시스템의 시각적 디자인 원자입니다. 이들은 하드코딩된 값(16진수, rgba) 대신 시각적 디자인 속성을 저장하는 명명된 엔티티로, 유연성, 명확성, 일관성을 보장합니다. 디자인 토큰의 값은 색상, 타이포그래피, 치수 또는 기타 토큰을 포함할 수 있습니다. 몇 가지 유형의 토큰이 있습니다:

기억하기 쉬운 방법은 다음과 같습니다: 토큰 = 원시 값 + 이름

이제 토큰과 그 유형에 대해 조금 알게 되었습니다. 이제 각 토큰 유형의 세부 사항에 대해 자세히 살펴보겠습니다. 인내심을 가지세요!

. .

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

2️⃣ 시트, 대화상자 또는 스낵바 디자이너는 어떤 것을 선택해야 할까요?

모바일 앱 인터페이스를 설계할 때, 디자이너들은 지속적으로 결정을 내리는 상황을 마주합니다. 사용자에게 동일한 정보를 전달하는 것에는 다양한 방법이 있습니다. 때로는 디자이너들은 자신의 목표를 달성하는 데 가장 적합한 요소가 무엇인지 결정하는 데 어려움을 겪을 수 있습니다. 예를 들어, 특정 시나리오에서 정보를 어떻게 제시해야 할까요? 새로운 화면, 시트 또는 대화상자, 아니면 스낵바로 열어야 할까요? 디자이너가 시트를 선택하는 경우, 새로운 질문이 또 생깁니다 - 닫기 메커니즘을 구현할 때는 닫기 버튼 또는 스와이프 제스처를 선택해야 할까요?

정의 몇 가지 명확화하기

우선 몇 가지 정의를 명확하게 해보겠습니다. 인터페이스 디자인에서의 용어는 복잡하며 표준화되어 있지 않습니다.

대화상자 (알림, 작업 시트, 팝업)

이 요소는 운영 체제에 따라 다양한 이름으로 알려져 있습니다. iOS에서는 경고를 나타내는 경우에는 알림이라고 하며, 2개 이상의 작업을 제공할 때는 작업 시트로 나타낼 수 있습니다. Android에서는 모든 경우에 대해 이를 단순히 대화상자로 부릅니다. 또한 다양하게 정의된 대화상자를 만날 수도 있습니다. 대화상자는 페이지 콘텐츠 위에 나타나는 모달 창입니다. 특정 작업에 대한 중요한 경고나 사용자 확인을 요청할 수 있습니다. 이러한 요소들은 종종 팝업이라고도 불립니다. 팝업의 개념은 웹에서 시작되었으며 다양한 변형으로 발전해왔습니다.

시트(하단 시트)

이 요소는 운영 체제에 따라 다양한 이름으로 알려져 있습니다. Android에서는 하단 시트, iOS에서는 시트로 부릅니다. 그러나 간단히 시트로 언급하겠습니다. 닐슨노먼그룹(NNgroup) 웹사이트의 정의에 따르면, 시트는 모바일 장치의 화면 하단 가장자리에 고정된 오버레이입니다. 추가적인 세부 정보나 작업을 표시하는 데 사용됩니다.

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

3️⃣ 사용자 리서치에 이해관계자를 참여시키는 방법

사용자 리서치 프로젝트를 수행하려면 계획에 관련 이해관계자를 참여시키는 것이 중요합니다. 이해관계자는 귀하가 수행하는 리서치가 프로젝트와 최대한 관련이 있는지, 지원이 필요한 사람들이 귀하의 리서치에 관심을 갖고 있는지 확인하는 데 도움을 줄 수 있습니다.

내부 디자이너와 독립 디자이너는 리서치 이해관계자와 관련하여 서로 다른 과제를 안고 있지만 겹치는 부분도 많습니다. 여기에서는 다양한 유형의 이해관계자, 프로젝트에 이들을 참여시켜야 하는 이유, 디자인 여정의 핵심 부분을 최대한 활용하여 결과를 최적화할 수 있는 방법을 살펴보겠습니다.

이해관계자를 참여시키는 이유는 무엇입니까?

리서치 프로젝트에 이해관계자를 참여시키는 것의 중요성을 강조하는 예부터 시작해 보겠습니다. 당신이 스마트폰 앱을 개발하는 회사의 UX팀에서 일하는 디자이너라고 가정해 보겠습니다. 귀하의 책임 중 하나는 피트니스 앱의 새로운 기능에 대한 개념과 디자인을 생각해내는 것입니다. 대상 그룹이 어떻게 운동하고 휴대폰을 사용하는지에 대한 정보가 부족한 것 같습니다.

따라서 새로운 기능이 가능한 한 고객과 관련이 있는지 확인하기 위해 소규모 민족지학적 사용자 리서치 프로젝트 수행에 대해 프로젝트 관리자에게 문의하십시오. 귀하의 프로젝트 관리자는 이에 동의하고 함께 시간을 내어 여러 차례 인터뷰를 하기로 결정합니다. 완전히 새로운 고객 그룹과 관련성을 갖게 하고 그들의 일상 생활에 실제로 변화를 가져올 앱의 새로운 기능과 개선 사항에 대해 리서치를 수행하고 탁월한 의견을 얻습니다. 열정으로 가득 찬 당신은 회사로 돌아와 새롭고 훌륭한 통찰력과 아이디어를 공유합니다.

그리고 당연히 동료들은 귀하의 통찰력이 흥미롭다고 생각하고 귀하의 디자인 아이디어도 상당히 좋아합니다. 그러나 어떤 이유에서인지 그들의 열정은 거기까지입니다. 아이디어와 변경 사항을 구현하는 데에는 실제로 아무 일도 일어나지 않습니다. 실망스럽고 솔직히 약간 낙담한 당신은 아무도 관심을 두지 않는데 왜 처음부터 리서치에 신경을 썼는지 궁금해합니다.

여기서 주제를 고려하면 무엇이 잘못되었는지 짐작할 수 있을 것입니다. 가장 중요한 프로젝트 이해관계자를 참여시키지 못했습니다. 귀하의 리서치는 훌륭했지만 함께 일하는 사람들로부터 백업을 받았는지 확인하지 않고 관련 정보를 모두 얻지 못한 채 리서치를 수행했습니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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