스토리보드는 사용자 경험 디자인 프로세스에서 누락된 링크입니까?

스토리보드... 시나리오 작가가 영화와 TV 프로그램을 만드는 데 사용하는 것입니다. 맞죠? 네, 맞습니다. 하지만 스토리보드는 허구적 엔터테인먼트의 세계에만 국한되지 않습니다. 또한 사용자 경험 디자인 프로세스에서 중요한 역할을 할 수 있습니다.

이 포스트에서는 모든 스토리보드에 대해 알아볼 것입니다. 간단한 정의부터 시작하여 스토리보드를 사용하여 프로젝트에서 사용자의 여정을 만들고 결과적으로 더 나은 사용자 경험을 디자인하는 방법까지 작업하겠습니다.

스토리보드란?

스토리보드는 상당히 단순한 개념입니다. 기본적으로 스토리를 순차적으로 진행하는 단순한 삽화입니다. 내가 언급했듯이, 그들은 영화와 연극의 줄거리를 개발하는 도구로 사용하는 것으로 가장 잘 알려져 있습니다.

영화에 적용할 때 스토리보드가 작동하는 방식을 재미있게 시각화하기 위해 Flavorwire는 일부 유명한 영화의 목록 스토리보드를 작성했습니다. 싸이코의 그 유명한 샤워 커튼 장면을 기억하십니까? 스토리보드 형식으로 보면 다음과 같습니다.

그러나 스토리보드는 허구의 플롯을 배치하는 데에만 유용한 것은 아닙니다. 또한 실제 인간이 웹사이트나 앱을 경험하는 방식을 시각화하는 인기 있는 방법이 되었습니다.

웹사이트나 앱과 관련하여 스토리보드는 기본적으로 특정 사용자 페르소나의 전체 여정을 따라갑니다. 사용자가 문제로 어려움을 겪는 것부터 시작하여 창작물과 상호 작용하고 긍정적인 해결책을 경험하는 것으로 끝납니다.

중요한 것은 스토리보드가 실제 환경 에서 실제 문제 가 있는 실제 사람 을 묘사한다는 것입니다. 스토리보드는 항상 진실되고 현실에 근거해야 합니다.

그렇다면 이것은 실제로 어떻게 생겼을까요? 다음은 Austin Center for Design의 Chelsea Hostetter의 예입니다.

Chelsea의 스토리보드가 전체 스토리를 처음부터 끝까지 어떻게 묘사하는지 주목하십니까? Susan의 Heartline 앱 사용에만 초점을 맞추는 것은 아닙니다. 실제 상황에서 시작하여 수잔이 앱을 사용하여 Tom과 연결하는 것으로 정점을 찍고 문제의 실제 해결로 끝납니다.

스토리보드는 사용자 경험 디자인을 개선하는 데 어떻게 도움이 됩니까?

요즘 빅데이터에 대한 관심이 뜨겁다. 콜드 하드 데이터는 확실히 가치가 있지만 설계 프로세스에서 인간 을 완전히 제거합니다. 스토리보드는 그 인간적 요소를 다시 디자인으로 가져오는 데 도움이 될 수 있습니다.

스토리보드를 사용하면 추상적인 기능 설명이나 분석 데이터가 아닌 실제 작업을 완료하는 실제 사람이 있습니다.

인적 요소 외에도 스토리보드를 사용하면 아이디어를 빠르게 수정하고 반복할 수 있습니다. 프로세스를 스케치하는 것이 전부이기 때문에 동일한 기능의 작동하는 프로토타입을 만드는 데 필요한 시간보다 훨씬 적은 시간을 투자해야 합니다.

즉, 프로토타입으로 가능한 것보다 더 빠르게 변경 사항을 롤아웃할 수 있습니다.

첫 번째 스토리보드를 만드는 데 도움이 되는 팁

스토리보드를 만들기 위해 전문 일러스트레이터가 될 필요는 없지만 디자인 프로세스에 실제로 도움이 되는 스토리보드를 만들기 위해 따라야 하는 몇 가지 전략이 있습니다.

귀하의 목표는 진정성 있고 설득력 있는 것을 만드는 것임을 기억하십시오. 필요한 경우 다시 돌아가서 Heartline 예제를 살펴보십시오. 이야기가 어떻게:

• 초크는 인간의 감정으로 가득 차있다
• 캐릭터가 제품을 사용하는 부분뿐만 아니라 전체 시나리오에 중점을 둡니다.
• 선명한 해상도를 가지고 있습니다

Chelsea의 최종 제품이 좋은 예이지만 빈 페이지에서 완전히 생생한 스토리보드로 바로 이동할 필요가 있다고 생각하지 마십시오.

대신, 그 최종 제품까지 천천히 구축하는 데 도움이 됩니다.

첫째, 당신의 목표는 다음과 같다는 것을 기억하십시오:

