fergo5002/design-research

디자인 리서치: 전문성 루프

도구: ddr <명령어> (설치 후, python tools/ddr.py install), 그 외의 경우 python <저장소>/tools/ddr.py <명령어> (<저장소>는 이 스킬의 실제(심볼릭 링크가 확인된) 폴더보다 두 단계 위에 있습니다).

당신은 열심히 살펴본 곳에서 잘 디자인하고, 그 외 모든 곳에서는 형편없이 디자인합니다. 이 스킬은 디자인을 시작하기 전에 특정 분야의 전문가가 되는 방법과, 그 전문성을 시간이 지나도 진실하게 유지하는 방법입니다. 결과물은 무드보드가 아닙니다. 그것은 도메인입니다: 당신이 이제 이해한 것에 대한 문서, 실제로 본 참고 자료 라이브러리, 그리고 그 증거로부터 계산된 신뢰도 점수입니다.

결정을 바꾸지 않는 리서치는 그냥 둘러보는 것입니다. 기록하지 않은 리서치는 사라진 것입니다. 둘 중 하나라도 제대로 하지 않았다면 리서치했다고 주장하지 마십시오.

0. 현재 위치 파악

ddr domain match "<브리핑을 한 문장으로>"

이 명령어는 분야(비즈니스 또는 대상 청중의 종류)와 패턴(플로우 또는 표면: 온보딩, 체크아웃, 예약, 가격 책정, 대시보드)을 각각에 대한 신뢰도와 함께 반환합니다. 그런 다음 ddr domain plan <슬러그> --stakes low|medium|high 명령어를 실행합니다:

난이도	사용 시기	목표 점수
낮음(low)	기존 시스템 내의 컴포넌트 또는 조정	35
중간(medium)	페이지, 플로우, 한 화면의 리디자인	55
높음(high)	새 사이트, 브랜드, 런칭, 비즈니스가 평가받는 모든 것	70

목표가 충족되면 ddr domain brief <분야> <패턴>을 읽고 디자인 디렉터로 돌아가십시오. 충족되지 않으면 아래 루프를 목표에 도달할 때까지, 또는 시간이 허락하는 한 최선을 다했고 얼마나 진행했는지 솔직하게 말할 수 있을 때까지 실행하십시오. 질문을 기다리지 마십시오. 사용자에게 한 줄로 알리십시오: "독립형 숙소에 대한 신뢰도가 12이므로 먼저 카테고리를 리서치하고 있습니다 (약 20개의 참고 자료)."

새로운 영역

일치하는 도메인이 없으면 새로 만드십시오. 참고 자료가 전이되는 수준을 선택하십시오: 요양원과 치과 진료소는 모두 '의료' 분야이지만 사이트는 거의 공유하는 것이 없으므로 별도의 분야입니다. 최고의 참고 자료 목록이 동일할 두 도메인은 하나의 도메인입니다.

ddr domain new independent-stays --kind sector --title "독립형 숙소" \
  --summary "직접 판매하는 셀프 케이터링 코티지, 게스트하우스 및 소형 호텔" \
  --keywords "셀프 케이터링,코티지,게스트하우스,b&b,부티크 호텔,휴가 임대" \
  --aliases "단기 숙박,휴가 렌탈"

키워드는 디자인 용어가 아닌 클라이언트가 사용할 단어입니다. 패턴은 여러 분야에 걸쳐 반복되며 자체적인 모범 사례가 있는 것입니다. 브리핑이 패턴에 초점을 맞출 때 패턴을 만드십시오. 서로 정보를 제공하는 도메인을 연결하고(ddr domain relate independent-stays booking --how "가격보다 먼저 가용성"), 두 개의 도메인이 실제로 하나로 판명되면 병합하고(ddr domain merge <from> <into>, 삭제되는 것은 없습니다), 두 개의 청중으로 성장한 도메인은 두 번째 도메인을 만들고 거기에 속하는 참고 자료를 이동하여 분할하십시오.

