제품 개발 시각 자료: 디자인

이 글은 실제 제품 개발에 관한 XNUMX부작 시리즈 중 XNUMX부입니다. 혹시 놓치셨다면 Часть 1: 아이디어 형성, 꼭 읽어보세요. 곧 3부: 설계 및 4부: 검증으로 넘어갈 수 있습니다. 저자: 벤 아인슈타인. 독창적 인 Fablab 팀이 번역을 수행했습니다. 파빈카 그리고 프로젝트 소유.

파트 2: 디자인

디자인 단계의 각 단계 - 고객 조사, 와이어프레이밍, 러시아어로 더 보기), 시각적 프로토타입 - 제품의 모양과 사용자가 제품과 어떻게 상호 작용할지에 대한 가설을 테스트하는 데 필요합니다.

그림 2.1 제품 설계 단계

고객 개발 및 피드백

고객 피드백에 초점을 맞춘 회사는 끝없이 워크샵에 앉아서 개발하는 회사보다 훨씬 더 성공할 것입니다. 이는 재료 제품을 생산하는 회사에 가장 자주 영향을 미칩니다. 클라이언트와의 의사소통은 항상 유용하지만, 개발 초기 단계에서는 매우 중요합니다.

그림 2.2. 고객 개발 및 피드백

에 딥자 고객에 대한 가설을 테스트하고 확인하는 것은 항상 매우 중요했습니다. 개념 증명 프로토타입을 만든 후(PoC), 은행이 현실 세계로 출시되었습니다.

그림 2.3. 초기 테스트 중에 촬영된 실제 고객 사진

내 멘토 중 한 명이 이렇게 말했습니다. “당신의 제품 디자인이 나쁜지 어떻게 알 수 있나요? 사람들이 어떻게 사용하는지 살펴보세요." DipJar 팀은 계속해서 동일한 문제(사진의 빨간색 화살표)를 확인했습니다. 즉, 사용자가 카드를 잘못 삽입하려고 했습니다. 이것이 주요 설계 제한이라는 것이 분명해졌습니다.

이 단계(문제 조사 단계와 반대)에서 고객과 의사소통하기 위한 권장 사항:

• 자세한 대화 스크립트를 준비하고 이를 고수하세요.
• 당신이 들은 내용을 서면이나 녹음기로 자세하게 녹음하십시오.
• 가능하다면 고객 충성도 지수(NPS, 많은 회사에서는 이 작업을 나중에 수행하는 것을 선호하므로 괜찮습니다.)
• 사전 설명이나 설정 없이 사용자가 제품을 가지고 놀 수 있도록 합니다(준비가 되면).
• 고객에게 제품에 대해 무엇을 바꿀 것인지 묻지 마십시오. 대신 제품을 어떻게 사용하는지 관찰하십시오.
• 세부 사항에 너무 많은 관심을 기울이지 마십시오. 예를 들어 색상과 크기는 취향의 문제입니다.

와이어프레임 모델링

개념 증명 프로토타입에 대한 자세한 피드백을 받은 후 제품 디자인을 반복할 차례입니다.

그림 2.4. 와이어프레임 모델링 단계

와이어프레임 프로세스는 제품 사용 경험을 완벽하게 설명하는 높은 수준의 스케치를 만드는 것부터 시작됩니다. 우리는 이 프로세스를 스토리보드라고 부릅니다.

그림 2.5. 스토리보드

스토리보드는 회사 창립자가 전체 제품 여정을 통해 생각하는 데 도움이 됩니다. 다음을 설명하는 데 사용됩니다.

