UX 디자인에서 스토리보드의 역할

UX 디자인에서 스토리보드의 역할
Rick Davis

UX 디자이너는 새로운 아이디어를 실현하기 위해 상상력을 발휘해야 하는 경우가 많습니다. 이 프로세스에 도움이 될 수 있는 한 가지 도구는 스토리보드입니다. 이 도구는 완전히 다른 도메인(시네마)에서 차용되었지만 이미 UX 세계에서 명성을 얻었습니다. 스토리보드는 디자이너가 사용자가 자신이 디자인한 제품을 어떻게 사용할 것인지 상상하는 데 도움이 됩니다.

스토리보드란 무엇입니까?

스토리보드는 일련의 몇 가지 이벤트를 포함하는 시나리오를 나타내는 시각적 형식입니다. 월트 디즈니 스튜디오는 1930년대에 이 아이디어를 내놓은 최초의 스튜디오였습니다. UX 디자인을 비롯한 많은 다른 분야에서 시나리오를 시각적으로 표현하는 방법으로 스토리보드를 채택했습니다.

이 시점에서 아마도 "왜 스토리보드를 사용해야 할까요?"라고 자문할 것입니다.

짧은 대답은 보다 자신 있게 더 빠르게 디자인하는 데 도움이 된다는 것입니다.

이 경우에 대한 주된 이유는 다음과 같습니다.

  1. 이미지는 천 단어의 가치 - 우리의 두뇌는 텍스트보다 이미지를 훨씬 빠르게 처리합니다. 시나리오를 시각적으로 표현함으로써 관련된 모든 사람의 아이디어 프로세스 속도를 높일 수 있습니다.
  2. 이야기는 기억에 남습니다. - 수세기 동안 인간은 이야기를 구전으로 전달했습니다. 사실보다 암기하기가 훨씬 쉽기 때문에 젊은 세대에게 전통. 아이디어를 향한 첫 번째 단계로 이야기를 사용하면 올바른 분위기를 설정할 수 있습니다.
  3. 호기심의 틈 - 이야기, 특히 틈이 있는 이야기는 아주 자연스럽게 호기심을 불러일으키고 우리의 두뇌를 활성화시켜 시도할 수 있게 합니다. 누락 된 세부 정보를 채우기 위해. 이러한 유형의 "브레인파워"는 아이디어 세션에서 정확히 원하는 것입니다.
  4. "실제 사용자"와 공감하기 - 공감을 만들기 위해 페르소나를 사용하는 것처럼 얼굴과 이름이 있는 사용자를 시나리오에 배치하면 디자인 팀원들 사이에서 사용자에 대한 공감이 더욱 높아질 것입니다.

UX 디자인에서 스토리보드 사용

영화와 TV에서 시나리오 작가와 영화 감독이 스토리보드를 사용하여 플롯을 계획하는 것처럼 시리즈에서 UX 디자이너는 스토리보드를 사용하여 제품에 대한 사용자 여정을 구상하고 계획할 수 있습니다. 스토리보드 기법을 사용하면 한두 명의 캐릭터를 선택하고 사용자 여정의 모든 단계에서 그들이 무엇을 하는지 뿐만 아니라 그들이 행동을 취하는 이유와 그것에 대해 어떻게 느끼는지 이해할 수 있습니다.

처음에 UX 디자인 프로세스에서 스케치를 시작하기 전에 적어도 개념적 수준에서 정의하고 싶은 이야기의 몇 가지 부분에 대해 생각해야 합니다.

스토리보딩의 첫 번째 단계는 주인공 을 결정하고 스토리보드에 추가할 캐릭터가 있는지 결정해야 합니다.

다재다능한 캐릭터를 만들려면 다음 사항에 대해 생각해야 합니다.

  1. 캐릭터에 대한 기본 설명 이름, 직업, 나이, 성별 및 관련
  2. 이 캐릭터가 귀하의 제품이나 서비스를 사용하도록 동기를 부여 하는 것은 무엇입니까?
  3. 에서 캐릭터가 제품을 사용하는 컨텍스트 는 무엇입니까?