도구 목록

가장 좋은 도구를 우선 순위대로 사용하고, 어떤 도구를 사용했는지 명시하십시오:

작업	최선	차선
설명으로 후보 찾기	Exa MCP (ddr mcp --research 설정 안내)	자체 웹 검색, 카탈로그
특정 장소나 업종의 최고 독립 업체 찾기	Brave Search MCP 로컬 및 장소 검색	웹 검색 "<업종> 베스트 <마을>", 리뷰 사이트, 어워드 후보 목록
실제 제품 화면 및 플로우	Mobbin 또는 Refero MCP (유료)	공개 분석, 직접 플로우 따라가기
참고 자료 살펴보고 측정하기	ddr teardown <url> --into <slug>	Playwright 또는 Chrome DevTools MCP, 이후 스크린샷
안전하게 여정 따라가기	ddr teardown <url> --walk "지금 예약>가용성 확인"	Playwright MCP, 절대 어떤 것도 제출하지 않음
디자인 연도 확인하기	ddr history <url>, 이후 아카이브된 버전 분석	사이트 자체 뉴스 또는 출시 게시물
나란히 비교하기	ddr sheet --domain <slug> --with yours.png	ddr sheet a.png b.png c.png
브랜드 토큰 추출하기	Firecrawl MCP branding 형식	ddr teardown의 측정된 서체 및 팔레트

ddr teardown은 데스크탑 및 폰 첫 화면, 전체 페이지 및 스크롤 정지 프레임 스트립을 저장하고 라이브 페이지를 측정합니다: 설정한 텍스트 양에 따른 서체 및 크기, 페인트된 영역별 팔레트, 컨트롤 색상, 모서리 반경, 그림자, 섹션 패딩, 문단 너비, 모션(전환 타이밍, 스크롤 라이브러리, 비디오, 캔버스, 축소 모션 규칙), 빌드 스택, 내비게이션, 클릭 유도 문구 및 첫 화면 위에 있는지 여부, 생성 디자인 특징(재고 사본, 눈썹 문구, 그라데이션 텍스트, 글래스모피즘, 아이콘-카드 삼중 구조). 숫자는 평가를 구체적으로 만듭니다. 숫자가 실제로 보는 것을 대체하지는 않습니다: 이미지를 여십시오.

1. 영역 매핑

갤러리를 열기 전에 실제로 누가 최고인지 기록하십시오. 카테고리에서 최고는 해당 업계 사람들이 존경하는 비즈니스, 평판으로 승리하는 비즈니스, 그리고 카테고리가 모방하는 사이트를 가진 비즈니스입니다. 세 가지 방법으로 찾으십시오:

• 직접 (--angle direct): 이 정확한 카테고리에서 최강자 6~12개, 시장 상위권과 분명히 잘하고 있는 소규모 독립 업체 중에서. 웹 검색, 업계 언론, 카테고리 내 어워드 후보 목록, 카탈로그 사용 (ddr sources search "<카테고리>" -v).
• 선도 (--angle leader): 더 까다로운 고객을 위해 동일한 문제를 해결하는 인접 카테고리의 최고 작업 (코티지를 위한 부티크 호텔 그룹, 신용협동조합을 위한 프라이빗 뱅크).
• 외부 (--angle outside): 완전히 다른 분야에서 최소 2개의 참고 자료, 주제의 세계를 위해 선택 (인쇄된 가이드북, 건축 모노그래프, 메뉴, 영화 타이틀, 안내 표지판). ddr sources shuffle -n 4는 무작위 선택을 제공합니다.

갤러리(Awwwards, recent.design, Land-book)는 참고 자료가 아닌 실마리일 뿐입니다. 일간 선정보다는 연간 및 월간 어워드를 선호하십시오.

2. 제대로 살펴보기

참고 자료는 당신이 실제로 본 만큼만 가치가 있습니다:

--evidence	의미	가중치
search	이에 대해 읽거나 썸네일을 봄	1/4
visited	라이브 사이트를 로드하고 읽음	1
screenshot	렌더링하고 데스크탑 및 폰에서 픽셀을 봄	더 높음
flow	실제 여정을 따라감 (예약, 가입, 체크아웃)	가장 높음

각 진지한 후보를 분해하고 이미지를 여십시오:

ddr teardown https://a.example https://b.example --into <slug>

첫 화면과 스크롤 프레임을 보십시오. 숫자만 보지 마십시오. 최고 2~3개에 대해서는 ddr history <url>도 실행하십시오: 2019년 디자인으로 보이는 "신선한" 참고 자료는 이제 템플릿이며, 아카이브된 버전은 어떤 움직임이 새로운 것인지 보여줍니다. 브리핑과 일치하는 여정을 비용을 지불하거나 아무것도 제출하지 않고 가능한 한 멀리 따라가십시오. 로딩 화면이나 쿠키 배너는 디자인이 아닙니다. 기록하고 넘어가십시오.

사이트 이용약관이 자동화된 접근을 금지하는 경우 (카탈로그에서 agent_access = "scrape-no"), 사람처럼 탐색하고 visited를 기록하십시오. 유료 콘텐츠 화면이나 타인의 사진을 공개 저장소에 절대 복사하지 마십시오. 스크린샷은 절대 게시되지 않는 도메인 홈에 남아 있습니다.

3. 분해하고 기록하기

자리를 잡은 모든 참고 자료에 대해 즉시 기록하십시오. teardown.md의 측정값을 사용하십시오:

ddr domain ref add <slug> --name "이름" --url https://... --verdict exemplar \
  --angle direct --evidence screenshot --score 4 --shots shots/<호스트> \
  --take "가용성 달력이 핵심이며, 각 날짜 옆에 1박당 가격이 표시되고, 15px 압축 세리프로 설정됨" \
  --avoid "자동 재생 드론 비디오가 첫 번째 유용한 화면을 4초 지연시킴" \
  --tags layout:calendar-hero,type:serif-condensed

--take는 특정 움직임이며, 가능한 경우 값(크기, 색상, 타이밍, 실제 단어)을 포함합니다. "깔끔하고 현대적인"은 평가가 아닙니다. 점수를 정직하게 매기십시오: 5점은 디자인 방식을 완전히 바꿀 정도, 3점은 견고하고 전형적임, 2점을 줄 만한 것은 모범 사례가 아닙니다.

4. 형편없는 작업 찾기

3~5개의 반례를 찾으십시오 (--verdict counter --avoid "..."): 이 카테고리의 템플릿 사이트, 생성된 것처럼 보이는 사이트, 시대에 뒤처진 사이트. 이는 모범 사례만큼 가치가 있습니다. 이 카테고리의 형편없는 작업이 구체적으로 어떻게 생겼는지 보여주기 때문입니다. (design-director의 SLOP.md는 일반적인 설명만 제공할 수 있습니다.) 패턴을 문서의 카테고리 형편없는 작업 섹션에 기록하십시오. 해당 섹션이 존재할 때까지 신뢰도는 60으로 제한됩니다.

5. 문서 작성하기

$(ddr domain path <slug>)/dossier.md를 열고 본 내용을 바탕으로 각 섹션을 작성하십시오. 참고 자료 이름을 명시하고 구체적이고 독단적으로 작성하십시오:

• 대상: 누가 사용하는지, 무엇에 대해 불안해하는지, 무엇과 비교하는지.
• 최고의 사례: 최고 사이트들이 공유하는 움직임과 값.
• 유지할 관례: 사용자가 의존하는 것. 이것들을 예외적으로 잘 수행하십시오.
• 깨뜨릴 관례: 여기서 게으르거나 시대에 뒤처진 것, 그리고 그것을 대체할 것.
• 카테고리 형편없는 작업: 이 카테고리에서 생성된 템플릿 작업이 어떻게 생겼는지.
• 언어: 이 세계에 속하는 서체, 색상, 이미지, 음성 및 움직임과 그 이유.
• 미해결 질문: 아직 모르는 것과 그것을 알아낼 방법.

