YouTubeStanford Online·2026년 7월 31일·0

Stanford CS547 HCI Seminar

Quick Summary

Show It or Tell It?에 대한 답은 하나를 고르는 것이 아니라, 과제·사용자·맥락에 따라 텍스트, 시각화, 그리고 결합의 역할을 다르게 설계하는 것이다.

영상 보기

클릭 전까지는 가벼운 미리보기만 먼저 불러옵니다.

원본 열기

🖼️ 인포그래픽

Stanford CS547 HCI Seminar 내용을 설명하는 본문 이미지

🖼️ 4컷 인포그래픽

Stanford CS547 HCI Seminar 내용을 설명하는 본문 이미지

💡 한 줄 결론

Show It or Tell It?에 대한 답은 하나를 고르는 것이 아니라, 과제·사용자·맥락에 따라 텍스트, 시각화, 그리고 결합의 역할을 다르게 설계하는 것이다.

📌 핵심 요점

  1. 텍스트와 시각화는 서로 다른 정보를 잘 전달한다. 텍스트는 구체적인 수치와 조건을 정확하게 기억하는 데 유리했고, 시각화는 요약 통계가 감추는 공간적 구조와 전체 추세를 파악하는 데 강점을 보였다.
  2. 두 형식을 함께 놓는다고 자동으로 이해가 향상되지는 않는다. 캡션이 시각적으로 두드러진 특징과 일치하면 메시지가 강화되지만, 서로 어긋나면 경쟁이 발생한다. 참가자들이 결합 화면에서도 한쪽 형식만 선택해 처리한 사례는 물리적 병치와 인지적 통합이 다르다는 점을 보여준다.
  3. 적절한 텍스트의 양과 의미 수준은 사용자에 따라 달라진다. 풍부한 제목·부제·주석을 선호하는 경향이 나타났지만 텍스트만 원하는 집단과 텍스트를 거의 원하지 않는 집단도 존재했다. 시각장애·저시력 사용자에게 필요한 구체적 값은 시각이 있는 사용자에게 중복 정보가 될 수 있었다.
  4. 결합 효과는 과제와 인지 과정에도 좌우된다. 직관적인 예측에서는 시각적 패턴이 판단을 지배해 텍스트 주석이 결과를 거의 바꾸지 못했지만, 주석은 차트 작성자의 편향을 인식하는 데 영향을 줬다. 이중 부호화는 상호 보완 가능성을 설명하는 반면, 인지 부하 이론은 두 채널의 경쟁 가능성을 설명한다.
  5. 비전·언어 모델은 이미지와 텍스트를 토큰화한 뒤 통합 임베딩이나 교차 주의로 결합한다. 다만 이러한 기계적 결합이 인간의 이중 채널 처리와 실제로 대응한다는 주장은 아직 열린 가설이며, 강연은 이를 확립된 결론이 아니라 후속 연구 문제로 제시한다.

🧩 배경과 문제 정의

  • 시각화는 요약 통계만으로 드러나지 않는 공간적 관계를 보여주지만, 시각화 연구와 디자인 관행에서는 제목·레이블·주석 같은 언어 요소를 오랫동안 부차적으로 다뤄 왔다.
  • 핵심 과제는 하나의 메시지 안에서 텍스트와 시각화가 각각 어떤 정보를 담당해야 하는지, 그리고 텍스트의 위치·유형·분량을 어떻게 정할지다.
  • 텍스트와 시각적 특징이 미치는 영향은 돌출성, 의미 수준, 접근성 요구에 따라 달라진다. 많은 사용자가 풍부한 텍스트를 선호한다는 연구 결과는 미니멀리즘 중심의 디자인 원칙과 충돌한다.

🕒 시간순 섹션별 상세정리

1. 텍스트와 시각화의 결합이라는 장기 연구 과제

  • 텍스트와 시각화가 각각 어떤 정보를 담당하고, 두 표현을 어떻게 결합해야 하는지가 핵심 문제다. [00:21]
  • 1995년 박사논문에서는 검색어가 문서의 어느 위치에 등장하는지 시각화해 검색 결과를 비교했지만, 이 방식이 효과적이지 않았던 이유는 분명히 밝혀지지 않았다. [00:38]

