제품 디자인을 위한 스토리보드의 가치

게시 됨: 2022-03-10
빠른 요약 ↬ 이해하기 쉽고 가시적인 시각 자료를 생성함으로써 기업은 부서 간 잘못된 의사 소통을 줄이고 전반적인 생산성을 높일 수 있습니다. 이 기사는 제품을 개발하고 내부 커뮤니케이션을 개선하려는 모든 사람들을 위한 것입니다.

"스토리보딩"이라는 단어를 생각할 때 아마도 영화, 미디어 및 비디오 제작에 대해 생각할 것입니다. 역사적으로 스토리보드는 이런 용도로 사용되었지만 제품 개발에도 사용할 수 없다고 누가 말합니까?

스토리보드는 디지털 마케터, 콘텐츠 제작자, 사용자 경험 전문가 및 제품 관리자를 위한 효과적인 커뮤니케이션 및 제품 개발 도구입니다. 이 기사에서는 스토리보드가 제품 개발 프로세스에 중요한 이유와 오버헤드 비용뿐만 아니라 부서 간 잘못된 의사소통을 줄일 수 있는 이유를 알려 드리겠습니다.

다음은 대부분의 회사에서 경험하는 명확하고 일반적인 상황에 대한 만화입니다. 효과적인 설명과 잘못된 의사 소통은 제품 개발 세계에서 흔히 발생합니다. 기사를 읽을 때 이 이미지를 염두에 두고 스토리보드 또는 시각적 커뮤니케이션이 오해를 방지할 수 있는 예를 확인하십시오.

전형적인 기업 커뮤니케이션 문제
'트리 그네' 통신 문제 (큰 미리보기)
점프 후 더! 아래에서 계속 읽기 ↓

거의 모든 기술 회사가 정기적으로 경험하는 장면을 설정하겠습니다.

마케팅 담당자 Mary는 새 제품에 대한 아이디어가 있습니다. Mary는 이 제품이 엄청난 승자가 될 것이라고 생각하고 기술팀에 가서 제품을 만들도록 합니다.

개발자 Diane은 Mary의 아이디어를 듣고 작업을 시작할 것이라고 말합니다. Diane은 계속해서 기능을 구축하면서 일부 부품을 결합하고 나머지 부품을 잘라내면 제품이 실제로 훨씬 더 효율적이라는 것을 깨닫게 됩니다. Diane은 제품 제작을 마치고 Creative Chris에게 보냅니다.

Chris는 Mary를 만나 제품의 UI에 대해 논의하고 Mary가 자신의 아이디어를 설명합니다. 크리스는 일을 시작합니다. 그는 Mary의 아이디어를 통합하기 시작하지만 훨씬 더 좋고 흥미로운 UI 개념을 염두에 두고 있음을 빨리 깨닫고 결국 그렇게 하여 제품을 완성합니다.

프로젝트가 완료되면 Mary는 화를 냅니다. 제품에는 그녀가 요청한 기능이 없으며 사용자가 제품을 제대로 탐색할 수 있는 UI도 없습니다.

세 부서 모두 다시 드로잉 보드로 돌아가서 제품을 다시 실행하고 상당한 시간과 비용이 낭비되었습니다.

이 일반적인 상황은 사람의 잘못이 아닙니다. Mary는 Diane과 Chris에게 제품의 명확한 최종 목표를 설명하고 목표를 염두에 두고 만들도록 했어야 했습니다. Diane은 Mary가 특정 기능을 요구하는 데는 이유가 있으며, 그녀의 제품이 더 효율적일지라도 원하는 최종 목표를 달성하지 못하면 아무 소용이 없다는 것을 이해해야 했습니다. Chris는 Mary의 UI 개념이 미학적으로 가장 만족스럽지는 않았지만 그녀가 그 UI를 가지고 있는 데는 이유가 있음을 이해해야 했습니다. 그들은 모두에게 적합한 개념을 만들기 위해 함께 일했어야 했습니다.

일반적인 제품 개발의 잘못된 의사 소통 문제를 공격하는 방법에 대한 몇 가지 아이디어가 있지만 많은 사람들이 가장 성공적인 솔루션이 제품 개발 프로세스 전반에 걸쳐 스토리보드를 만드는 것임을 알게 되었습니다.

