CTA
cta 테스트 목적 CTA는 사용자가 다음 행동을 선택하는 지점입니다. 너무 약하면 눈에 띄지 않고, 너무 강하면 본문을 압도합니다. 확인 항목 행동 문구가 짧고 분명한가 보조 설명이 있더라도 주 행동을 가리지 않는가 외부 링크와 내부 링크가 구분되는가 예시 구조 검토 요청 평일 기준 1영업일 내 확인 ...
blog
이 페이지는 최신 글, 대표 글, 아카이브로 이어지는 허브 페이지입니다.
cta 테스트 목적 CTA는 사용자가 다음 행동을 선택하는 지점입니다. 너무 약하면 눈에 띄지 않고, 너무 강하면 본문을 압도합니다. 확인 항목 행동 문구가 짧고 분명한가 보조 설명이 있더라도 주 행동을 가리지 않는가 외부 링크와 내부 링크가 구분되는가 예시 구조 검토 요청 평일 기준 1영업일 내 확인 ...
{{< cta kind="" label="" href="" ref="" intent="" priority="" surface="" size="" tone="" align="" target="" rel="" note="" subtitle="" aria_label="" badge="" tracking_id="" analytics_event="" id="" class="" compact="" disabled="" >}}
자세히 보기 {{< cta kind="default" label="자세히 보기" href="/contact/" ref="" intent="generic" priority="secondary" surface="after-content" size="md" tone="neutral" align="center" target="_self" rel="" note="" subtitle="" aria_label="" badge="" tracking_id="" analytics_event="" id="" class="" compact="false" disabled="false" >}}
OFFICIAL외부 문서 열기공식 문서 새 창에서 열립니다 <!-- CTA shortcode keys (known preset / enum-like values) kind (known presets used in this pack): default | external | related | consult | download | newsletter | trial | price_check | utility | custom | copy | internal | custom_offer unknown kind examples fall back to default behavior. priority: primary | secondary | tertiary | utility surface: inline | hero | in-content | after-content | footer | sidebar | header size: xs | sm | md | lg | xl tone: brand | accent | neutral | muted | success | warning | danger align: left | center | right | stretch target: _self | _blank --> {{< cta kind="external" label="외부 문서 열기" href="https://example.com/docs" ref="/blog/" intent="external" priority="primary" surface="hero" size="lg" tone="brand" align="center" target="_blank" rel="noopener noreferrer" note="새 창에서 열립니다" subtitle="공식 문서" aria_label="외부 문서 열기" badge="OFFICIAL" tracking_id="cta-docs-hero" analytics_event="cta_docs_open" id="cta-docs-hero" class="is-promo" compact="true" disabled="false" >}}
taxonomy term 테스트 목적 term 페이지는 하나의 분류 안에 묶인 글을 적절한 밀도로 나열해야 합니다. 분류명만 보이고 글 목록이 깨지면 의미가 없습니다. 확인 항목 term 제목이 분명한가 관련 글 목록의 밀도가 적절한가 메타 정보가 지나치게 길지 않은가 기대 결과 사용자는 term 페이지에서 주제를 한 번 더 확인하고, 다음 글로 자연스럽게 이동할 수 있어야 합니다. ...
taxonomy list 테스트 목적 카테고리와 태그의 목록 허브가 값이 없을 때도 화면을 깨지 않는지 확인합니다. 확인 항목 term이 많아졌을 때 정렬이 유지되는가 빈 상태 메시지가 적절한가 다국어에서 taxonomies가 같은 문맥으로 보이는가 기대 결과 taxonomy list는 글을 모으는 허브이면서, 항목이 없을 때도 안내만 남기고 붕괴되지 않아야 합니다. ...
spacing layout 테스트 목적 spacing은 요소 간 거리뿐 아니라 페이지의 호흡을 결정합니다. 같은 페이지 안에서도 섹션과 카드와 본문이 서로 다른 리듬을 가져야 합니다. 확인 항목 제목과 본문 사이 간격이 일관적인가 카드 목록의 밀도가 적절한가 모바일에서 여백이 너무 좁거나 넓지 않은가 판정 간격이 일정하면 정보 계층이 보이고, 간격이 무너지면 아무리 좋은 콘텐츠도 조립품처럼 보입니다. ...
search 테스트 목적 검색은 기능이 보이지 않을 때도 많지만, 막상 사용하면 UI 품질이 바로 드러나는 페이지입니다. 입력 상태, 결과 없음, 결과 목록을 모두 확인합니다. 확인 항목 검색 입력이 명확하게 보이는가 결과 없음 상태가 무너짐 없이 표시되는가 결과가 많아져도 정렬과 탐색이 가능한가 언어별 검색이 예상한 대로 동작하는가 기대 결과 검색은 조용하지만 신뢰가 높아야 합니다. 아무 결과가 없어도 사용자가 다음 행동을 선택할 수 있어야 합니다. ...
verification log 목적 이 문서는 랩 검증 중에 남기는 결과 기록입니다. 언제 무엇을 확인했고, 무엇이 통과 또는 실패였는지를 간단하지만 재현 가능하게 적습니다. 기록 항목 항목 내용 날짜 검증한 시점 범위 확인한 섹션과 페이지 결과 통과 / 주의 / 실패 메모 재현 가능한 참고 사항 예시 메모 20-page-types: home과 section list가 정상 30-components: buttons와 cards는 통과 40-markup-rendering: raw HTML은 주의 필요
related posts 테스트 목적 관련 글은 추천 알고리즘이 아니라 문맥 연결입니다. 비슷한 주제의 글이 너무 멀어지지 않게 배치되어야 합니다. 확인 항목 현재 글과 의미적으로 가까운가 제목과 설명이 중복되지 않는가 항목 수가 과하지 않은가