2. 통계량 너머의 공간 구조와 누락된 언어

  • 정보 시각화는 정보를 체계적인 공간 관계로 변환해 데이터 구조를 시각적으로 비교하게 하는 외부 표현이다. [02:06]
  • 앤스컴 콰르텟은 평균·분산·상관관계가 같아도 그래프로 표현하면 데이터 구조가 전혀 다를 수 있음을 보여준다. [02:16]

3. 차트 기억을 좌우하는 텍스트와 설계 선택

  • ‘Beyond Memorability’ 실험은 참가자가 여러 차트를 본 뒤 무엇을 회상하는지 분석해 시선과 기억을 끄는 요소를 비교했다. [03:33]
  • 제목은 차트를 처음 볼 때 가장 오래 응시되고 회상에서도 가장 자주 언급됐으며, 레이블과 문단이 그 뒤를 이었다. [03:47]

4. 캡션과 시각적 돌출성의 경쟁

  • 차트에서 시각적으로 가장 두드러진 부분과 캡션이 강조하는 부분이 다를 때, 독자가 무엇을 핵심으로 받아들이는지가 실험의 초점이었다. [04:40]
  • 인공 차트의 특징을 빨강·초록·파랑 순으로 두드러지게 만들고, 캡션이 서로 다른 중요도의 특징을 가리키도록 설계했다. [05:05]

5. 접근성에 따라 달라지는 텍스트 의미 수준

  • 시각장애·저시력 사용자를 위한 대체 텍스트 연구는 차트 설명을 네 가지 의미 수준으로 구분해 집단별 요구를 비교했다. [06:36]
  • 높은 수준은 금융위기 같은 외부 원인, 중간 수준은 장기 추세, 낮은 수준은 특정 지점의 값처럼 차트에서 직접 확인되는 정보를 담는다. [07:10]

6. 텍스트 분량 실험과 미니멀리즘의 한계

  • 실험은 텍스트가 거의 없는 차트, 제목만 있는 차트, 제목·부제·주석이 풍부한 차트, 텍스트만 있는 화면을 비교했다. [08:42]
  • 시각적으로 두드러진 영역과 네 가지 의미 수준의 텍스트를 조합하고, 전문 디자이너가 제목·데이터 지점·추세 주변에 문구를 배치했다. [09:29]

7. 텍스트 주석이 예측과 편향 인식에 미치는 영향

  • 두 기업의 시장점유율 차트는 청색 기업의 현재 우위와 녹색 기업의 상승 추세가 대비되도록 설계됐으며, 미래 우위에 대한 예상도 약 50 대 50으로 갈렸다. [12:39]
  • 녹색 기업의 점유율이 계속 증가했다는 문구를 추가해도 예측은 거의 달라지지 않아, 시각적 패턴에 근거한 판단이 텍스트에 쉽게 흔들리지 않음을 보여줬다. [13:27]

8. 언어와 시각화가 비교를 표현하는 방식의 차이

  • 카메라 비교문에는 자신의 XTi 사용 편의성, 친구들의 D80 선호, 작은 렌즈를 사용하는 시간 비중이 함께 담겨 있어 단일한 우열로 환원하기 어렵다. [15:35]
  • 단어 출현만 추출하면 D80에 대한 실제 선호 방향을 놓칠 만큼, 언어적 비교에는 대상·조건·관점이 복잡하게 얽혀 있다. [15:42]

9. 모호한 표현을 데이터 분포에 연결하는 방법

  • ‘키가 큰 건물을 보여 달라’는 질의를 처리하려면 무엇을 크다고 분류할지 정해야 하며, 그 경계는 절대 높이보다 전체 분포에 좌우된다. [16:41]
  • 값이 점진적으로 증가하면 경계에 대한 의견이 갈리지만, 큰 도약이 한 번 나타나면 합의가 높아지고 여러 단이 있으면 다시 모호해진다. [17:07]