6. 큐레이션

ddr domain audit <slug> --online

이 명령어는 다음을 표시합니다: 오래된(1년 동안 보지 않음) 참고 자료, 약한(검색만) 참고 자료, 모순되는(2점을 준 모범 사례) 참고 자료, 죽거나 이동된 참고 자료, 또는 모두 한 각도나 한 출처에서 온 참고 자료. 모든 발견 사항에 대해 조치를 취하십시오: 다시 보고(ddr domain ref seen), 점수 재조정, 또는 이유와 함께 폐기(ddr domain ref retire <slug> <id> --reason "2026년에 템플릿으로 리디자인됨"). 폐기된 참고 자료는 공동묘지에 남아 조용히 다시 추가되지 않습니다. 라이브러리는 당신이 버릴 의향이 있는 만큼만 좋습니다.

7. 비교 후 점수 재조정

도메인의 최고 참고 자료로 연락처 시트를 만드십시오(ddr sheet --domain <slug> --n 6). 세트로 보십시오. 모두 비슷해 보이면 라이브러리가 하나의 아이디어에 수렴한 것이며, 다음 검색은 이를 반박하는 참고 자료를 찾아야 합니다.

8. 점수 재조정 및 결정

ddr domain status <slug>

점수, 모든 구성 요소, 모든 제한 및 이를 높일 수 있는 방법을 보여줍니다. 가장 큰 격차에 대해 난이도 목표가 충족될 때까지 루프를 반복하십시오. 그런 다음 사용자에게 한 줄로 결과를 알리십시오 ("독립형 숙소는 이제 58점: 14개 사이트 확인, 4개 반례, 형편없는 작업 기록 완료") 그리고 design-director의 1단계로 돌아가십시오.

깊이

노력을 난이도에 맞게 조정하고 수행한 작업을 명시하십시오:

• 낮음(low): 4~6개 참고 자료, 1개 반례, 형편없는 작업 라인 작성. 몇 분.
• 중간(medium): 세 각도 모두에서 8~12개 참고 자료, 3개 반례, 모든 문서 섹션. 1시간 미만.
• 높음(high): 15~25개 참고 자료, 최고 3개에 대한 플로우 확인, 4개 이상의 반례, 2개의 외부 참고 자료, 감사 통과. 필요한 만큼 시간 소요.

프로젝트는 여전히 .design/references.md에 자체적인 짧은 기록을 유지합니다: 이번 작업에서 결정을 바꾼 5~10개의 참고 자료, 각각 한 행, 변경된 결정과 함께. 도메인은 당신이 아는 것이고, 프로젝트 기록은 당신이 사용한 것입니다.

규칙

• 기술과 원칙을 빌리되, 인식 가능한 로고, 사진, 유료 폰트 또는 독점 일러스트레이션은 절대 사용하지 마십시오.
• 접근 실패(페이월, 봇 차단, 죽은 링크)를 추측하지 말고 기록하십시오: ddr domain log <slug> note "Revolut이 렌더러와 일반 요청을 차단했습니다".
• 실제로 보지 않은 참고 자료를 본 것으로 기록하지 마십시오. 점수는 당신이 얻지 못한 전문성을 주장하는 것을 막기 위해 존재합니다. 점수를 부풀리는 것은 그것의 유일한 목적을 무너뜨리는 것입니다.
• 카탈로그 항목이 죽었거나 잘못된 경우 ddr sources add로 수정하고 훌륭한 새 출처도 추가하여 다음 사람이 더 앞서 시작할 수 있게 하십시오.