웹 페이지는 노란바탕에 녹색글씨가 최고다

via : Web page readability: Green text on yellow works the best
관련 논문 : Readability Of Websites With Various Foreground/Background Color Combinations, Font Types And Word Styles
1997년에 발표된 10년 전의 자료이긴 하지만, 사람 눈이라는 게 크게 달라졌을까?
논문에서는 47명의 참가자를 대상으로 6개의 전경/배경의 색 조합과 3개의 폰트 타입 (Arial, Courier New, & Times New Roman), 그리고 2개의 글자체 (Italicized & Plain)을 가지고 웹 사이트의 가독성을 테스트했는데 결과는 다음과 같다.

  • 대부분의 경우 Green on Yellow가 가장 좋은 결과를 보이는 colore scheme이었고
  • Time New Roman font가 Arial보다는 평균적으로 훨씬 뛰어났으며
  • (놀랍게도) 가장 빠른 반응 속도를 보인 것은 노랑 바탕에 기울어진 녹색의 Times New Roman이었다.
  • Black on gray가 black on white보다는 훨씬 빠르다.

This text is the readability winner

Time new roman이나 arial 같은 폰트는 그 역사도 길고 온라인과 오프라인을 가리지 않고 사용되는 범용의 폰트이니 분명 이러한 연구는 매우 의미 깊다.
그에 비해 한글 폰트는?
온라인의 경우 매킨토시와 윈도우로 이원화된 OS 시장을 따라 맥용 폰트와 윈도우용 폰트(그래봐야 굴림 돋움 궁서 바탕)로 나뉘어지고 있으며 오프라인의 경우 기존의 신문과 책이 가장 많이 사용하는 명조와 고딕이 전부이다.
한글을 대표할 만한 서체의 개발은 매우 시급하다. 국책사업으로 진행해야 하지 않을까? 이대로 그냥 두면 앞으로 (적어도 on-line에서) 가장 많이 쓸 서체의 자리는 윈도 Vista에 추가된 ‘맑은 고딕’이 차지하게 될 것이다.
관련 링크 : 위키의 한글 글꼴

Similar Posts

  • |

    번역. User Experience design에 관한 가장 흔한 10가지 오해

    원문 : 10 Most Common Misconceptions About User Experience Design User Experience design에 관한 가장 흔한 10가지 오해 사람들에게 ‘나는 user experience designer입니다’라고 말할 때에 나는 종종 공허한 시선을 받곤 한다. 그럴 때 나는 ‘어떤 것을 사용하기 쉽고 즐겁게 만드는 것’이라고 설명해 주면서 빠르게 그 사람을 따라가려고 노력한다. 그 표현은 지속적으로 반복되는 재치있는 설명이지만, 전반적으로…

  • 금주의 짧은 소식 2011-01-30

    I Love You by David Tao. http://bit.ly/fVTbJs @ProsecutorsKR: 민주진보진영은 준비가 덜됐다. 봉건귀족시대처럼 자기 자식들에게 자본과 신분을 세습시키는 자본가들과, 그들과 혼인으로 엮인 사회지도층들의 결속을 이기기엔 연대도 정책도 느슨하다. 피보다 진하지 못하면 못 이긴다. 충격과 공포의 인도 영화 Robot http://bit.ly/eD4DnM http://bit.ly/gr2HcW 설명에 의하면 ‘愛say’는 결국 ‘자유로운 수필’인데, 설명에 있는대로 ‘좋은 글 공모전’ 정도로 쓰면 좋지 않았을까? (사진.http://bit.ly/fWghl2…

  • 소셜 네트워크 서비스의 불행과 가식

    소셜 네트워크 서비스 오래 전부터 알고 지내는 사람들 중에 SNS를 열심히 사용하는 사람은 거의 없다. 그리고 지금 깊이 알고 지내는 사람들도 마찬가지다. 그렇다고 그들과 나의 관계가 서먹하거나 엉성한 것은 아니다. 유유상종, 비슷한 사람들끼리 만나고 있는 것일까? 트위터가 시작한 web 2.0의 시대에 나도 거의 모든 일상을 트위터에 공개하던 때가 있었다. 의식의 흐름을 자동 기술하는 것을 넘어서…

  • 돌처럼 보이는 쿠션

    관련 사이트 : living stones of Smart design 돌을 닮은 쿠션이다.돌이 가지는 딱딱하고 차가운 이미지를 부드럽고 따뜻한 쿠션에 이질적으로 접목시킨 말 그대로 smart design이다.이름도 livingstone. 관련된 글: 서툰 웹 디자인은 사용자를 멀어지게 만든다. 웹 사이트의 디자인이 판매에 끼치는 영향 웹 디자이너를 위한 10개의 사이트 site. 웹사이트 디자인 비교 Hot or not 960 Grid system –…

  • 금주의 짧은 소식 2012-11-18

    50 Mobile Marketing Facts by @HubSpot on @slidesharehttp://www.slideshare.net/HubSpot/50-mobilefactsdeck62812 … The Truth About Cats and Dogs: Smartphone vs Tablet Usage Differences http://blog.flurry.com/bid/90987/The-Truth-About-Cats-and-Dogs-Smartphone-vs-Tablet-Usage-Differences … 7-year-old plays “Sweet Child o’ Mine”Gun N’ Roses,niña 7 años:http://youtu.be/wB3n5_0rDNw  @youtube 에서 (7살짜리가 연주하는 건즈앤로지즈!) 관련된 글: gift. 휴대용 와인 가방 실용성과 멋을 겸비한 성인용 남성 샌들 : 스케처스 시티워크 (SKECHERS Citywalk) 카라오케파티닷컴 : 온라인 노래방 2.0 야후의 새로운 프론트 페이지…