• 포장: 어떤 모습일까요? 패키지에 제품(평균 패키지 크기)을 XNUMX단어 이하로 어떻게 설명합니까? 상자의 크기는 얼마나 될까요? 매장/선반의 어디로 갈까요?
• 판매: 제품은 어디에서 판매되며 사람들은 구매하기 전에 제품과 어떻게 상호 작용합니까? 대화형 디스플레이가 도움이 될까요? 고객이 제품에 대해 많은 것을 알아야 합니까, 아니면 충동 구매가 될까요?
• 언박싱: 언박싱 경험은 어떤가요? 간단하고 이해하기 쉬워야 하며 최소한의 노력만 필요합니다.
• 설정: 제품을 처음 사용할 준비가 되기 전에 고객이 수행해야 하는 단계는 무엇입니까? 포함된 액세서리 외에 무엇이 필요합니까? 제품이 작동하지 않으면(WiFi 연결이 없거나 스마트폰에 애플리케이션이 설치되지 않은 경우) 어떻게 되나요?
• 첫 사용 경험: 사용자가 빠르게 사용할 수 있도록 제품을 어떻게 디자인해야 합니까? 사용자가 긍정적인 경험을 갖고 돌아올 수 있도록 제품을 어떻게 설계해야 합니까?
• 재사용 또는 특수 사용: 사용자가 제품을 계속 사용하고 즐기도록 보장하는 방법은 무엇입니까? 연결/서비스 손실, 펌웨어 업데이트, 액세서리 누락 등 특별한 사용 사례에서는 어떻게 되나요?
• 사용자 지원: 문제가 있을 때 사용자는 어떻게 합니까? 교체 제품을 보낸 경우 어떻게 되나요?
• 수명: 대부분의 제품은 18개월 또는 24개월 후에 만료됩니다. 이러한 통계는 고객 여정과 어떤 관련이 있나요? 사용자가 다른 제품을 구매할 것으로 예상하시나요? 한 제품에서 다음 제품으로 어떻게 이동합니까?

그림 2.6. 애플리케이션 또는 웹 인터페이스의 미래 사용자와 협력하기

와이어프레임 모델링은 제품에 디지털 인터페이스(내장형 인터페이스, 웹 인터페이스, 스마트폰 앱)가 있는 경우에도 유용합니다. 디지털 도구를 사용할 수도 있지만 일반적으로 단순한 흑백 그림입니다. 위 사진(2.6)에서 회사 창립자(오른쪽)를 볼 수 있습니다. 그는 잠재 고객(왼쪽)을 인터뷰하고 종이 스마트폰 '화면'에서 앱을 사용하는 동안 메모를 합니다. 이러한 종류의 디지털 워크플로우 테스트는 매우 원시적인 것처럼 보일 수 있지만 매우 효과적입니다.

와이어프레임 작성이 끝나면 사용자가 제품의 각 부분과 상호 작용하는 방식을 자세히 이해해야 합니다.

시각적 프로토타입.

시각적 프로토타입은 최종이지만 작동하지 않는 제품을 나타내는 모델입니다. 다른 단계와 마찬가지로 이러한 모델(및 관련 와이어프레임) 생성에는 사용자와의 반복적인 상호 작용이 포함됩니다.

그림 2.7. 비주얼 프로토타입 단계

다양한 아이디어로 시작하여 사용자의 기준에 가장 잘 맞는 몇 가지 개념을 선택하세요.

그림 2.8 스케치

시각적 프로토타입 디자인은 거의 항상 제품 자체에 대한 대략적인 스케치로 시작됩니다(제품 사용 경험을 설명하는 스토리보드와 반대). 대부분의 산업 디자이너는 먼저 유사한 모양과 제품을 사전 검색합니다. DipJar의 디자이너는 다른 많은 제품을 연구하고 그 모양을 기반으로 스케치를 만들었습니다.

그림 2.9. 모양 선택

몇 가지 대략적인 개념을 선택한 후에는 해당 개념이 실제 세계에서 어떻게 보일지 테스트해야 합니다. 사진에서 폼 베이스와 튜브로 만든 DipJar의 대략적인 형태를 볼 수 있습니다. 각각을 만드는 데 몇 분이 걸리며 결과적으로 그 모양이 현실 세계에서 어떻게 인식될 것인지에 대한 아이디어를 얻을 수 있습니다. 저는 점토와 레고부터 폼과 이쑤시개에 이르기까지 모든 것을 사용하여 이러한 모델을 만들었습니다. 한 가지 중요한 규칙이 있습니다. 모델을 빠르고 저렴하게 만드는 것입니다.

그림 2.10. 사이즈 선택

기본 모양을 선택한 후에는 모델의 크기와 개별 부품의 크기를 조정해야 합니다. 일반적으로 제품의 "올바른 느낌"에 중요한 두세 가지 매개변수가 있습니다. DipJar의 경우 이는 캔 자체의 높이, 전면 부분의 직경 및 핑거 슬롯의 기하학적 구조였습니다. 이를 위해 매개변수(판지 및 폴리스티렌 폼)에 약간의 차이를 두고 보다 정확한 모델이 만들어집니다.

그림 2.11. 사용자 경험 이해

양식 개발과 병행하여 일부 사용자 경험(UX) 기능을 설명해야 하는 경우가 종종 있습니다. DipJar 팀은 줄을 서서 앞서 가는 사람이 팁을 남길 때 관대함의 가능성이 높아진다는 사실을 발견했습니다. 우리는 소리와 빛 신호가 사람들을 줄서서 유도하여 팁의 빈도와 크기를 늘리는 매우 효과적인 방법이라는 것을 발견했습니다. 그 결과, LED의 최적 배치를 선택하고 빛을 활용한 디자인 커뮤니케이션을 위해 많은 노력을 기울였습니다.