• 정통 캐릭터
• 실생활의 문제
• 제품을 통해 문제를 해결하는 논리적이고 확실한 방법
• 스토리보드 끝에 있는 실제 해상도

이러한 요소를 모두 충족했는지 확인하려면 이야기의 기본을 스케치하는 일반 텍스트 설명으로 시작하는 것이 더 쉽습니다. 그것들을 내러티브 호로 연결하되, 아직 너무 깊이 들어갈 걱정은 하지 마십시오.

그런 다음 돌아가서 더 자세한 감정을 가져와서 이야기를 다시 작성하십시오. 당신의 캐릭터는 여정의 각 단계에서 무엇을 느끼고 있습니까? 그들은 행복합니까? 슬퍼? 무관심한?

내러티브와 감정을 일반 텍스트로 스케치하면 이를 실제 스토리보드로 번역할 준비가 된 것입니다. 그렇게 하려면 이야기의 각 동작을 개별 프레임으로 나누고 실제 삽화를 사용하여 스케치하십시오.

예술적 기술이 있다면 스토리보드를 그릴 때 실제로 감정을 삽화에 가져오십시오.

스토리보드를 만드는 데 도움이 되는 도구

사용자 경험 스토리보드를 만드는 데 도움이 되는 몇 가지 도구에 대해 더 자세히 설명하기 전에 옷장 어딘가에 이미 충분한 도구가 있을 수 있다는 사실부터 시작하겠습니다.

즉, 스토리보드를 만드는 데 꼭 멋진 것이 필요한 것은 아닙니다. 스토리보드를 보는 사람이 혼자라면 펜과 종이로 로우파이(lo-fi)하는 것은 전혀 문제가 되지 않습니다. 또는 PowerPoint와 같은 것을 사용하여 항상 디지털 방식으로 접근하여 하나의 응집력 있는 이야기로 만들 수 있습니다.

그러나 다른 팀 구성원과 공동 작업을 수행하려는 경우 펜과 종이나 PowerPoint에서 허용하는 것보다 좀 더 세련되고 전문적으로 보이는 스토리보드를 만들고 싶을 수 있습니다. 이러한 상황에서 다음 도구가 도움이 될 수 있습니다.

스토리보드

손으로 스케치하는 대신 Storyboard That을 사용하면 미리 만들어진 드래그 앤 드롭 요소를 사용하여 프레임별로 스토리보드를 만들 수 있습니다. 일반 텍스트로 스토리를 스케치한 후에는 이러한 요소를 사용하여 보다 세련된 최종 제품을 만들 수 있습니다.

이 도구는 사용하기가 상당히 쉽습니다. 정말로 해야 할 일은 다음과 같습니다.

• 장면의 배경 선택
• 문자 추가
• 텍스트 또는 항목 가져오기

예를 들어 다음과 같은 기본 스토리보드를 단 몇 분 만에 만들 수 있었습니다.

스토리보드 대회에서 우승할 수 있을지는 의문이지만, 손으로 스케치하는 것보다 훨씬 빠릅니다(적어도 저에게는). 유일한 단점은 캐릭터의 표정으로 감정을 표현하는 능력을 잃는다는 것입니다.

기본 스토리보드 해당 도구는 무료이지만 더 많은 기능을 제공하는 프리미엄 플랜도 있습니다.

보드

Boards는 기존 일러스트레이션에서 스토리보드를 만드는 데 도움이 되는 보다 매끄럽고 첨단 기술의 도구입니다.

그림을 실제로 만드는 데는 도움이 되지 않지만 그림을 정렬하고, 메모를 추가하고, 인터넷이나 PDF를 통해 스토리보드를 공유하는 데는 도움이 됩니다.

따라서 스토리보드에서 다른 사람들과 공동 작업할 계획이라면 Boords를 사용하면 즉시 조정할 수 있습니다.

최대 2개의 스토리보드를 무료로 사용할 수 있는 기본 무료 플랜이 있습니다. 그러나 그 후에는 Pro에 대한 비용을 지불해야 합니다.

마무리

스토리보드는 영화와 연극만을 위한 것이 아닙니다. 더 빠르게 반복하고 사용자를 더 잘 이해하며 전체 디자인 프로세스에 사람의 얼굴을 가미할 수 있도록 도와줍니다.

기억하십시오. 스토리보드는 진정성 있고 설득력이 있어야 합니다. 당신의 제품이 세상을 구하는 머리 아픈 상황을 스케치하는 것은 기분이 좋을지 모르지만 그것이 스토리보드의 목표는 아닙니다. 현실감을 유지하고 처음부터 끝까지 전체 이야기를 전달하는 데 집중하세요.

이제 여러분에게 넘어갑니다. 디자인 프로세스에서 스토리보드를 사용합니까? 그렇다면 그들이 만드는 데 시간을 할애할 가치가 있다고 생각하십니까?

CharacterFamily의 기사 썸네일 이미지 / Shutterstock.com