🔖 UXUI 해외 인기 아티클

🔖 2022년 4월 1주 TOP3

1️⃣ 지능형 폼 디자인의 21가지 규칙

2️⃣ PM과 디자인 관계를 망치지 않는 방법

3️⃣ [UX 사례연구] Notion Navigation Redesign

 1️⃣ 지능형 폼 디자인의 21가지 규칙

정보의 흐름

규칙 1 — 먼저 연락처 정보를 얻으세요.

간단한 가입 양식이라면 첫 번째 단계에서 연락처 정보를 얻으세요. 이메일이나 푸시의 링크인 경우 양식에 연락처 정보가 자동으로 채워집니다. 고객에 대한 모든 연락 가능한 정보를 사용하고 숨겨진 필드에 정보를 입력하세요.

규칙 2 — 모든 단계의 양식을 저장합니다.

여러단계 양식에서는 항상 모든 단계에서 양식을 저장하세요. 그렇게 하면 정보가 얼마나 불완전하더라도 사용자로부터 일부 정보를 얻을 수 있습니다. 또한 버려진 양식 캠페인을 실행하여 완료할 수 있습니다.

양식을 처음부터 작성할 수 있고 대역폭이 있는 경우 모든 필드 업데이트를 저장하는 것이 좋습니다. 표준 디바운싱 & 조절 기술을 사용합니다.

규칙 3 — 유효성 검사는 인라인으로 수행되어야 합니다.

모든 필드 검증은 인라인 및 필드 포커스 아웃에서 이루어져야 합니다. 이렇게 하면 사용자가 양식 제출을 기다리지 않고 오류를 즉시 알 수 있습니다.

자유 텍스트 필드와 같은 특정 필드에서는 콘텐츠에 대한 유효성 검사를 수행할 필요가 없습니다. 그러나 양식을 제출할 때 양식 데이터가 데이터에 승인되기 전에 표준 주입 방지가 추가되었는지 확인하세요.

..

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

2️⃣ PM과 디자인 관계를 망치지 않는 방법

디자이너 파트너와 관계를 구축하고 상호 존중을 구축하는 방법에 대한 10가지 팁

몇 주 전에 저는 PM이 엔지니어와 신뢰 관계와 상호 존중의 관계를 구축할 수 있는 방법에 대해 썼습니다.

당신이 하는 모든 일에는 다른 사람들과 성공적으로 협력하고 협력하는 것이 포함됩니다. 프로덕트 관리는 조직에서 가장 고립된 역할 중 하나입니다. 그리고 파트너십을 맺는 것은 사람들과 상호 관계를 구축하고 사람들이 존중받고 있다고 느끼고 서로를 위해 최선을 다하는 팀 문화를 만드는 것에 대해 생각하는 가장 건강한 방법이기 때문입니다.

PM은 비즈니스(임원 & 기타 부서), UX(디자인) & 기술(엔지니어링)이 교차하는 지점에 있습니다. 당신은 그 안에서 하루 종일 일하고 있습니다. 즉, 생산성을 높이고 업무를 잘 수행하려면 사람들과 올바른 방식으로 작업하는 것이 중요합니다. 잘못된 방식이 존재하고 그렇게 하면 관계가 악화되고 문화에 영향을 미치며 품질 & 회사 전체에 파급 효과가 있는 [팀] 작업의 속도입니다.

이번 주에는 PM이 디자인 파트너와 성공적인 업무 관계를 구축할 수 있는 방법에 대해 알아보겠습니다.

다음 10가지 팁은 나의 경험, 우리팀내 디자이너와의 대화, 다른 게시물 & 스레드와 온라인포스트를 기반으로 합니다.

1. 업무 관계에 대해 직접 이야기하기

디자인 팀과 최고의 파트너십을 맺는 방법을 알아내는 가장 쉬운 방법은 직접 물어보는 것입니다. 그들은 당신에게 무엇이 효과가 있고 무엇이 그렇지 않은지 말할 수 있는 기회에 감사할 것입니다. 그리고 당신도 똑같이 해야 합니다. 이렇게 하면 초기에 양측의 역할과 책임에 대한 기대치를 설정하고 관계를 구축하는 과정에서 추측을 제거할 수 있습니다.

그리고 이것이 출발점이라는 것을 기억하세요. 당신과 디자인이 어떻게 협력해야 하는지에 대해 약간의 다른 의견이 있을 수 있습니다. 토론하고, 필요한 경우 타협하고, 궁극적으로 좋은 기준선을 설정하기 위해 함께 협력해야 합니다.

이 대화를 한 후에는 특히 팀에 처음 들어와 관계를 구축할 때 일회성 상황으로 취급하지 마십시오. 다른 간격으로 서로 확인하는 시간을 예약하여 일이 어떻게 진행되고 있는지, 무엇이 잘 되고 있는지, 무엇이 그렇지 않은지 등을 확인하십시오.

이것은 팀 동료와 새로운 관계를 구축하지만 특히 디자이너에게 중요한 PM에게 전반적으로 유용한 조언입니다.

2. 서로의 사고과정을 이해하기

의사 결정자로서 문제를 해결하는 방법에 대해 PM과 디자이너 간에 서로 다른 생각을 하는 경우가 많습니다. 전반적으로 고객 JTDB와 고객의 요구에 초점을 맞추는 것과 같은 사고 프로세스에는 차이점보다 유사점이 더 많습니다.

