사용자 중심 설계로 뛰어난 사용자 경험 구축

우리 모두는 매일 웹사이트와 모바일 앱을 사용하며, 일부는 우리를 흥분시키고 다른 일부는 우리를 지치게 하고 좌절하게 만듭니다. 하나는 회사에 대한 감정을 고양시키는 데 기여하고, 다른 하나는 회사의 가치를 떨어뜨리고 다시는 돌아오지 않게 할 수도 있습니다.

실제로 AppDynamics와 University of London에서 제작한 앱 주의 집중 시간 연구(App Attention Span Study)에 따르면 "사용자의 90%가 성능 저하로 인해 앱 사용을 중단했다고 보고했습니다."

그렇다면, 좋은 것과 나쁜 것을 구분하는 것은 무엇일까요? 그리고 차이를 만드는 기술을 어떻게 통합할 수 있습니까? 가장 좋은 방법은 사용자 중심 디자인 (UCD)으로 알려진 기술을 사용하는 것입니다.

사용자 중심 디자인이란 무엇입니까?

사용자 중심 디자인은 사용자의 요구와 선호도에 집중하는 일련의 프로세스입니다. 대상 사용자의 요구 사항, 목표 및 피드백을 고려합니다. 연구와 참여를 통해 실제 사용자를 지속적으로 참여시킵니다. 모든 디자인 결정은 사용자에게 가치를 제공하는지 여부의 맥락에서 평가됩니다. 사용자 중심 디자인은 제품에 정서적 영향을 더할 수 있는 방법을 제공합니다.

사용자 중심 설계는 여러 단계를 포함합니다 : 필요성을 식별 하고, 제품을 사용할 사람들을 고려합니다. 사용 맥락은 그들이 그것을 무엇을 위해 그리고 어떤 조건에서 사용할 것인지를 조사합니다. 요구 사항 지정은 제품이 성공하기 위해 충족되어야 하는 비즈니스 요구 사항 또는 사용자 목표를 식별합니다. 생산 설계 솔루션 에는 일반적으로 완성 된 설계에 대한 대략적인 개념이 포함됩니다. 디자인 평가는 실제 사용자의 직접적인 피드백을 보장하기 위해 사용성 테스트를 고려합니다. 마지막으로 시스템 만족은 제품을 배포하고 사용자 요구 사항을 충족하는지 평가하는 것과 관련이 있습니다.

사용자 중심 디자인이 중요한 이유

앞서 언급했듯이 UCD는 제품을 바람직하게 만들고 사람들이 계속 사용하도록 합니다. 이 프로세스는 제품의 기능, 작업, 목표, 사용자 흐름 등에 대한 사용자의 요구와 선호도를 이해하는 데 도움이 됩니다. 결국 UCD는 가장 중요한 사용자 경험 요구 사항 중 하나, 즉 사용자 중심이 되었습니다. 이는 추측이나 개인적인 의견 없이 전체 고객 경험에 걸쳐 구현되어야 합니다. 중요한 것은 사용자가 말하고 행동하는 것입니다. 고객이 제품에 대해 가지고 있는 모든 "접점"을 분석하고, 잘 설계하고, 개발해야 합니다.

1988년에 출간된 책 'The Design of Everyday Things '를 통해 UX의 대부로 불리는 인지과학 연구자인 도널드 노먼(Donald Norman) 박사는 디자인 결정은 다음과 같은 사용자의 필요와 욕구에 기반해야 한다고 말했습니다.

• Empathy
• Optimism
• Iteration
• Creative confidence
• Belief in making
• Embracing ambiguity
• 실패로부터 배우기

사용자 중심의 디자인은 커뮤니티와 함께 디자인할 수 있는 독특한 기회를 제공합니다. 사용자 중심의 디자이너는 자신이 서비스를 제공하려는 사람들을 깊이 이해합니다. 그들은 많은 아이디어를 창출하고 사람들의 실제 요구에 뿌리를 둔 혁신적인 신제품을 만듭니다.