그림 2.12. 디자인 언어

모든 제품에는 시각적으로나 경험적으로 사용자와 소통하는 '디자인 언어'가 있습니다. DipJar의 경우 카드 삽입 방법을 사용자에게 빠르게 전달하는 것이 중요했습니다. 팀은 사용자가 카드를 올바르게 삽입하는 방법을 명확하게 이해할 수 있도록 카드 로고(사진 왼쪽)를 최적화하는 데 많은 시간을 보냈습니다.

DipJar 팀은 LED 백라이트 패턴을 최적화하는 작업도 진행했습니다. 빨간색 화살표는 얼굴 가장자리 주변의 LED를 가리키며 이는 장난스럽게 관대함을 나타냅니다. 파란색 화살표는 팀의 오랜 논의 결과, 즉 은행 소유자가 징수 금액을 변경할 수 있는 능력을 나타냅니다. 맞춤형 디지털 LED 디스플레이를 사용하면 DipJar 소유자가 팁 크기를 쉽게 변경할 수 있습니다.

그림 2.13. 색상, 소재, 마감

제품의 최종 외관을 신속하게 결정하기 위해 디자이너는 색상, 재료 및 마감재(CMF)를 선택합니다. 이는 종종 위에 표시된 대로 디지털 방식으로 수행된 다음 실제 샘플과 모델로 변환됩니다. DipJar는 다양한 금속 케이스 스타일, 마감재 및 플라스틱 색상을 테스트했습니다.

그림 2.14. 최종 렌더링

초기 CMF 선택의 결과는 고품질의 디지털 제품 모델입니다. 일반적으로 모양, 크기, 기호, 사용자 경험(UX), 조명(LED), 색상, 질감, 재료 등 이전 단계의 모든 요소가 포함됩니다. 이러한 고품질 시각화, 렌더링은 거의 모든 마케팅 자료의 기초이기도 합니다(Apple의 마케팅 신들도 모든 것에 렌더링을 사용합니다).

그림 2.15. 웹 애플리케이션 디자인

제품에 디지털 인터페이스가 있는 경우 보다 정확한 모형을 만드는 것은 제품의 사용자 경험을 정의하는 데 매우 도움이 될 것입니다. DipJar의 주요 디지털 자산은 상점 주인과 자선 단체를 위한 웹 기반 제어판입니다. 직원과 팁을 남기는 사람들을 위한 모바일 애플리케이션도 출시할 계획이다.

그림 2.16. 포장 구성 선택

디자인 단계에서 쉽게 잊혀지는 중요한 단계는 패키징이다. DipJar와 같은 상대적으로 단순한 제품도 포장 개발 과정에서 반복을 거쳤습니다. 왼쪽 사진에서 포장의 첫 번째 버전을 볼 수 있습니다. 오른쪽 사진은 XNUMX세대의 더욱 인상적이고 우아한 패키징입니다. 디자인 최적화는 긍정적인 사용자 경험과 재료 사양을 만드는 데 중요한 부분입니다.

그림 2.17. 반복을 잊지 마세요!

충실도가 높은 시각적 프로토타입이 제작되면 고객에게 반환되어 개발 중에 만들어진 많은 가설을 테스트합니다. 훌륭한 시각적 프로토타입을 얻으려면 2~3번의 반복만 하면 충분합니다.

그림 2.18. 제품에 시각적으로 가까운 최종 프로토타입

디자인 프로세스가 완료되면 디자인 의도를 보여주는 아름다운 모델이 완성되지만 아직 기능은 없습니다. 고객과 투자자는 이 모델과 상호 작용하여 제품을 빠르게 이해할 수 있어야 합니다. 하지만 제품을 기능적으로 만드는 것의 중요성을 잊지 말자. 이를 수행하려면 3부: 구성을 살펴보세요.

실제 제품 개발에 관한 XNUMX부작 시리즈 중 XNUMX부를 읽었습니다. 꼭 읽어보세요 Часть 1: 아이디어 형성. 곧 3부: 설계 및 4부: 검증으로 넘어갈 수 있습니다. 저자: 벤 아인슈타인. 독창적 인 Fablab 팀이 번역을 수행했습니다. 파빈카 그리고 프로젝트 소유.

출처 : habr.com