사용자 중심 디자인 만들기 ♀️✨
이전 프로젝트의 여정에서 가장 중요한 학습 중 하나는 내 앱인 Fitze를 위한 사용자 중심 디자인을 만드는 것의 중요성을 배우고 있다는 것입니다. 처음에는 디자인 프로세스에서 시간이 많이 걸리고 불필요하다고 생각했습니다. 그래도 디자이너로서 누가 제품을 사용할지 파악하여 디자인을 만들어야 하기 때문에 UCD가 필요하다는 것을 깨닫습니다.
"디자인한다는 것은 제어하거나 숙달할 수 있는 모든 수단을 통해 명확하게 소통하는 것입니다." (밀턴 글레이저)
디자인 리드로서 저는 최신 프로젝트인 Fitze 에서 UCD를 구현해 보았습니다 .
사용자가 향상된 제품 카탈로그를 보고 제품의 360도 기본 개요, 증강 현실 및 크기 계산기를 하나의 앱에서 제공하는 3D 모델 미리 보기를 통해 고유한 쇼핑 경험을 발견할 수 있도록 도와주는 앱인 Fitze를 소개하겠습니다. Fitze는 또한 전자 상거래 또는 웹 사이트의 제품 페이지로 안내하여 간편한 구매를 지원합니다.
이 프로젝트에서 UCD를 어떻게 구현했습니까?
첫째, 연구
UCD가 효과적일 수 있도록 가능한 한 많은 정보를 찾는 것이 필수적입니다. 사용자가 누구 인지 , 무엇을 해결하려고 하는지 , 어떤 정보가 필요한지 , 어떻게 작동해야 한다고 생각하는지 등을 알아보세요. 인터뷰, 설문 조사 또는 관찰 을 통해 사용자에 대한 정보를 수집하는 방법에는 여러 가지가 있습니다 .
출력은 요구 사항, 행동, 동기 및 목표로 구성된 사용자 페르소나/파워 유저입니다.
️ 두 번째, 디자인
UCD를 만드는 핵심은 사용자가 제품 UI와 상호 작용할 때 생각하게 만드는 것이 아닙니다. 그럼 어떻게 시작할까요? 처음부터 최종 제품 디자인을 만드는 대신.
사용자 흐름, 정보 아키텍처, 와이어프레임 및 Lo-Fi 스케치 를 만드는 것부터 시작하십시오 . 그렇게 함으로써 우리는 훨씬 더 빠르고 효과적인 디자인 프로세스를 만들 수 있습니다.
♀️ 마지막으로 피드백을 구하고 반복하라
UCD 제작의 핵심은 사용자가 제품을 사용하는 방식을 이해하여 디자인을 만드는 것입니다. 어떤 솔루션이 가장 좋은지 결정하기 위해 UT를 기획 하고 시제품을 제작하여 사용성 테스트를 수행하여 사용자 피드백을 얻으며 이는 설계 과정에서 지속적으로 이루어져야 합니다. 핵심 공식은 설계, UT(피드백 받기) 및 반복입니다. 모든 요구 사항이 충족될 때까지 설계를 개선합니다.
✨우리(Fitze 디자인 팀)는 UT를 어떻게 계획하나요✨
- 질문 식별, 분류 및 테스트 목표 결정
- 테스트 대상 및 방법
- 데이터 수집
- 분석하다
- 반복
1. 카피라이팅 및 버튼 모양
일부 사용자가 크기 계산기 기능에서 크기 표시/세부 정보를 보고자 할 때 잘못 클릭하는 것을 발견했습니다. 그들이 왼쪽에 있는 녹색 버튼을 눌렀어야 하는 곳. 대신 옆에 있는 텍스트를 눌렀는데, 텍스트 기반 가이드에 불과했습니다.
카피라이팅이 옳지 않다는 것을 깨달았기 때문에 말이 됩니다. 그래서 우리는 카피라이팅을 'I' 버튼을 누르면 세부사항을 볼 수 있도록 변경하기로 했습니다. 또한 흰색 윤곽선과 눈에 띄는 그림자를 제공하여 클릭하기 쉽게 보이도록 버튼의 모양을 개선했습니다.
2. 카피라이팅 및 피드백 알림
사용자가 신체 치수를 입력한 후에만 액세스할 수 있는 사이즈 계산기 기능의 흐름을 이해하는 데 어려움이 있었습니다.
그래서 저희가 만든 개선안은 카피라이팅을 교체하는 것이었습니다. "아직 이 기능을 사용할 수 없습니다"라는 문구는 사용자가 요구 사항이 충족된 후에 액세스할 수 있는 기능이 있음을 나타냅니다.
신체 측정을 입력한 후 사용자가 취한 조치에 대한 피드백을 받고 사용자의 다음 단계를 설명할 수 있도록 경고 메시지도 추가합니다.
개선해야 할 사항 측정
우리는 사용자 경험 문제를 식별해야 하며 이를 해결하기 위해 변경하는 것이 우리의 임무입니다. 뿐만 아니라 이러한 변화의 영향을 측정해야 합니다. 성공률, 시간 및 오류율은 디자인의 유용성을 측정할 수 있습니다.
© 2022 비카 발렌시아. 판권 소유.

![연결된 목록이란 무엇입니까? [1 부]](https://post.nghiatu.com/assets/images/m/max/724/1*Xokk6XOjWyIGCBujkJsCzQ.jpeg)



































