디자인 쇼핑: 가이드가 있는 디자인 쇼케이스를 통해 더 빠른 클라이언트 바이인 얻기

게시 됨: 2022-03-10
빠른 요약 ↬ 고객이 더 빠르고 쉽게 구매하도록 설득할 수 있는 방법은 무엇입니까? 가이드 디자인 연습을 통해 Kelly Schummer는 디자인 쇼핑 워크플로가 디자인 단계 전반에 걸쳐 어떻게 도움이 되는지 설명합니다.

거주 지역에 관계없이 운전 면허증을 갱신하거나 개인 ID 카드의 주소를 업데이트하는 것은 종종 고통스러운 일입니다. Disney의 Zootopia 영화(IMDb)가 DMV 직원을 나태로 표현하는 것이 가장 좋다고 생각했을 정도로 실망스러운 경험입니다. 그러나 대중적인 의견에도 불구하고 California DMV(California Department of Motor Vehicles)는 캘리포니아에서 3천만 명의 면허를 소지한 운전자에게 더 나은 서비스를 제공하고자 하는 강한 동기를 가지고 있습니다.

해당 시민들에게 더 나은 서비스를 제공한다는 것은 캘리포니아 주민들이 필요한 서비스에 액세스하는 주요 방법인 실망스러운 웹사이트 경험을 개선한다는 것을 의미합니다. 이것이 DMV Strike Team이 캘리포니아 DMV 웹사이트 전체를 재구성하기 위해 10up에서 우리 디자인 팀을 고용한 이유입니다.

다음 사례 연구에서는 내부적으로 디자인 쇼핑 이라고 하는 디자인 실습을 자세히 살펴보겠습니다. 이 연습을 통해 우리는 클라이언트와 더 잘 의사 소통하고 올바른 방향으로 더 쉽게 협업을 진행할 수 있습니다.

참고 : 이 문서는 다소 큰 프로젝트에서 작업하는 경험 많은 UX/UI 디자인 팀을 대상으로 합니다.

디자인 쇼핑?

완성된 제품(새로운 DMV 웹사이트)에 도달하기 전에 가장 처음부터 시작해야 합니다. 클라이언트를 이해하는 것입니다. 정부 기관으로서 그들은 (따라서 우리) 다양한 동기를 가지고 저글링 할 많은 이해 관계자가있었습니다. 즉, 검색 단계에서 클라이언트 정렬을 확보하는 것이 최우선 순위였습니다.

우리는 클라이언트가 디자인에 정통할 것이라고 기대하지 않지만(많은 사람들이 디자인 개념이 혼란스럽거나 위협적이라고 생각합니다.) 우리는 모든 사람이 같은 페이지를 갖도록 해야 합니다. 그러나 어떻게 정부 작업 프로젝트에서 디자인의 바늘을 움직일 수 있었습니까?

우리는 그들을 쇼핑으로 데려갔다. 디자인 쇼핑 , 즉.

왜 "디자인 쇼핑"인가?

고객 서비스에 관해서는 첫인상이 모든 것입니다. 그러나 지속적인 인상을 남기는 것이 항상 쉬운 것은 아닙니다. 특히 크고 다양한 이해 관계자 그룹과 함께 작업할 때 그렇습니다. 그렇게 하기 위해 위대한 미국 시인인 마야 안젤루에게서 교훈을 얻읍시다.

나는 사람들이 당신이 한 말을 잊을 것이고, 당신이 한 일을 잊어버릴 것이지만, 당신이 그들을 어떻게 느끼게 했는지 결코 잊지 않을 것이라는 것을 배웠습니다.

— 마야 안젤루

큐 트럼펫! 우리 팀과의 첫 상호 작용부터 마지막 ​​상호 작용까지 고객에게 지속적인 인상을 남기려면 기분을 좋게 해야 합니다.

이 소중한 첫 순간을 염두에 두고 우리 팀은 DMV 팀에 안전한 공간을 제공하여 모든 사람이 판단 없이 자신의 아이디어와 의견을 자신감 있고 편안하게 공유할 수 있도록 연결을 느끼고 관계를 구축할 수 있는 안전한 공간을 제공하기 위해 다양한 접근 방식을 실험했습니다.

우리가 착지한 것은 모두가 동시에 이해하고 즉시 그들을 편안하게 하는 개념인 쇼핑입니다 !

쇼핑은 옳고 그름에 대한 압력을 제거합니다. 평신도는 올바른 "핏"을 "선택하고 선택"하는 것을 즉시 이해합니다. 쇼핑은 또한 뇌의 보상 및 쾌락 중추를 활성화시키는 도파민을 방출합니다. 이것은 클라이언트를 행동으로 이끄는 동시에 긍정적인 감정을 생성하기 때문에 중요합니다.