스토리보딩의 두 번째 단계는 사용자 여정 자체를 정의하는 것입니다. 부속. 스토리보드에 포함할 내용을 생각하는 데 도움이 되므로 제품에 대한 일반적인 사용자 여정의 일부에 익숙해지는 것이 좋습니다. 여기에는 다음과 같은 세부 정보가 포함됩니다.

  1. 인지도 - 사용자가 처음에 제품이나 서비스에 대해 어떻게 알게 될까요?
  2. 고려 - 제품을 구매하고 사용하기 전에 어떤 결정을 내려야 할까요?
  3. 구매 - 사용자가 제품을 어떻게 구매합니까?
  4. 첫 경험 - 제품에 대한 첫 경험은 무엇입니까?
  5. 사용 습관 - 정기적인 사용 패턴은 어떻게 될까요?
  6. 주요 이점 - 사용자가 사용함으로써 얻을 수 있는 이점은 무엇입니까? 귀하의 제품은 무엇입니까?

처음부터 이 모든 것을 시도하고 결정하기가 너무 어렵다면 제품의 초기 단계만 설명하는 것으로 시작할 수 있습니다.사용자 여정에 포함하고 스토리보드에는 이러한 부분만 포함합니다. 여기에는 제품에 대한 인식, 고려, 구매 및 첫 경험이 포함됩니다. 이러한 세부 정보를 구체화하면 귀하와 귀하의 팀이 스토리보드를 확장하고 제품의 장기 사용에 대한 세부 정보를 포함하는 것이 더 쉬워질 것입니다.

시작하기 스토리보드 사용

스토리보드를 시작하려면 몇 가지 다른 사항에 대해서도 생각해야 합니다. 다음은 몇 가지 유용한 지침입니다.

  1. 시작, 중간 및 끝이 있는 이야기 구조 사용; 캐릭터가 달성해야 하는 목표에 집중하세요. 스토리보드의 솔루션으로 바로 이동하지 마십시오.
  2. 스토리보드를 만드는 데 사용할 도구 에 대해 생각해 보십시오. 선호도에 따라 펜과 종이를 사용하여 스토리보드를 스케치하거나 그래픽 디자인 소프트웨어를 사용할 수 있습니다.
  3. 원하는 세부 수준 에 대해 생각해 보십시오. 이야기에 포함하십시오. 개발 프로세스의 현재 위치에 따라 더 많거나 적은 세부 정보가 있는 스토리를 만들고 싶을 수 있지만 항상 약간의 상상의 여지를 허용해야 합니다.

멋진 UX 스토리보드를 구성하는 데 도움이 되도록 실제 사례 를 살펴보겠습니다.

와인을 사랑하는 사람들을 돕고 싶다고 가정해 보겠습니다. 하지만 시도하는 동안 와인 가게에서 압도당합니다.다음에 무엇을 살지 선택해야 합니다.

와인을 더 잘 이해하기 위한 첫 걸음을 내딛는 25세에서 45세 사이의 사람들을 타겟팅한다고 가정해 보겠습니다. 그들을 돕기 위해 "Wine Time"이라는 앱을 만들기로 결정했습니다.

다음 단계는 사람들이 앱을 어떻게 사용할지 구상하는 것입니다. 그래서 스토리보드를 만들기로 결정합니다.

그 과정을 살펴보겠습니다.

또한보십시오: UX 디자인 프로세스: 시작하는 방법 & 단계는 무엇입니까

우리의 이야기는 주인공 인 30대 초반의 젊은 부부 제이슨과 나탈리로부터 시작됩니다. 그들은 캐나다 토론토 교외에 살고 있습니다. 와인을 좋아하는 이들은 3주에 한 번씩 동네 와인 가게에 가서 2~3병의 와인을 삽니다. 그들은 보통 가게에서 홍보하는 와인을 구입하고, 가끔 친구로부터 무엇을 사야할지 추천을 받습니다. 그들은 최근에 더 많은 와인을 탐구하기 시작하고 매장의 다양한 선택에 덜 압도되기를 원합니다. 지금까지 그들은 거의 매번 같은 와인을 구입했습니다. 이것이 동기 가 와인에 대해 더 많이 알기 위한 솔루션을 찾도록 하는 것입니다.

제이슨은 여가 시간에 와인에 대해 읽기 시작했지만 여전히 읽지 않습니다. 별로 도움이 되지 않습니다. 그 기사에 기술된 대부분의 와인은 유럽산이며 그는 캐나다에 살고 있습니다. 그는 근처 상점에서 찾은 현지 와인이어쨌든.

또한보십시오: 애니메이션의 스토리보드: 정의 및 제작 방법

어느 날 Nathalie의 친구 Alison이 "Wine Time"이라는 새로운 앱을 사용해 보라고 제안합니다. 이 앱은 와인에 대해 배우고 마음에 드는 와인을 찾는 데 도움이 됩니다. 이야기의 이 시점에서 Jason과 Nathalie는 제품을 인식 하게 됩니다.