스토리보드는 선형 진행 방식으로 또는 스토리를 전달하는 중심 아이디어에서 매핑된 셀 모음입니다. 각 셀에는 스토리의 특정 측면에 대한 특정 정보를 독자에게 제공하는 이미지, 제목 및 설명이 포함될 수 있습니다. 스토리보드는 더 큰 개념의 단순한 표현을 의미 하며 제작자와 독자 모두가 크고 복잡한 주제를 간단한 단계별 하위 섹션으로 나누도록 합니다.

기업가 에린의 여정

허구이지만 스토리보드를 사용하여 그녀와 그녀의 팀이 제품을 설계, 구축 및 반복하는 데 도움이 되는 기업가의 실제 사건 여정을 기반으로 합니다.

에린은 자신이 다니던 대기업을 그만두고 꿈을 좇아 자신의 회사를 차리기로 결심했다. 그녀는 이미 SoLoMoFoo라는 아이디어를 가지고 있었습니다. SoLoMoFoo는 회의실, 공유 사무실 주방 또는 개인 사무실과 같은 공용 공간에서 무료 음식이 제공될 때 직원에게 경고하는 애플리케이션입니다. 예전 직장에서 그녀는 인식 부족으로 무료 음식이 낭비되고 직원들이 방금 놓친 무료 음식에 대해 듣고 불만을 품는 것을 너무 자주 알아차렸습니다. 그녀는 이 문제에 해결책이 필요하고 그것을 구축하기로 결정했습니다! 먼저 그녀는 타겟 사용자가 정확히 누구인지 파악해야 했습니다.

잠재적인 대상 사용자를 찾는 유용한 방법은 페르소나를 만드는 것입니다. Erin은 몇 명의 타겟 사용자와 구매자를 파악하고 이들의 고유한 특성을 기록하기로 결정했습니다.

페르소나 생성

페르소나를 만들면 자신을 벗어나는 데 도움이 될 수 있습니다. 사람들마다 요구 사항과 기대치가 다르다는 것을 인식하는 데 도움이 될 수 있으며 디자인하려는 사용자를 식별하는 데 도움이 될 수도 있습니다.

— Rikke Dam, Interaction Design Foundation의 공동 설립자
구매자 및 사용자 페르소나 예
SoLoMoFoo용 페르소나(큰 미리보기)

Erin은 SoLoMoFoo가 존재하는 문제(무료로 제공되는 음식에 대한 인식 부족)를 해결할 것이라는 것을 알고 있습니다. 하지만 이 문제는 누구를 위해 존재합니까? 누가 그녀의 제품을 사용할 것인가? Erin은 스토리보드를 만들기 전에 먼저 자신의 페르소나를 구축해야 합니다. 일반적으로 기업은 사용자 페르소나와 구매자 페르소나라는 두 가지 유형의 페르소나에 집중해야 합니다.

1. 사용자 페르소나

이것은 특정 기준에 맞는 전형적인 사용자의 허구적 묘사입니다. 대부분의 제품은 2개 또는 최대 3개의 주요 사용자 페르소나 의 수를 제한하고 이러한 사용자를 유치하는 데 마케팅 노력의 대부분을 집중합니다. SoLoMoFoo의 경우 Erin이 식별한 두 가지 주요 사용자 페르소나 가 있습니다.

  • 베이킹 벤
    Ben은 동료들과 나누기 위해 종종 무료 음식을 직장으로 가져옵니다. 그는 컵케이크를 가져올 때마다 사무실 전체에 이메일을 보내는 것이 조금 이상하다고 느끼므로 동료에게 알림을 제공하는 앱을 좋아할 것입니다.
  • 헝그리 행크
    행크는 끊임없이 무료 음식을 놓치고 있으며 그것 때문에 속상해합니다. 그는 배고프면 생산성이 떨어지며 음식이 나올 때마다 알려주는 앱에 매우 관심을 갖습니다.

2. 구매자 페르소나