10. 모바일 질의응답에서 차트 맥락의 가치와 부담

  • 역도 15개와 태권도 8개를 비교하는 답변은 텍스트만 제시하거나, 두 막대를 나란히 배치하거나, 전체 항목에서의 위치까지 보여주는 방식으로 구성할 수 있다. [19:15]
  • 참가자들은 주변 맥락을 제공하는 여러 막대를 선호했지만, 41%는 이처럼 단순한 비교에는 시각화가 전혀 필요하지 않다고 답했다. [19:52]

11. 텍스트 단독 선호와 결합 방식의 한계

  • 텍스트만 선호한 비율은 모바일 비교에서 41%, 복잡한 데이터 사례에서도 14%에 달해, 시각화가 항상 기본 선택은 아니었다. [21:46]
  • 베이즈 추론 과제에서는 텍스트 조건과 비율을 점으로 표현한 시각화 조건 사이에 정확도의 유의미한 차이가 나타나지 않았다. [22:27]

12. 구체적 수치와 전체 추세를 기억하는 방식의 차이

  • 뉴욕타임스 ‘You Draw It’형 과제에서는 참가자가 데이터를 먼저 예측한 뒤, 텍스트 또는 시각화로 제시된 정보를 얼마나 기억하는지 평가했다. [22:56]
  • 통계를 텍스트로 본 참가자는 구체적인 수치를 더 정확히 기억해, 정밀한 값의 회상에서는 텍스트가 유리했다. [23:20]

13. 텍스트 단독안과 문단 속 시각 요소의 방해

  • 시각화를 포함한 정보 디스플레이를 설계할 때도 텍스트 단독안을 비교 조건으로 검토해야 하며, 이를 반영하는 연구가 늘고 있다. [24:02]
  • 문단 중앙에 시각화를 배치하자 거의 모든 청중이 읽는 도중 시각 요소에 주의를 빼앗겼고, 삽입된 시각화는 독서 과제와 직접 경쟁했다. [25:03]

14. 주변시 미리보기와 유창한 읽기의 원리

  • 읽기는 오랜 교육을 통해 습득하는 기술이므로, 문자 배치와 자연스러운 시선 이동을 지원하는 디자인이 중요하다. [25:53]
  • 독자는 단어를 직접 응시하기 전부터 주변시로 일부 정보를 처리하며, 현재 응시점 주변의 글자에서 다음 단어를 예측할 단서를 얻는다. [25:59]

15. 링크·아이콘·워드 스케일 시각화의 읽기 비용

  • 하이퍼링크는 읽기 흐름에서 비교적 약하게 두드러지는 반면, 아이콘은 시선을 강하게 끌어 문장의 연속성을 끊는다. [27:16]
  • 단어 사이에 작은 그래프를 넣는 워드 스케일 시각화까지 더해지면 비문자 정보가 반복적으로 개입해 시선 흐름이 더욱 불안정해진다. [27:30]

16. 텍스트와 시각 정보를 함께 처리하는 이중 부호화 모델

  • 기존 연구는 서로 상충하는 결과를 보였으며, 시각화보다는 일반 이미지와 텍스트를 결합한 멀티미디어 학습에 더 집중해 왔다. [29:39]
  • 이중 부호화 이론은 시각 체계와 언어 체계가 독립적으로 동시에 작동하며, 두 양식을 결합하면 더 강한 정신 모형과 기억을 형성할 수 있다고 본다. [29:55]

17. 인지 부하와 텍스트 단독 선호의 원인

  • 이중 채널 관점에서는 차트와 텍스트가 상향식 지각과 하향식 지식을 함께 자극해, 상호 보완적으로 이해를 높일 수 있다. [32:13]
  • 반면 인지 부하 이론은 여러 채널의 동시 입력이 제한된 작업기억을 과부하시킬 수 있다고 본다. 문헌에는 이러한 보완 효과와 경쟁 효과를 각각 지지하는 결과가 모두 존재한다. [32:32]

