신뢰 출처 집중

Source trust concentration

정보가 넘칠수록 소비자는 소수의 신뢰 가능한 출처에 더 의존할 수 있습니다.

···
html
<div class="sources"><div class="noisy"><i>AD</i><i>POST</i><i>CLAIM</i><i>REVIEW</i><i>FEED</i></div><div class="flows"><span></span><span></span><span></span></div><div class="trusted"><b>EXPERT</b><b>PEOPLE</b><b>AI TOOL</b></div><div class="foot">FEWER SOURCES CARRY THE DECISION</div></div>
css
@media(min-width:700px){body>div{transform:scale(1.45)}}.sources{width:min(90%,550px);font:800 clamp(10px,max(1.6vmin,1vw),12px)/1 sans-serif}.noisy,.trusted{display:flex;justify-content:space-between;gap:3px}.noisy i{font-style:normal;color:var(--muted);border:1px solid var(--line);padding:clamp(4px,1.5vmin,10px)}.flows{display:flex;align-items:center;justify-content:space-around;height:clamp(52px,17vmin,120px)}.flows span{width:17%;height:70%;border-left:3px solid var(--accent);border-right:3px solid var(--accent-2);transform:skewX(20deg);opacity:.25;animation:flow 3s ease-in-out infinite}.flows span:nth-child(2){transform:skewX(-12deg);animation-delay:.5s}.flows span:nth-child(3){transform:skewX(-25deg);animation-delay:1s}.trusted b{flex:1;text-align:center;background:var(--surface);border:2px solid var(--fg);padding:clamp(6px,2vmin,15px);box-shadow:3px 3px 0 var(--accent)}.foot{color:var(--muted);margin-top:clamp(9px,2vmin,17px);letter-spacing:.06em}@keyframes flow{0%,100%{opacity:.2;transform:scaleY(.6) skewX(15deg)}50%{opacity:1;transform:scaleY(1) skewX(15deg)}}

신뢰 출처 집중은 정보가 너무 많을 때 모든 주장을 검토하기보다 믿을 만한 출처 몇 곳을 기준으로 판단하는 현상입니다. BCG의 2026년 소비자 조사에서는 전문가, 가족·친구, AI 도구로 신뢰가 모이는 경향을 보고했습니다.

데모에서는 여러 메시지의 선이 세 가지 출처로 모입니다. 선의 굵기는 설명용이고 실제 소비자 비중이나 출처 순위를 뜻하지 않습니다.

브랜드가 신뢰 출처를 직접 통제할 수는 없습니다. 각 출처가 독립적으로 확인할 수 있는 사실, 상세 정보, 투명한 한계를 제공해야 합니다.

언제 쓰나

고객이 실제로 참고하는 독립 출처와 그 근거 접근성을 설계할 때 씁니다.

페이지로 열기 ↗