종종 제품의 의도된 사용자는 의도된 구매자와 동일하지 않습니다. SoLoMoFoo의 비즈니스 모델에서는 회사 전체가 SoLoMoFoo 앱을 구매하고 직원들이 다운로드하도록 합니다. 이렇게 하면 사무실의 모든 사람이 무료 음식이 있을 때 알림을 보내고 음식을 찾을 때 알림을 받을 수 있습니다. Erin은 SoLoMoFoo의 가장 유력한 구매자가 HR 부서가 될 것이라고 결정했습니다.

  • 인사 헤일리
    Hailey는 HR 관리자이며 구매력이 있습니다. 그녀는 직원의 사기와 참여를 향상시킬 수 있는 방법을 끊임없이 찾고 있습니다. 그녀는 상사로부터 직원들 사이에 에너지와 팀워크를 고취하도록 장려하고 이를 수행하는 데 도움이 되는 응용 프로그램이나 도구에 지출할 예산이 있습니다.

이러한 페르소나를 생성하면 사용자와 구매자(둘이 다른 경우) 모두의 입장이 되는 데 도움이 됩니다. 그것은 당신이 당신의 제품에서 한 걸음 물러나서 당신이 디자인하는 사람들의 눈을 통해 그것을 볼 수 있도록 도와줍니다.

필요한 페르소나 생성을 시작하기 위해 사용할 수 있는 몇 가지 온라인 리소스가 있습니다. 예를 들어 다음 중 하나와 같은 페르소나 워크시트 템플릿을 사용할 수 있습니다.

HubSpot 페르소나 템플릿
HubSpot 페르소나 템플릿(큰 미리보기)
Xtensio 페르소나 템플릿(Xtensio에 대한 크레딧)(큰 미리보기)

또는 HubSpot의 이와 같은 페르소나 생성 도구를 사용하십시오.

페르소나가 생성된 후 다음 단계는 이러한 페르소나가 해결하려는 문제, 솔루션으로서의 제품 및 제품이 궁극적으로 그들의 삶에 어떻게 도움이 되는지 알아내는 것입니다. 페르소나의 입장이 되어보는 가장 좋은 방법은 여정 지도를 만드는 것입니다.

여정 매핑

고객 여정 매핑은 고객이 특정 목표를 달성하기 위해 추구하는 브랜드에 대한 다양한 터치포인트 전반에 걸쳐 고객의 관점에서 고객의 경험을 시각화하는 데 도움이 됩니다.

— 탠덤 세븐 전문가

Erin은 SoLoMoFoo의 주요 사용자 및 구매자 페르소나를 식별했으므로 이제 이러한 페르소나가 자신의 제품을 어떻게 보게 되는지, 어떻게 사용하는지, 프로세스 전반에 걸쳐 그들이 직면할 수 있는 잠재적인 장애물을 발견해야 합니다. 이렇게 하는 좋은 방법 은 스토리보드 형태로 여정 지도를 만드는 것입니다 . 이러한 여정 매핑 스토리보드를 만들면 제품 디자이너가 사용자 또는 구매자의 입장에서 단계적으로 제품을 경험하게 됩니다.

사용자 여정 지도
SoLoMoFoo의 고객 여정 지도(큰 미리보기)

여정 지도 스토리보드는 일반적으로 6가지 주요 구성 요소로 나눌 수 있습니다.

  1. 경험한 문제
    이유가 있어 제품을 만들기로 결정했습니다. 대상 사용자가 해결하고자 하는 문제를 겪고 있다고 생각합니다. 귀하의 제품이 해결하는 문제는 무엇입니까?
  2. 솔루션 검색
    당신의 페르소나가 문제를 경험한 후에 당신은 그들이 해결책을 찾을 것이라고 믿습니다. 그들은 검색에 어떤 방법을 사용할 것입니까? 이는 시장 진출 전략을 위해 고려할 잠재적인 마케팅 채널이 될 수 있습니다.
  3. 제품 발견
    검색하는 동안 귀하의 페르소나는 귀하의 제품을 발견하고 사용을 시작하기로 결정할 것입니다. 이 제품이 자신을 위한 제품인지 어떻게 알 수 있습니까? 어떻게 시작할까요? 그들이 직면할 수 있는 진입 장벽은 무엇입니까?
  4. 제품 경험
    이제 페르소나는 제품을 사용하고 의도한 목표를 경험하게 됩니다. 어떻게 사용합니까? 즉시 사용할 수 있습니까? 아니면 취해야 할 다른 조치가 있습니까?
  5. 문제 완화
    의도한 제품 목표가 달성되면 사용자 문제가 완화됩니다. 이것이 스토리보드의 시작 부분에서 해결하려고 했던 것과 동일한 문제입니까? 솔루션에서 발생할 수 있는 다른 잠재적인 문제는 무엇입니까?
  6. 유익한 결과
    이제 그 페르소나의 문제가 완화되었습니다. 왜 그들의 삶이 더 나아졌습니까? 그들의 문제를 해결하는 것이 그들에게 어떤 이점을 가져다주었고, 이것이 그들의 상황을 어떻게 개선할 것입니까?