짜잔 — 디자인 쇼핑 의 탄생! 좋은 감정과 디자인 토론은 동등하다 nerd out!

애니메이션 GIF, 작은 귀여운 동물 파티
디자인 괴짜의 라이브 룩! (이미지 출처: Anna Hrachovec의 'Mochimochi Land')

야! 이제 분위기를 설정했으므로 이 프로세스의 두터운 부분으로 들어가 보겠습니다. 왜 그리고 무엇을 쇼핑하는지 정의합니다 . 이것은 우리 팀이 속도를 늦추고 영감을 얻을 수 있는 매우 필요한 기회를 제공합니다. 즉, 프로젝트에 깊이 들어가십시오. 우리의 연구와 최종 아티팩트 세트는 실습 중 디자인 대화의 틀을 만드는 것입니다.

DMV 팀과 의미 있는 "보고 갑니다"라는 순간을 갖기 위해 이해 관계자 그룹에 우리가 참여했으며 그들의 목표를 실질적인 설계 결과로 변환할 준비가 되었음을 보여야 했습니다.

그 연구에서 수영

시각적 탐색 및 워크샵 계획에 앞서 디자인 사고의 기초를 다집니다. 이 모든 것이 필요한 것은 아니지만 팀에서 제어할 수 있는 경우 다음을 준비하세요.

  • 식별된 프로젝트 목표
  • 문제 진술;
  • 경쟁 분석;
  • 정신 모델 비교;
  • 역사적 맥락;
  • 프로젝트 개요;
  • 예비 UX 발견;
  • 콘텐츠 맵.
애니메이션 GIF, 하트를 뿜어내는 털실새
디자인에 대한 모든 사랑을 공유합니다. (이미지 출처: Anna Hrachovec의 'Mochimochi Land')

깊은 곳으로 가다

당신의 두뇌가 방황하고 길을 잃을 시간을 만드십시오. 디자인 쇼핑을 위해 인공물을 수집할 때 동전의 양면을 고려하십시오. 위의 연구에서 얻은 결과를 보여주는 성공 사례 실패 사례를 모두 고려하십시오.

아티팩트를 경로 및 대화 트리거로 사용하여 쉽게 대화를 이끌 수 있습니다. 다음을 가리킬 기회를 찾으십시오.

  • 미학 또는 선호도;
  • 사용자 경험에 대한 디자인 이해
  • 사업 목표;
  • 특정 클릭 유도문안
  • 그리고 디자인이 단순히 외모를 넘어 모든 것을 지원하는 데 어떻게 도움이 되는지.

이를 통해 고객은 조직 또는 사용자 경험에 대한 실질적인 이점을 기반으로 디자인 비전에 대한 더 큰 소유권을 갖게 됩니다.

전술적 영감

디자인 영감을 익숙한 것으로 제한하지 마십시오. 이상해! 다음은 우리 팀이 영감을 찾는 곳의 간단한 목록입니다.

  • 순수한 창의성과 최신 트렌드:
    • https://wepresent.wetransfer.com/
    • https://www.designspiration.com/
    • https://thefwa.com/
  • 수직 검토, 경쟁 분석 및 신원별 탐색:
    • https://www.awwwards.com/
    • https://search.muz.li/
    • https://colors.muz.li/

유물에 집중

디자인 쇼핑 아티팩트의 수를 총 5-7개로 제한하면 팀이 집중력을 유지하고 피로를 피하는 데 도움이 됩니다. 웹 사이트 아티팩트의 범위를 좁히려면 다음을 선택합니다.

  • 친숙함과 기본 사항에 대한 이해를 보여주는 카테고리 중 하나입니다.
  • 브랜드 속성을 보여주거나 도전하는 수직 외부 의 것.
  • 도전적인 디자인 선택을 보여주는 것(당신은 그들이 그것을 싫어할 것이라고 생각합니다).
  • 사려 깊은 디자인 선택을 보여주는 것(당신은 그들이 그것을 좋아할 것이라고 생각합니다).
  • 그들이 당신의 연구에서 요약한 것(즉, 고객이 이미 지적한 것) 당신이 더 깊이 파고들고 싶은 것.
  • 청중의 멘탈 모델을 반영하는 것(청중의 목표에 대한 이해에 어필할 것이라고 생각하는 것).
점프 후 더! 아래에서 계속 읽기 ↓

그 바퀴를 움직이게 하십시오

챔피언 선택

휴식 시간을 늘리십시오. 고객에게 이러한 사이트를 보여주기 전에 진행자를 지정하십시오. 이 챔피언은 워크샵을 통해 그룹을 안내하고 참여를 장려하며 그룹이 개요 목표를 향해 작업하도록 돕습니다. 또한 공식 메모 작성자를 지정하여 대화를 문서화하여 진행자가 참가자에게 집중할 수 있는 공간을 제공합니다.