18. 시스템 1·2에 따른 시각화 판단의 차이

  • 시스템 1은 통제된 주의 없이 자동으로 결론을 내리고, 시스템 2는 작업기억과 인지 통제를 사용해 천천히 판단한다. [34:01]
  • A와 B의 평균이 2와 2.2 중 어디에 가까운지 묻는 그래프에서는 시스템 1이 막대 위치만 빠르게 비교해 2를 선택하기 쉽다. [34:35]

19. 직관적 판단에서 텍스트 주석이 힘을 잃는 이유

  • 시스템 2는 하향식·상향식 주의를 함께 가동하고, 값을 검토·계산한 뒤 작업기억을 활용해 답을 도출한다. [36:01]
  • 직감적으로 미래 값을 고를 때는 시스템 1이 지배할 수 있어, 텍스트가 영향을 주려면 이미 형성된 시각적 직관을 하향식 처리로 뒤집어야 한다는 잠정적 가설이 드러난다. [36:25]

20. 비전·언어 모델이 던지는 정보 결합 문제

  • 논의는 인간의 텍스트·시각 결합에서 비전·언어 모델로 이동하며, 서로 다른 양식을 함께 인식하고 추론하는 내부 과정이 새로운 연구 질문이 된다. [36:56]
  • 비전·언어 모델은 이미지와 문장을 함께 받아 요소와 의미를 연결하고, 두 정보 양식을 바탕으로 답을 생성해야 한다. [37:40]

21. 이미지와 텍스트를 토큰으로 바꾸는 과정

  • 플라밍고 모델은 이미지·텍스트·정답 묶음을 반복해 입력받고, 마지막 묶음에서 비어 있는 정답을 텍스트로 예측한다. [39:19]
  • 입력에는 문장 시작 토큰, 이미지, 질문과 답변 텍스트가 순서대로 놓이며, 마지막 답변을 비워 다음 출력을 학습한다. [40:01]

22. 통합 임베딩과 교차 양식 구조

  • 통합 임베딩 구조는 시각 토큰과 텍스트 토큰을 각각 벡터화해 연결한 뒤, 일반 언어 모델처럼 다음 출력을 예측하도록 학습한다. [41:51]
  • 이미지의 픽셀 수는 텍스트의 단어 수보다 훨씬 많으므로, 시각 정보가 언어를 압도하지 않도록 이미지 임베딩의 차원과 규모를 줄여야 한다. [42:34]

23. 자기 주의와 마스킹된 교차 주의

  • 자기 주의는 같은 문장 안의 단어들이 서로를 참조하게 해, ‘존’과 ‘그것’처럼 떨어진 표현 사이의 관계를 해석한다. [44:23]
  • 교차 주의는 서로 다른 시퀀스 사이에 정보가 흐르게 하며, 텍스트가 이미지 토큰을 참조하도록 시각·언어 행렬을 연결한다. [44:37]

24. 층별로 달라지는 시각·언어 정보의 역할

  • 모델마다 두 양식을 결합하는 방식이 다르며, 층별 분석을 통해 텍스트와 시각 정보가 답변 형성에 기여하는 단계를 구분할 수 있다. [46:24]
  • LLaVA 계열의 통합 임베딩 구조를 단순화한 분석에서는 약 32개 층을 5개로 축약하며, 하위 층이 이미지 전반의 정보를 언어 은닉 표현으로 전달한다. [46:48]

25. 텍스트·시각화 결합의 핵심 결론과 남은 연구 범위

  • 시각화에 적절한 텍스트를 더하면 결과가 향상될 수 있지만, 그 효과는 텍스트의 품질에 달려 있다. [48:06]
  • 텍스트와 시각화의 상호작용을 설명하는 인지 모델은 아직 부족하지만, 머신러닝 모델은 두 표현 방식의 접점을 탐구할 새로운 가능성을 제시한다. [48:11]