사용자 중심 방식으로 디자인하려면 제품을 사용할 사람, 제품을 사용할 용도, 제품을 사용할 조건을 식별합니다. 사람들의 삶을 관찰하고 그들의 희망과 필요를 듣습니다.

사용자 중심 디자인을 사용한 대시보드 디자인하기

다음은 대시보드를 디자인하는 데 사용할 수 있는 UCD 프로세스의 몇 가지 단계에 대한 예입니다.

내 시청자는 누구인가요?

본질적으로 대시보드는 조직의 경영진 및 관리 수준에 서비스를 제공합니다. 그럼에도 불구하고 이 사용자 기반의 개인은 다양할 것입니다. 누구를 위해 디자인하고 있는지 더 잘 이해하려면 그들의 경험과 능력을 파악하십시오.

• 사용자의 기술 지식 고려: 사용자가 특정 디지털 플랫폼 또는 장치에 대해 얼마나 유능한가? 특정 UI 요소 또는 제스처 상호 작용이 일반적입니까, 아니면 알려지지 않았습니까?
• ​그들의 분석 능력 이해: 제시된 정보를 기반으로 문제나 기회를 인식할 수 있습니까?  나중에 무엇을 해야 하는지 알 수 있습니까, 아니면 다음 단계로 안내해야 합니까? 시각 디자인은 어떻게 그들의 능력을 향상시킬 수 있습니까?
• ​제공되는 정보에 대한 사용자의 사전 친숙도 파악: 사용자가 이미 알고 있는 것은 무엇입니까? 정보를 설명해야 합니까?

 

​이 대시보드의 사용자는 영업 관리에 대한 경험이 있을 뿐만 아니라 이러한 다양한 데이터 시각화를 연결하는 데 필요한 분석 기능도 보유하고 있습니다. 정보 그룹화, 색상을 통한 연결 및 차트에 대한 시각적 설명은 추세를 감지하는 사용자의 능력을 향상시킵니다.

대시보드는 어떻게 사용되나요?

대시보드는 여러 가지 방법으로 사용할 수 있으므로 사용자의 워크플로를 염두에 두고 디자인하면 디자인 의사 결정 프로세스에 구조가 추가됩니다.

• ​사용자의 환경을 고려합니다: 대시보드를 자신의 사무실에서 사용할 것인가, 아니면 현장에서 사용할 것인가? 사용자가 실내, 실외 또는 둘 다에 있습니까?

• ​사용자가 일반적으로 대시보드를 보는 방식 파악: 대형 프레젠테이션 화면, 모바일 장치 또는 종이 한 장에 표시됩니까?

• 사용자가 데이터를 검토해야 하는 시간 이해: 각 메트릭을 천천히 꼼꼼하게 검토할 것인가, 아니면 대시보드에서 주요 숫자를 빠르고 신중하게 스캔해야 할 것인가?

• ​공동 작업 고려: 대시보드에서 정보를 공유하거나 내보낼 수 있는 사용자에게 도움이 됩니까? 인쇄하려면 대시보드의 서식을 지정해야 하나요?

• 대시보드의 연결성은 청중에게도 도움이 될 수 있습니다: 청중이 목표를 달성하기 위해 인터넷 연결이 필요합니까? 라이브 데이터 소스가 필요한가요?

사용성 테스트 — 사용자 중심 디자인의 필수 부분

사용자 중심 디자인의 필수적인 부분은 사용자 테스트 라고도 하는 사용성 테스트입니다. 제품 또는 서비스의 기능이 의도한 대로 작동하는지 확인하는 기능 테스트와 달리 사용자 테스트는 제품 또는 서비스의 사용 편의성과 직관성을 측정합니다. 사용자에게 작업을 수행하고 자신이 하는 일, 성공한 부분과 어려운 부분을 관찰하도록 요청하는 이것이 UCD의 본질입니다.