벽에 붙은 웹사이트의 스크린샷을 보여주는 Kelly Schummer
여러 이해 관계자와 설계 토론을 촉진합니다. (큰 미리보기)

DMV에는 비정상적으로 큰 이해 관계자 그룹이 있었기 때문에 두 명의 진행자가 회의실을 운영하게 되었습니다. 가상 환경에서 동일한 경험을 달성하기 위해 둘 이상의 진행자와 함께 여러 소회의실을 사용하는 것도 매우 효과적입니다.

워크샵 자료

다음으로 재료를 모으십시오. 가상 또는 현장에서 다음이 있어야 합니다.

  • 빨간색 및 녹색 색상 코딩 레이블 일명 도트 스티커;
  • 이모티콘 스티커 — 투표를 위한 기존의 빨간색과 녹색에 재미있는 추가 기능입니다.
  • 댓글을 위한 포스트잇;
  • 웹사이트의 스크린샷.

Miro 보드에서 설정한 모습은 다음과 같습니다.

디자인 쇼핑 연습의 샘플 miro 보드
Miro 보드 설정. (큰 미리보기)

중지, 협력 및 듣기

워크샵이 온라인이든 대면이든 관계없이 먼저 기본 규칙을 설정해야 합니다. 워크숍의 처음 5-10분을 시간을 내어 얼음을 깨십시오. 가장 시끄러운 이해 관계자가 전체 대화를 제어하지 않도록 하십시오.

가상 작업장을 운영하는 경우(요즘 대답은 '예'입니다), 기술 마비를 차단 해제해야 합니다. 워크숍 중에 액세스할 도구를 사용하는 방법에 대한 간단한 데모를 통해 모든 시스템이 제대로 작동하는지 확인하십시오. 5-10분이 더 소요될 수 있습니다.

시간이 중요한 경우 몇 가지 DIY 지침이 포함된 가상 보드를 미리 보내 워크샵 참가자가 참여할 수 있도록 하십시오.

그런 다음 명확한 기대치를 설정하고 워크숍의 목적을 반복합니다.

투표 매개변수

각 참가자의 투표 수를 제한해야 합니다. 이 투표가 가상 점이든 실제 스티커이든 상관없이 점의 양을 녹색 5개와 빨간색 5개로 제한하여 총 10표를 얻습니다.

투표 수를 제한하면 참가자가 쇼핑을 할 때 더 신중하게 해야 하므로 대화와 결과가 더 풍부해집니다. 재미있는 보너스로 감정적으로 충전된 쇼핑 순간을 위한 이모티콘 세트를 제공합니다. 이는 참가자들로부터 많은 사랑을 받는 경향이 있습니다!

초대형 이모티콘
미로 이모티콘. (큰 미리보기)

준비, 설정, 쇼핑!

클라이언트가 모든 도구를 갖추면 이제 쇼핑을 할 차례입니다! 타이머를 15분으로 설정하고 참가자들이 디자인에서 가장 좋아하는 부분과 가장 좋아하지 않는 부분에 투표하는 동안 어울리도록 초대합니다. 투표하는 동안 "무엇"과 "왜"에 대해 날카로운 질문을 하십시오.

우리는 이 운동을 완료하는 동안 있는 것이 렌즈를 이동시키고 참가자들을 공평한 경쟁의 장으로 만드는 것을 발견했습니다. 이 전염병 동안 우리는 가상 공간에 이 경험을 추가할 수 있는 옵션을 탐색했으며 투표 패널에 참가자의 아바타를 미리 채우는 것이 멋진 인간적 요소를 추가하고 함께 서 있는 것과 거의 같은 방식으로 렌즈를 이동한다는 것을 발견했습니다. 고스트 커서가 이상하지 않습니까?

대화 안내

타이머가 끝나면 팀의 쇼핑 성공에 대해 토론합니다. 여기에서 프로젝트에 대한 공유 언어의 핵심에 도달할 수 있습니다. 각 아티팩트를 살펴 보면서 부정적이든 긍정적이든 나타나기 시작하는 패턴에 대해 논의하십시오.

쇼핑객을 자원봉사로 초대합니다. 예를 들어, "여기에 많은 녹색 점이 보입니다. 그 이유에 대해 이야기해 볼까요?”

웹사이트 주석 스크린샷
스티커의 시각적 피드백을 통해 대화의 시작점을 한 눈에 볼 수 있습니다. 이 스크린샷은 위에 Miro에 주석이 달린 라이브 및 사후 워크샵 메모를 모두 보여줍니다. (큰 미리보기)