그들은 앱을 다운로드하고 즉시 빠른 "Introduction to Wine" 자습서를 시작합니다. . 이 튜토리얼은 다양한 특성에 따라 어떤 종류의 와인을 좋아하는지 알려줍니다. 이는 앱을 사용한 첫 경험 과 "아하"하는 순간(아마도)에 해당합니다. 이 부분을 중간 의 시작이라고 생각하시면 됩니다.

튜토리얼이 끝나면 Jonathan과 Nathalie는 앱에 남아 있습니다. '와인타임'은 이들에게 어울리는 와인을 추천하고 주변 매장에 와인이 있는지 확인한다. 마음에 드는 병을 몇 개 찾으면 온라인으로 주문하고 이틀 안에 받습니다. 스토리의 이 부분은 사용자 여정 의 구매 단계에 해당합니다. 시간을 절약하기 위해 앱에서 와인을 계속 주문하기로 결정한 경우 앱의 향후 사용 과 잠재적으로 연결될 수도 있습니다.

이것이 우리의 이야기입니다. 종료 , 캐릭터가 "Wine Time" 앱을 사용하여 더 많은 와인을 탐색하려는 목표 를 달성하는 방법을 이해하는 곳입니다.

다음으로 도구 에 대해 이야기해 보겠습니다.storyboard.

아래 이미지에서 보듯이 Vectornator에서 했던 것처럼 간단한 스토리보드를 만들 수 있습니다. 아이콘과 일부 텍스트를 사용하여 스토리 플롯을 시각화할 수 있습니다. 스토리보드의 일부가 아닌 세부 사항에 대해 논의할 여지를 남겨두기 위해 사용자 여정을 4단계로 제시하기로 결정했습니다.

스토리보드를 현재 세부 수준으로 유지하면 다음에서 흥미로운 질문을 유발할 수 있습니다. 다음과 같은 아이디어 단계:

  1. 앱에 어떤 튜토리얼이 포함되나요?
  2. 어디에서 앱을 사용할 수 있나요?
  3. 어떤 종류의 온라인 와인 매장에 연결해야 할까요?
  4. 장기 사용은 어떻게 될까요?

"Wine Time" 앱용으로 만든 스토리보드를 살펴보세요.

"Wine Time" 사용자 여정 . 저자의 이미지.

요컨대 스토리보드는 UX 디자이너가 개념적 아이디어를 실현하기 위해 사용할 수 있는 훌륭한 도구입니다. 당신은 당신의 팀과 아이디어를 시작합니다. 시나리오를 시각화하면 모든 사람이 프로세스를 훨씬 더 대화식으로 재미있게 만들 수 있습니다. 많은 시나리오를 나타내려면 둘 이상의 스토리보드가 필요할 수 있지만 이 요구 사항은 시간이 지남에 따라 더 명확해집니다. 기억해야 할 가장 중요한 사항은 창의력을 발휘하고 즐겁게 지내는 것입니다.




Rick Davis
Rick Davis
Rick Davis는 업계에서 10년 이상의 경험을 가진 노련한 그래픽 디자이너이자 비주얼 아티스트입니다. 그는 작은 신생 기업에서 대기업에 이르기까지 다양한 고객과 함께 일하면서 효과적이고 영향력 있는 비주얼을 통해 고객이 디자인 목표를 달성하고 브랜드를 높일 수 있도록 도왔습니다.뉴욕시 시각 예술 학교를 졸업한 Rick은 새로운 디자인 트렌드와 기술을 탐구하고 이 분야에서 가능한 것의 경계를 지속적으로 넓히는 데 열정적입니다. 그는 그래픽 디자인 소프트웨어에 대한 깊은 전문 지식을 가지고 있으며 항상 자신의 지식과 통찰력을 다른 사람들과 공유하기를 열망합니다.디자이너로서의 작업 외에도 Rick은 헌신적인 블로거이기도 하며 그래픽 디자인 소프트웨어 세계의 최신 트렌드와 개발을 다루는 데 전념하고 있습니다. 그는 정보와 아이디어를 공유하는 것이 강력하고 활기찬 디자인 커뮤니티를 육성하는 데 핵심이라고 믿으며 항상 온라인에서 다른 디자이너 및 크리에이티브와 연결하기를 열망합니다.클라이언트를 위한 새 로고를 디자인하든, 자신의 스튜디오에서 최신 도구와 기술을 실험하든, 유익하고 매력적인 블로그 게시물을 작성하든, Rick은 항상 최고의 작업을 제공하고 다른 사람들이 디자인 목표를 달성하도록 돕기 위해 최선을 다하고 있습니다.