사용자 테스트 방법에는 대면 회의에서 원격 사용자 테스트, 중재 또는 중재되지 않은 사용자 테스트에 이르기까지 다양한 옵션이 있습니다. 원격 사용자 테스트는 지리적으로 다른 위치에 있는 사람들과 함께 소프트웨어를 사용하는 것이 얼마나 쉬운지 테스트하는 방법입니다. 여기에는 코딩을 시작하기 전에 소프트웨어의 디자인 프로토타입을 테스트하거나 이미 구축된 웹 사이트를 테스트하는 것이 포함될 수 있습니다.

소프트웨어를 설계하는 경우, 원격 사용자 테스트를 통해 개발자 또는 사용성 분석가는 개발자가 디자인 또는 프로토타입을 완성된 앱으로 변환하는 코드를 작성하기 전에 빠른 피드백을 받을 수 있습니다. 사용자와 연구원을 한 곳에 모아 테스트를 수행하는 기존의 사용성 테스트와 다릅니다.

Design, Usability Testing and More with Indigo.Design

Indigo.Design는 프로토타이핑, 설계 시스템, 사용자 테스트 및 코드 생성을 통합하여 UCD 개념을 기반으로 구축된 Infragistics의 완전한 설계-코드 시스템입니다.

Indigo Design System는 Indigo.Design에 포함된 Sketch 라이브러리로, 디자이너가 복잡한 사용자 인터페이스를 만들고 미리 만들어진 팔레트, 타이포그래피 및 아이콘과 일러스트레이션과 같은 자산을 활용할 수 있도록 하는 다양한 구성 요소(기호)를 포함합니다. 또한 UI 구성 요소는 다양한 상태와 템플릿을 통해 디자인 시간 유연성을 제공하도록 구축되었습니다. 생산성을 향상시키기 위해 제품 세부 정보, 레이아웃, 다양한 양식 및 가격표와 같은 패턴 모음도 있습니다.

작동 방식을 보려면 Sketch 아트보드를 만드는 방법을 확인하세요.

Indigo.Design는 프로토타이핑 및 사용성 테스트도 제공합니다. Sketch 문서를 가져와서 cloud.indigo.design 에서 인터랙티브 프로토타입으로 공유할 수 있습니다. 이렇게 하면 관련자가 모든 장치에서 프로토타입을 보고 댓글을 통해 피드백을 제공할 수 있습니다.

프로토타입을 사용자 테스트할 준비가 되면 Indigo.Design는 강력한 사용자 테스트 기능을 제공합니다. 배울 수 있는 내용은 다음과 같습니다.

• 테스트 분석 개요– 테스트 성공률, 테스트로 각 작업을 수행한 총 사용자 수, 사용자 테스트 중 각 작업에 소요된 평균 시간을 포함한 주요 통찰력을 얻습니다.
• 완료 유입경로– 예상 사용자 경로의 집계 표현과 사용자 테스트 내에서 각 작업을 완료하려고 시도하는 동안 사용자가 선택한 실제 경로를 관찰합니다.
• 사용자 세그먼트– 사용자가 수행한 작업과 작업 완료 여부에 따라 사용자를 자동으로 세분화하여 추가 통찰력을 얻을 수 있습니다.
• 참여 세부 정보 표– 테스트 중에 캡처된 비디오, 음성 및/또는 얼굴 이미지를 포함하여 각 개별 사용자에 대한 세션 세부 정보를 더 깊이 파고들고 과도하게 제공합니다.

 

위의 예는 3개의 작업으로 구성된 Indigo.Design 사용성 테스트를 보여주며 각 작업에는 여러 단계가 있습니다. 사용자가 테스트를 완료하면 설계자 또는 분석가가 프로토타입의 유용성에 대한 직접적인 피드백을 받게 됩니다.

​이 90초 분량의 중재되지 않은 사용자 테스트 비디오를 시청하여 사용자 테스트를 시작하는 방법을 알아보세요. 이 핵심 단계는 앱이 UCD의 원칙, 즉 사용자가 계속 사용할 수 있도록 바람직하게 만드는 원칙을 충족하는지 확인하는 데 도움이 됩니다.