26. 슬라이드의 인지적 부조화와 시간 통제 문제

  • 텍스트·시각화·결합 형식에 대한 선호는 책과 슬라이드처럼 정보를 접하는 맥락에 따라 달라지며, 슬라이드의 과도한 텍스트를 피하라는 지침과 긴장 관계를 만든다. [48:44]
  • 인지적 적합성 이론에 따르면 언어와 시각 표현은 서로 일치하면서 과제에도 적합해야 하며, 슬라이드 문구와 발화가 어긋나면 주의가 분산된다. [49:29]

27. 과제와 설계에 따라 달라지는 결합 효과

  • 텍스트가 많은 형식을 선호하더라도 두 표현의 정보가 실제로 통합되는 것은 아니며, 텍스트에서는 핵심 통계가, 시각화에서는 전체 추세가 주로 기억됐다. [51:12]
  • 시스템 1·2 연구는 시각 표현만 다뤘으므로, 텍스트와 시각화가 함께 제시될 때 정보가 통합되는 과정까지 연구 범위를 확장해야 한다. [52:04]

28. 문서 속 그림 배치와 시선 분산 검증

  • 문단 사이의 그림이 독자의 목표 지점처럼 작용해 읽기 속도를 높이는지, 보고서와 읽기 자료에서 이를 의도적으로 활용할 수 있는지는 추가로 검증해야 할 문제다. [54:54]
  • 관련 연구는 아직 초기 단계이며, 기존 결과 역시 그림 삽입이 긍정적인 효과를 낸다는 결론을 뒷받침하지 않을 가능성이 있다. [55:24]

🧾 결론

  • 텍스트와 시각화 중 보편적으로 우월한 형식은 없다. 정확한 값, 전체 추세, 주변 분포, 접근성, 화면 크기와 같은 과제 조건에 따라 적합한 표현이 달라진다.
  • 미니멀리즘을 일률적인 원칙으로 적용하기보다, 독자가 메시지를 이해하는 데 필요한 제목·레이블·주석을 의도적으로 제공해야 한다. 단, 텍스트의 품질과 시각 요소와의 정렬이 전제돼야 한다.
  • 좋은 결합 설계는 같은 정보를 반복하는 것이 아니라 역할을 분담한다. 시각화가 패턴과 관계를 보여준다면 텍스트는 정확한 값, 조건, 해석의 범위와 필요한 맥락을 보완해야 한다.
  • 선호도와 실제 성과는 구분해야 한다. 풍부한 텍스트를 선호했다는 결과만으로 이해도·정확도·기억력이 모두 향상된다고 단정할 수 없다.
  • 문단 안의 아이콘이나 소형 시각 요소가 읽기 유창성을 방해한다는 주장, 그리고 인간과 멀티모달 모델의 정보 통합 과정이 유사하다는 주장은 추가 실험과 검증이 필요한 영역이다.

📈 투자·시사 포인트

  • 데이터 분석·시각화 제품을 평가할 때는 차트 생성 기능만이 아니라 제목, 주석, 대체 텍스트, 세부 수치와 전체 맥락을 사용자별로 조절할 수 있는지도 살펴볼 필요가 있다.
  • 접근성은 단일 대체 텍스트를 덧붙이는 문제로 축소하기 어렵다. 구체적 값, 추세, 외부 맥락을 의미 수준별로 제공하고 사용자가 필요한 설명을 선택하게 하는 설계가 중요한 제품 평가 기준이 될 수 있다.
  • 멀티모달 AI에서는 이미지와 텍스트를 입력받는다는 사실보다, 두 양식 중 어느 정보가 어떤 층에서 선택되고 최종 답변에 어떻게 반영되는지를 검증해야 한다. 시각 정보 무시, 텍스트 편향, 양식 간 충돌을 별도로 시험필요가 있다.
  • 모바일 질의응답과 대시보드에서는 정확한 수치만 필요한 상황과 주변 분포가 필요한 상황을 구분해야 한다. 텍스트 전용, 축약 차트, 맥락 차트를 선택적으로 제공하는 방식이 하나의 고정된 화면보다 강연의 연구 결과에 부합한다.
  • 프레젠테이션과 문서에서는 화면의 문장과 발화가 경쟁하지 않도록 해야 한다. 특히 청중이 진행 속도를 통제할 수 없는 슬라이드에서는 텍스트 분량, 발화 시점, 차트 배치를 함께 설계해야 한다.
  • 투자 판단 시 주의할 점은 이러한 연구 결과가 곧바로 매출 증가나 사용자 유지율 향상을 입증하지는 않는다는 것이다. 실제 사업 효과는 제품별 사용성 실험, 접근성 평가, 과업 성공률과 장기 이용 지표로 별도 검증해야 한다.