예가 필요하십니까? 아래 그림을 보십시오.

여행 매핑을 위한 빈 막대기 그림 템플릿
고객 여정 맵 템플릿(큰 미리보기)

기업가인 Erin의 경우, 그녀는 무료 음식에 대한 접근성 부족이 HR Hailey에 어떤 영향을 미칠지, 가능한 솔루션을 연구하는 방법, SoLoMoFoo를 접하는 방법, SoLoMoFoo 플랫폼이 직장에서 구현되는 방법을 고려해야 합니다. , 그리고 SoLoMoFoo 프로그램이 가져올 잠재적 이점과 그 이점에 대한 일정.

구매자 여정 매핑
SoLoMoFoo의 구매자 여정 지도(큰 미리보기)

스토리보드 형태로 여정 지도를 만드는 것은 구매자를 인간화하는 데 유용한 방법입니다. 사용자는 숫자가 아니라 실제 사람임을 기억하는 것이 중요합니다. 각 페르소나와 관련된 인간 캐릭터 및 개인 여정 지도 스토리를 갖는 것은 사용자가 사람 이고 그들의 요구가 지속적으로 변화하고 있음을 지속적으로 상기시키는 역할을 합니다.

이러한 여정 지도는 훌륭한 외부 제품 개발 도구일 뿐만 아니라 내부 오해를 최소화하는 좋은 방법입니다.

사용자 페르소나와 고객 여정 맵 스토리보드를 개발하여 모든 사람이 페르소나가 제품에 참여할 때 취하는 단계를 시각화할 수 있습니다. 여정 지도를 만들어 동료에게 제시하면 팀원들이 현실적이고 실질적인 방식으로 비전을 볼 수 있습니다. 모든 부서가 여정 맵을 이해하면 최종 제품이 무엇인지에 대한 합의에 모두 도달할 수 있으며 개발 프로세스는 같은 페이지에 있는 모든 사람과 계속될 수 있습니다.

UX 디자인을 위한 스토리보드

UX의 스토리보드는 제품에 대한 사용자 경험을 시각적으로 예측하고 탐색하는 데 도움이 되는 도구입니다.

— Nick Babich, UX Planet 편집장
기본 UX 스토리보드 목업
사용자 경험 스토리보드(큰 미리보기)

기업가인 Erin은 목표 사용자와 구매자가 누구이며 그들이 어떻게 접촉하고 그녀의 제품을 사용할 것이라고 생각하는지 성공적으로 식별했습니다. 이제 그녀가 SoLoMoFoo 사용자 경험을 디자인할 시간입니다.

뒤로 물러나 사용자의 관점에서 제품을 보는 유용한 방법은 스토리보드를 통해 UX 개념을 만드는 것입니다. 셀별로 스토리보드를 만들면 사용자로서 UX 프로세스의 모든 단계를 거쳐야 합니다 . 여러 스토리보드를 쉽게 만들고 다양한 UX 접근 방식을 시도하여 가장 효율적인 개념을 찾을 수 있습니다.

Erin은 SoLoMoFoo를 간단한 앱으로 디자인하고 싶어 개발 및 마케팅 팀과 함께 페르소나와 여정 지도를 검토하여 그들이 제품 비전에 대해 명확하고 함께 사용자 경험 디자인을 시작할 수 있도록 합니다.

이러한 시각적이고 유형적인 스토리보드를 만들면 UX의 잠재적인 결함을 지적할 수 있습니다. 아마도 사용자가 한 단계에서 긴 도약을 하도록 강요하고 직관적이지 않을 수 있습니다. 또는 UX에 하나의 단계로 결합하여 불필요한 작업을 제거할 수 있는 몇 가지 단계가 있을 수 있습니다.

UX 전문가 Luca Morovian에 따르면:

“UX 스토리보드는 제품에 대한 사용자 경험을 시각적으로 예측하고 탐색하는 데 도움이 될 수 있습니다. 사람들이 서비스 또는 앱과 상호 작용하는 방식을 시각화합니다. UX 스토리보드는 또한 특정 문제와 관련된 사용자의 현재 동기와 경험을 이해하는 데 도움이 될 수 있습니다.”