그러나 서로 다른 관점은 종종 다음과 같은 관점의 차이에서 비롯됩니다.

디자이너는 경험, 흐름, 구성 요소의 일관성, 다양한 해상도에서 더 잘 작동하도록 하는 방법 등에 대해 생각하는 경향이 있는 반면 PM은 현재 비즈니스 요구 사항, 작업 중인 엔지니어링 노력, 프로덕트 전략 다음 몇 기간 동안 로드맵의 내용, 리소스 할당 등 과같은 측면에 대해 생각하는 경향이 있습니다.

여기서 조언은 디자이너가 가지고 있는 이러한 동기를 인식하고 더 중요하게는 결정을 내리기 위한 프레임워크를 이해할 수 있도록 컨텍스트를 공유하는 것입니다.

제시된 디자인 결정에 대해 동의하지 않을 때 할 수 있는 또 다른 유용한 방법은 진정으로 호기심을 갖고 그것에 대해 어떻게 생각하는지 안내해 달라고 요청하는 것입니다. 새로운 것을 배우고 관점을 바꾸거나 실제로 결함이 있으면 스스로 발견할 수 있습니다. 호기심은 항상 짜증을 이깁니다.

..

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

3️⃣ [UX 사례연구] Notion Navigation Redesign

프로젝트 개요

Notion은 개인과 대기업 모두에게 매우 인기 있는 메모 작성 및 데이터 관리 도구입니다. 그러나 모든 사람이 탐색하기가 쉽지는 않습니다. 6주간의 스프린트 프로세스 동안 우리 팀은 사용자가 필요한 페이지를 더 쉽게 찾을 수 있도록 Notion의 탐색 시스템을 재설계했습니다.

사용자 조사에 필요한 문헌 검토

사용자 인터뷰를 수행하려면 먼저 Notion이 어떻게 사용되는지에 대한 이해와 탐색에 대한 기존 UX 지침에 대한 이해가 필요했습니다.

월스트리트 저널(Wall Street Journal)의 Notion 리뷰에서 우리는 Notion이 유사한 앱과 차별화되는 요소가 무엇인지 배웠습니다. 바로 올인원입니다. 이전에는 정리하기 위해 여러 앱이 필요했지만 이제 사용자는 하나의 앱으로 관리할 수 있습니다. 그러나 Notion의 광범위한 기능은 뛰어난 유연성을 제공하지만 결과적으로 모든 도구를 사용하는 방법에 대한 가파른 학습 곡선과 혼란을 초래합니다.

다음으로 UX Booth는 탐색 디자인에 대한 일반적인 규칙을 제시하여 사용자의 70%가 검색 기능이 아닌 탐색에 의존하고 있으며, 따라서 탐색 디자인의 실패는 콘텐츠 및 기능의 검색 가능성을 감소시키는 방법을 설명합니다. 잘 설계된 내비게이션 시스템은 일관되고 직관적입니다. 사용자는 기능과 상호 작용할 때 무엇을 기대해야 하는지 알아야 합니다.

UX 가이드라인 체크리스트를 사용하여 Notion의 현재 탐색 디자인의 주요 기능을 식별했습니다. 상단의 탐색경로 메뉴와 왼쪽의 사이드바 메뉴에는 여러 드롭다운 메뉴와 검색 기능이 포함되어 있습니다.

사용자의 이해

문헌 검토에서 수집한 정보를 사용하여 각각 2~3회의 사용자 인터뷰를 수행하여 총 9회의 인터뷰를 수행했습니다. 우리는 완전히 새로운 것부터 매우 숙련된 것에 이르기까지 Notion으로 다양한 경험 수준을 샘플링했습니다. 사용자가 Notion의 탐색과 상호 작용하는 방식을 더 잘 관찰하기 위해 인터뷰 대상자가 작업을 완료할 수 있는 샘플 Notion 작업 공간을 만들었습니다. 인터뷰는 Zoom을 통해 진행 및 녹음되었으며, 인터뷰 대상자들은 작업을 완료하면서 화면을 공유했습니다.

각 인터뷰는 세 부분으로 나뉩니다.

인터뷰한 사용자 중 한 사람의 친화도 다이어그램

인터뷰에서 패턴을 찾기 시작하기 위해 친화도 다이어그램을 사용하여 관련 응답을 그룹화했습니다. 이것은 Notion을 사용할 때(예: 수업 노트 작성, 수업 계획 정리 등) 및 탐색 관련 습관(예: 사이드바 메뉴에 의존, 이동 경로 메뉴 무시 등)을 사용할 때 청중의 목표를 이해하는 데 특히 도움이 되었습니다.

다음으로, 각 작업을 대상 탐색 기능으로 단순화하는 스프레드시트를 만들었습니다. 각 사용자의 성과를 1에서 4까지(1=문제 없이 완료됨, 4=완료하지 못함)로 코딩하여 그들의 행동에 초점을 맞추고 그들이 어디에서 왜 어려움을 겪었는지 기록했습니다. 이 방법을 사용하여 사용자가 가장 어려움을 겪었던 영역을 파악하고 고충을 파악할 수 있었습니다.

..

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

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