⚠️ 불확실하거나 확인이 필요한 부분

  • 문단 내부의 아이콘·워드 스케일 시각화가 읽기 유창성을 떨어뜨린다는 주장은 아직 직접적인 실증 근거가 충분하지 않은 가설이다. 하이퍼링크와 문장 끝 이모지에 관한 선행 연구를 넘어, 시선 추적과 이해도 측정을 통한 검증이 필요하다. [25:26] [27:36] [28:50]
  • 직관적 예측에서 텍스트 주석이 힘을 잃는 이유를 시스템 1의 우세와 시스템 2의 개입 실패로 설명하는 부분은 잠정적 해석이다. 해당 실험은 시스템 1·2를 직접 측정한 것이 아니므로 후속 실험이 필요하다. [36:25] [52:04]
  • 시각장애·저시력 사용자와 시각이 있는 사용자의 대체 텍스트 선호 차이는 소개됐지만, 참가자 수·차트 유형·통계적 유의성은 제시된 내용만으로 확인하기 어렵다. 원 연구를 통해 적용 범위를 검토해야 한다. [06:36] [07:28]
  • 자막 기반 정리: 타임스탬프가 있는 자막을 기준으로 정리했으며, 고유명사·수치·인용은 원문 확인 필요 시 별도 검증한다.
  • 영상 속 주장: 발표자의 해석·전망·비교는 확인된 외부 사실이 아니라 영상 속 주장으로 분리해 읽는다.
  • 검증 필요: 수치, 기업 실적, 정책·시장 전망은 발행 전 최신 자료로 별도 검증이 필요하다.

✅ 액션 아이템

  • 새 차트나 정보 디스플레이를 설계할 때 텍스트 단독안·시각화 단독안·결합안을 함께 제작하고, 선호도뿐 아니라 정확도·회상·이해 시간까지 비교한다.
  • 정확한 수치와 조건은 텍스트가, 전체 추세와 분포·공간적 관계는 시각화가 맡도록 역할을 나눈 뒤 두 표현이 동일한 핵심 메시지를 가리키는지 점검한다.
  • 제목·캡션·주석이 차트에서 가장 두드러진 특징과 충돌하지 않는지 확인하고, 충돌이 의도된 경우 사용자가 어떤 메시지를 핵심으로 받아들이는지 테스트한다.
  • 대체 텍스트를 단일 형식으로 고정하지 않고, 구체적 값·추세·관계·외부 맥락을 구분해 제공한 뒤 시각장애·저시력 사용자를 대상으로 필요한 의미 수준을 검증한다.

❓ 열린 질문

  • 사용자의 과제·문해력·시각 능력·작업기억·데이터 친숙도에 따라 텍스트와 시각화의 역할 및 정보량을 어떻게 자동 조정할 수 있을까?
  • 텍스트와 시각화를 함께 제공받은 사용자가 한쪽만 선택하지 않고 두 표현의 장점을 실제로 통합하도록 만드는 배치와 상호작용은 무엇일까?
  • 제목·캡션과 시각적으로 두드러진 특징이 충돌할 때, 어느 정도의 의미적 정렬이 있어야 텍스트가 시각적 인상을 안정적으로 바꿀 수 있을까?

관련 문서

공통 태그와 주제 흐름을 기준으로 같이 보면 좋은 문서를 이어서 제안합니다.