UX를 ​​위한 스토리보드의 힘과 가치는 제작 과정에서 나타나므로 사용자가 제품을 경험할 수 있으므로 효과적인 디자인과 개선된 전환율을 위해 최적화할 수 있습니다.

측면 화살표가 있는 UX 스토리보드
자세한 설명이 포함된 사용자 경험 스토리보드(큰 미리보기)

마지막으로 Erin은 대상 사용자와 구매자를 식별하고 프로세스를 여정 매핑하고 간소화된 UX를 구축했지만 제품 개발 프로세스는 결코 끝나지 않았습니다.

제품 반복 및 개선을 위한 스토리보드

당신의 사람들은 당신의 제품을 누구보다 잘 알고 있으므로 올바른 질문을 하고 매력적인 스토리보드를 사용하는 한 그들로부터 반응을 구하고 알아내야 할 것이 무엇이든 토론을 시작할 수 있습니다.

— Andre Bourque, 기업가

Erin은 이제 그녀가 SoLoMoFoo를 사용하고 구매할 것이라고 생각하는 사람, 그들이 제품을 접하고 참여하는 방법, 플랫폼 사용자 흐름이 디자인되는 방법을 식별했습니다.

제품 개발자가 알고 있듯이 제품 은 결코 완전하지 않습니다 . 기술이 변화함에 따라 사용자는 제품에 적응하고 이에 따라야 합니다. 고객 여정 지도와 사용자 페르소나를 지속적으로 참조하여 제품에 정확한지 확인하는 것이 중요합니다. 사용자 및 사용자 사례 시나리오에 대해 더 많이 알게 되면 그에 따라 제품이 조정되어야 합니다.

제품 반복을 조사할 때 대부분의 제품 개발 팀은 범위를 분리하고 현재 제품에서 변경하려는 측면을 결정하는 데 어려움을 겪습니다. 스토리보드는 제품 디자이너가 제품을 개별 세그먼트로 분할하는 데 도움이 될 수 있으며, 이를 통해 다른 부분을 포함하지 않고 제품의 한 측면에서 구체적으로 작업할 수 있습니다.

다음은 가이드로 사용할 수 있는 몇 가지 질문입니다.

  • 홈페이지 전환율 문제가 있고 UI를 현대화하고 싶습니까?
  • 사용자가 클릭 유도문안에 응답하지 않습니까? UX가 너무 복잡합니까? 아니면 사람들이 당신의 제품을 구매하지 않아서 당신이 인지한 문제를 정말로 해결하고 있습니까?

제품의 스토리보드가 있으면 제품의 어느 부분이 어떤 사용자의 행동에 책임이 있는지 명확하게 알 수 있습니다. 결과적으로 제품 전체가 아닌 제품의 한 측면에 반복 프로세스를 집중하여 더 빠른 개선과 더 깨끗한 프로세스를 허용할 수 있습니다.

시작하는 방법

이제 제품 개발 프로세스에서 스토리보드 사용을 시작하는 방법에 대한 지식을 얻었으므로 시작할 때입니다.

다음은 첫 번째 단계를 수행하는 데 도움이 되는 몇 가지 빠른 단계입니다.

  1. 제품이 해결하고 있는 문제를 식별합니다.
  2. 1-3명의 사용자 페르소나와 1-3명의 구매자 페르소나를 식별합니다(다른 경우).
  3. 페르소나를 위한 여정 지도를 만드십시오.
  4. 타겟 오디언스의 요구 사항을 중심으로 UX 흐름을 디자인합니다.
  5. 반복하고, 반복하고, 개선하십시오!

결론적으로, 이제 스토리보드를 제품 개발 프로세스에 통합할 수 있는 도구가 생겼습니다. 대상 사용자를 식별하는 처음부터 UX를 구축하고 개선을 위해 제품을 반복하는 끝까지.

제품 디자인 프로세스를 통해 스토리보드를 사용하면 단순한 오해를 방지하고 귀하와 귀하의 팀 모두 귀하의 제품이 무엇을 성취하고 어떻게 보일지에 대한 명확한 개념을 가질 수 있습니다. 오늘 새로운 제품 아이디어를 스토리보드로 작성해 보세요!