Chapter 4: Craft case studies: methods and tips
이제 케이스 스터디를 위한 블록들을 갖게 되었습니다. 이것들을 제작하는 방법들을 살펴보겠습니다.
방법 1: 기억에서 프로젝트 스토리 작성하기 (Write down your project story from memory)
시작하기 (Getting Started)
일을 시작하는 한 가지 방법은 케이스 스터디로 선택한 프로젝트에 대해 기억하는 모든 것을 적어보는 것입니다. 과거의 노트와 디자인 파일을 돌아보며 기억을 되살릴 수 있습니다.
자유로운 작성: 아직 최종 케이스 스터디를 작성하는 것이 아니므로, 이상하거나 어리석게 보여도 페이지에 무엇이든 적는 것을 두려워하지 마세요. 펜과 종이로 쓰거나 앱에서 작성하거나, 더 자연스럽게 느껴지는 방법을 사용하세요.
음성-텍스트 기능 활용: Apple Notes, TalkNotes 또는 다른 도구의 음성-텍스트 기능을 사용하여 구두로 스토리를 말하고 전사할 수도 있습니다.
목표: 무슨 일이 일어났는지 회상하고 그 스토리를 케이스 스터디로 바꾸는 것입니다.
실제 예시: 콘텐츠 앱의 평점 기능
프로젝트 배경: 몇 년 전 콘텐츠 앱 회사에 합류했을 때, 처음 작업한 프로젝트 중 하나가 평점 기능이었습니다. 초기 브리핑을 위해 두 명의 제품 관리자와 만났습니다.
핵심 질문들:
- 이것으로 무엇을 해결하고 있는가?
- 왜 지금인가?
- 어떤 메트릭에 영향을 줄 것인가?
문제 정의: 콘텐츠 시작이 "아하 순간"이고 활성화 여정의 중요한 이정표이므로, 사용자들이 이 단계를 더 자주 취하도록 돕는 것이 중요했습니다. 평점이 사용자들이 무엇을 읽거나 들을지 결정하는 데 도움이 되므로(Goodreads나 IMDb처럼), 평점 추가가 논리적인 다음 단계라고 결정했습니다.
성공 측정: 새로운 사용자들이 콘텐츠를 시작하도록 격려한 수로 평점 기능의 성공을 측정하기로 합의했습니다.
연구 과정:
- 기존 사용자들을 앱에서의 첫 경험에 대해 인터뷰하여 정성적 데이터 수집
- 유사한 기능에 대한 이전 노력 검색
- 시장의 다른 플레이어들이 어떻게 하고 있는지 연구
- 온라인에서 찾을 수 있는 추가 자료 검토
솔루션 개발: 사용자 여정의 세 가지 핵심 지점 식별:
- 홈 화면: 사용자가 어떤 콘텐츠를 열지 결정하는 데 도움
- 상세 페이지: 사용자가 그것을 소비할지 결정하는 데 도움
- 평점: 사용자가 소비한 후
모든 지점에서 빈 상태(아직 평점이 없음)와 채워진 상태(평점이 있음)를 고려해야 했습니다.
검증 과정:
- 콘텐츠 시작률 증가 목표 달성에 얼마나 도움이 되는지
- 편집팀이 콘텐츠 개선을 위한 피드백을 받는 데 얼마나 도움이 되는지
- 현재 시스템에 얼마나 잘 통합되는지(엔지니어들과도 확인)
사용자 테스트:
- usertesting.com을 사용하여 타겟 오디언스에서 5명의 사용자 모집
- 비조절 테스트로 진행하여 병렬 작업 가능 및 시간대 걱정 불필요
- 테스트 결과는 도움이 되었지만 결정적이지 않았음
최종 구현:
- 엔지니어들과 디자인 리뷰 후 홈 화면 변경이 너무 많은 노력이 필요하다고 판단
- 첫 번째 버전에서는 홈 화면 없이 나머지 플로우만 구현
- 기능 출시 후 콘텐츠 시작률 5% 증가 달성
케이스 스터디로 변환하기
상세한 프로젝트 스토리를 케이스 스터디로 변환하는 과정에서 케이스 스터디 캔버스를 사용:
1. 제목 + 부제목
- 제목: Acme Ratings
- 부제목: How displaying social proof led to a 5 percent activation increase
2. 최종 결과 미리보기 평점이 표시된 Acme 상세 페이지
3. 역할, 팀, 연도, 타임라인
- 역할: 평점 기능 디자인 리드, 2명의 제품 관리자와 iOS/Android 모바일 엔지니어 2명과 긴밀히 협업
- 연도: 2024
- 기간: 2주
4. 도전과제 Acme는 논픽션 책 요약 형태의 교육 콘텐츠를 제공합니다. 제품 경험의 "아하 순간"은 콘텐츠를 시작하는 것입니다. 당시에는 새로운 사용자의 1/3만이 그 행동을 수행했습니다.
도전과제들:
- How might we help users start a content piece more often?
- How might we inform the editorial team on the quality of the content in the app?
5. 현상 유지 (Status Quo) 새로운 기능에 대한 케이스 스터디이므로 "현상 유지"는 관련이 없으며, 일부 정보는 도전과제 섹션에서 공유되었습니다.
6. 프로세스
- 새로운 사용자들이 콘텐츠를 시작하도록 격려한 수로 성공 측정 합의
- 기존 사용자들을 콘텐츠 선택 방법과 시작을 막는 요인에 대해 인터뷰
- 사용자 여정 매핑
- 평점 기능에 초점을 맞춘 다양한 옵션 탐색
- 타겟 오디언스 5명과 프로토타입 테스트
7. 솔루션 (최종 결과 쇼케이스) 사용자 여정 전반에 걸친 최종 결과
8. 임팩트 평점 기능 추가로 콘텐츠 시작률 5% 증가, 활성화율 증가로 이어짐
9. 배운 점들 계획된 범위가 첫 번째 반복에는 너무 야심적이라는 것이 디자인 리뷰에서 명확해졌습니다. 때로는 원래 구상했던 것보다 작은 덩어리를 출시하여 배우고 수집된 데이터를 바탕으로 반복하는 것이 괜찮습니다.
방법 2: 작업 일지 유지하기 (Keep a work journal)
실시간 기록의 중요성
케이스 스터디를 작성하고 디자인할 때, 몇 달 전에 일어난 일이라도 모든 우여곡절을 기억하기 어려울 수 있습니다. David Hoang (Replit VP of Marketing and Design)은 작업이 여전히 진행 중일 때 케이스 스터디를 작업할 것을 권장합니다.
도구 선택 (Tool Selection)
디지털 도구 권장: 검색과 미래 케이스 스터디를 위한 데이터 재사용이 더 쉬워집니다.
도구 예시:
- Notion (구조화된 노트용)
- Apple Notes (일상적인 노트용)
- Bear App, Obsidian, Reflect, Google Docs
기록 방법 (Recording Method)
프로젝트 시작 시:
- 새 노트나 문서 시작
- 프로젝트 이름, 시작 날짜, 역할 기입
- 킥오프 진행 상황 기록
일일 기록: 그날 한 1-2가지 주요 행동을 설명합니다. 매일 몇 줄이면 충분합니다.
스탠드업 형식 활용:
- 어제 무엇을 작업했는가?
- 오늘 무엇을 할 것인가?
- 어떤 장애물이나 도전과제가 있는가?
피드백 기록: 관리자, 팀원, 사용자, 고객으로부터 받은 좋은 피드백을 기록하여 케이스 스터디 작성 시 자신감 향상에 도움이 됩니다.
프로젝트 종료 시: 어떻게 마무리되었는지, 출시되었는지, 결과는 무엇인지, 어떤 배움을 얻었는지 설명합니다.
방법 3: 여러 회사 프로젝트를 하나의 케이스 스터디로 결합하기 (또는 여러 개로 분할하기)
선택지 (Options)
옵션 1: 주요 프로젝트들을 하나의 케이스 스터디에 넣기
- 처음부터 구축하고 다양한 문제를 해결하는 디자이너의 능력을 중시하는 스타트업을 타겟으로 할 때 특히 효과적
- 포트폴리오에 케이스 스터디가 하나만 있게 된다면 두 번째 옵션을 선택하는 것이 현명
옵션 2: 프로젝트들을 다른 케이스 스터디로 분할하기
- 큰 제품의 다른 제품 영역에서 작업했고 포트폴리오에 더 많은 케이스 스터디를 원할 때 적합
- 각 케이스 스터디에 회사와 도전과제에 대한 관련 정보를 포함해야 함
여러 프로젝트 결합 구조화 방법
첫 번째 방법: 해결하고 있던 주요 도전과제들을 나열하고 솔루션을 안내하기
두 번째 방법: 전체적인 맥락을 설명하고 작업한 주요 프로젝트들에 대해 이야기하기 - 더 큰 케이스 스터디 우산 아래의 미니 케이스 스터디들
제한사항: 도전과제를 5개로 제한하여 독자가 여러 도전과제의 맥락을 이해하는 데 부담을 주지 않도록 합니다.
PandaDoc 예시
맥락 설정: "2015년에 PandaDoc의 주요 제품 디자이너로 일했습니다. PandaDoc은 비즈니스 사람들이 문서를 관리, 구축, 추적, 서명하는 데 도움이 되는 소프트웨어입니다. 제품이 이미 2년간 존재했으므로, 제가 처음부터 디자인하는 것이 아니라 전반적인 사용자 경험 개선과 고객에게 가치 있는 새로운 기능 생성에 집중했습니다."
기능별 구조:
도전과제: Building a document from scratch takes too long for new users, delaying the aha moment—getting it signed digitally.
솔루션: Help new users get started quickly with an extensive library of templates and by importing their existing docs into PandaDoc.
임팩트: Solving this helped increase the number of signed documents per new user by 12 percent.전체 임팩트 결론: "PandaDoc은 Google Docs와 Sheets의 첫 번째 공식 애드온 중 하나가 되었고 지난 4년간 약 3천만 달러를 조달했습니다. 영업 및 마케팅 관리자들은 돈과 시간을 절약할 수 있게 해주므로 이를 좋아합니다."
케이스 스터디 팁들 (Case Study Tips)
핵심 내용을 앞에 배치하기 (Place the bottom line up front - BLUF)
BLUF 프레임워크: 메시지의 목적과 필요한 행동을 전달하는 프레임워크입니다.
미군 문서에서 유래: "군대 글쓰기는 간결하고 조직적이며 요점을 명확히 해야 합니다. 두 가지 필수 요구사항은 주요 요점을 서신의 시작 부분에 두는 것(핵심 내용 우선)과 능동태 사용입니다."
적용 방법: 솔루션, 도전과제, 임팩트를 즉시 제시하고, 그 후에 역할, 프로세스, 나머지에 대해 이야기합니다.
구조: 각 단락의 첫 번째 문장이 그 단락의 정보를 요약합니다.
트렌디보다는 관련성 있는 영감 수집하기 (Collect relevant over trendy inspiration)
전략적 영감 검색 방법:
- 일하고 싶은 회사와 업계의 디자이너 찾기
- 온라인에서 이용 가능한 포트폴리오 분석
- 당신과 같은 레벨이거나 한 단계 위의 디자이너에서 영감 얻기
- 포트폴리오의 매체에 주의 기울이기
비판적 사고: 시각적으로 아름다운 포트폴리오에서 영감을 받고 같은 수준의 크래프트를 위해 노력하는 것은 유혹적이지만, 이런 영감이 항상 도움이 되는 것은 아닙니다.
Kevin Twohy의 예시: 독립 스튜디오 웹사이트가 일반적인 에이전시나 포트폴리오 웹사이트 구조를 따르지 않습니다. 대부분의 고객이 추천을 통해 오므로, 개인적인 스토리가 미래 관계에 더 많은 실질적 내용을 추가합니다.
적절한 프로세스만 보여주기 (Show just enough process)
시간 제약: 고용 관리자는 약 30초 동안 케이스 스터디를 훑어봅니다. 주어진 역할에 대해 2-3주에 걸쳐 200-300개의 지원서를 받습니다.
과도한 프로세스 피하는 방법:
1. 보여주는 프로세스 큐레이션
- 디자인 프로세스의 단계나 아티팩트를 보여주고 싶다면, 스토리에 추가할 가치와 나머지에서 빼앗을 시간을 생각해보세요
- 와이어프레임이 필요한가? 중요한 역할을 했는가?
- 워크샵 스크린샷이 필요한가? 팀 정렬을 도울 수 있다는 것을 전달하기 위한 것인가?
2. 스캔 가능성 최적화
- NN Group에 따르면 페이지의 모든 단어를 읽는 사람은 16%에 불과합니다
- 명확한 헤드라인 도입과 스토리를 도와주는 시각 자료 포함이 중요
유명 회사 디자이너들이 프로세스를 적게 보여주는 이유:
- NDA로 인해 더 많은 세부사항을 공개적으로 공개할 수 없음
- 온라인 케이스 스터디를 포트폴리오 리뷰 프레젠테이션의 "전채요리"로 사용
- 비주얼 디자인 전문
- 업계에서 이미 명성이 있어 웹사이트가 취업 도구보다는 작업 컬렉션으로 작동
- 구직 중이 아니어서 케이스 스터디에 노력을 기울이지 않음
RRR-ness 기반으로 케이스 스터디 순서 정하기 (Order case studies based on RRR-ness)
포트폴리오 ≠ 이력서: 포트폴리오는 이력서와 다른 규칙을 따를 수 있습니다. 최신순으로 케이스 스터디를 정렬할 필요가 없습니다.
전략적 배치: 고용 관리자가 포트폴리오에 도착하면 스크롤을 시작하고 보는 첫 번째 케이스 스터디를 열 수 있습니다. 가장 RRR한 케이스 스터디를 상단에 배치하여 더 흥미롭게 만들고 최고의 작업을 보게 합니다.
콘텐츠 현지화하기 (Localize your content)
언어 일치: 포트폴리오 언어가 지원하는 회사의 언어와 일치하지 않는 것은 흔한 실수입니다.
번역 필요성: 프랑스어권 국가에서 프랑스어 사용자를 위한 제품에서 일했고 미국의 역할에 지원하고 싶다면, 디자인과 목업을 포함하여 케이스 스터디를 영어로 번역하는 것이 좋습니다.
NDA 작업을 패스워드로 보호하기 (Put NDA work under password)
비공개 작업: 모든 작업을 공개적으로 보여줄 수는 없습니다. 온라인 포트폴리오의 경우, 그런 케이스 스터디를 패스워드로 보호하고 취업 지원 시 패스워드를 포함하는 것이 도움이 될 수 있습니다.
Simon Pan의 예시 (Google Senior Staff Designer): "비공개 계약을 준수하기 위해, 이 케이스 스터디에서 기밀 정보를 생략하고 난독화했습니다. 이 케이스 스터디의 모든 정보는 제 개인적인 것이며 반드시 Uber의 견해를 반영하는 것은 아닙니다."
그냥 시작하기 (Just start)
압도감 극복: 케이스 스터디를 시작하는 것이 압도적으로 느껴질 수 있습니다. 많은 작업과 명확성 부족처럼 보일 수 있지만, 시작만 하면 해결할 수 있습니다.
시작 방법:
- 노트북, 노트 앱, 또는 친구에게 보내는 메시지로 가장 자연스럽게 느껴지는 방식으로 생각을 적어보세요
- 새로운 디자인 프로젝트에 접근하는 방식과 같이: 시작하기 위해 상세한 사용자 스토리가 필요한가, 머리를 맑게 하기 위해 블록 주위를 걸어야 하는가, 아니면 즉시 Figma를 열고 시작해야 하는가?
저자의 접근법:
- 며칠 동안 케이스 스터디에서 말하고 싶은 것에 대해 생각 (종이에 아무것도 적지 않고)
- 종이 노트북을 열어 몇 가지 핵심 시각 자료 스케치
- 케이스 스터디에 포함하고 싶은 시각 자료 수집 (관련 디자인 파일 검토)
- 온라인 포트폴리오용이라면 노코드 도구(현재 Readymag) 열기
- 이전 케이스 스터디의 페이지를 템플릿으로 사용하여 콘텐츠 채우기
실행 항목들 (Action Points)
- 방법 선택: 케이스 스터디 작성을 위한 방법 중 하나를 선택하세요.
- 초안 작성 및 디자인: 초안을 작성하고 케이스 스터디를 디자인하세요 (도구와 형식은 챕터 8 확인).
- 영감 수집: 필요한 경우 관련 케이스 스터디 영감을 수집하세요.
- 콘텐츠 번역: 필요한 경우 관련 언어로 콘텐츠(목업, 디자인, 플로우)를 번역하세요.
- 그냥 시작하기: 시작하세요!