참가자를 선별하는 대신 토론과 평가의 여지가 생깁니다. 이는 DMV와 같이 크고 다양한 이해 관계자 그룹을 다룰 때 특히 중요합니다. 이것은 팀의 노력이며 모든 단계가 협력적으로 느껴져야 합니다.

그 의도는 "정답"의 압박을 없애는 것입니다.

당신 은 클라이언트의 디자인 어휘를 듣고 그것을 바탕으로 구축하기를 원합니다. 이 평가를 통해 점을 연결하기 시작하고 다음 설계 단계 전반에 걸쳐 기본 설계 원칙과 결정을 내리도록 팀을 이끌 수 있습니다.

결과 전달

모두가 쇼핑을 마친 후에는 운동의 결과로 보고 있는 것이 무엇인지 팀과 함께 확인하십시오.

클라이언트 피드백을 캡처하는 Miro 보드의 스크린샷
워크샵 후 내부 사용을 위해 고객 피드백을 분석하는 한 가지 방법입니다. (큰 미리보기)

귀하가 합의한 모든 영역과 분기점을 설명하고 다음 단계가 어떻게 보이는지 확인하십시오.

참가자의 즉흥적인 춤 동작에 대해서는 책임을 지지 않습니다.

다시 한 번, 느낌으로

디자인 쇼핑 워크샵을 운영할 수 있는 모든 주요 방법을 간략하게 설명했지만 이것은 일회성 연습으로 제한되지 않습니다. 우리는 종종 다른 날짜에 디자인 쇼핑의 마지막 라운드 를 합니다.

1차 워크숍에서 만든 것을 가져와서 만드는 곳입니다.

프로토타입, 무드보드, 스타일 타일 및 디자인 원칙의 한가운데에서 디자인 방향을 표현하는 최고의 플랫폼이라고 생각하는 것이 무엇이든 디자인 쇼핑 연습을 자신의 디자인 솔루션을 검증하는 방법으로 사용할 수 있습니다. 그래도 문제가 해결되지 않으면 Design Spectrum 연습을 통해 구체적으로 알아보십시오.

편안한 관계가 이미 형성되어 있고 클라이언트가 워크샵에 이미 익숙하므로 디자인 어휘를 구축하는 초기 어려움을 지나 바로 디자인을 평가하고 논의하는 단계로 이동할 수 있습니다.

결론

디자인 쇼핑 워크플로를 사용하면 신중하고 의미 있는 방식으로 공유된 디자인 용어와 기본 디자인 원칙으로 빠르게 이동할 수 있습니다. 캘리포니아를 가로질러 자동차 여행을 하는 것과 같습니다. 도로를 치기 전에 목적지와 경험하고 싶은 방법을 검토해야 합니다.

업계로서 우리는 항상 고객 교육에 대해 이야기하지만 고통 이 없을 뿐만 아니라 재미있는 방식으로 교육을 구성하는 경우는 거의 없습니다. DMV 팀이 받고 있는 압박의 정도를 고려할 때, 우리 팀이 마지막으로 하고 싶었던 것은 스트레스를 더 추가하는 것이었습니다. 더 많은 스트레스는 클라이언트 관계와 물론 디자인에 좋지 않은 결과로 이어지기 때문입니다.

기억해야 할 것은 재미에는 목적 이 있다는 것입니다. 갈등을 선제적으로 방지하기 위해 미래 커뮤니케이션에 대한 단체 동의를 얻고 있습니다. 이 워크숍의 시각적 특성은 또한 라이브 세션을 놓쳤을 수 있는 이해 관계자에게 가치를 더합니다. 그들이 쇼핑 활동을 다시 언급할 때, 어떤 방향으로 두 배로 줄여야 하고 무엇을 피해야 하는지는 분명합니다.

결국 디자인 쇼핑은 멋진 글꼴이나 색상을 쇼핑하는 것이 아니라 사려 깊은 디자인의 ROI(투자 수익)를 보여주는 데 더 중점을 둡니다. 창의적인 가능성을 접근 가능한 방식으로 공개적으로 논의할 수 있는 포럼을 만드는 것입니다.

제대로 수행되면 이 연습을 통해 고객에게 디자인이 실현된 실제 예 를 보여 주었기 때문에 고객이 진정한 잠재력 을 볼 수 있습니다. 추상이 이제 구체화되었습니다! 이러한 기반이 마련되면 가장 엄격한 비평가인 고객으로부터 창의적인 혁신과 자신감을 기대할 수 있습니다.

특별한 감사

Lea Alcantara(10up의 비주얼 디자인 디렉터), 내 디자인 괴짜 파트너(이 작업을 포함하여 10up의 고객을 위한 유용한 워크샵을 만드는 데 도움을 준), 추가 기사 수정 및 조사 완료에 감사드립니다!