레이블이 UX Guideline인 게시물을 표시합니다. 모든 게시물 표시
레이블이 UX Guideline인 게시물을 표시합니다. 모든 게시물 표시

2010년 3월 9일 화요일

사용자 읽기 시간에 따른 영역 롤링 시간...

네이버 뉴스 캐스트를 개편할 때, 고민이 되는 것이 있다. 기사에 대한 롤링 시간 간격을 어떻게 잡아야 할 것인가이다. 롤링 속도가 빠르다면 사용자가 기사 제목을 읽기도 전에 다음 기사들로 바뀌게 될 것이고, 속도가 느리다면 사용자는 다음에 다른 기사가 있다는 것을 알아채기가 쉽지 않다. 롤링 속도는 여러 가지 특성들을 고려하여 적절하게 잡아야 하는 것이다.

 

롤링 속도에 대한 고민을 할 때, 우리가 고려해야 하는 것은 어떤 것이 있을까? 대표적으로 가장 먼저 생각해 봐야 하는 것은 사용자들의 읽기 시간이다. 언어심리학자인 Keith Rayenr(1989)에 따르면, 사람들은 1단어를 처리하는데 걸리는 시간이 대략 250ms 정도라고 한다. 250ms 정도면 단어의 형태, 의미, 그리고 문장 속의 다른 단어와의 관계까지 파악할 수 있다는 것이다. 그렇다고 250ms에 한 단어 정도만 파악하는 것이 아니다. 주변 시야의 영향으로 문장으로 제시할 때, 250ms이면 대략 3개 정도의 단어를 파악할 수 있다 (물론, 모니터와 눈 사이의 거리에 영향을 받는다). 이 기준으로 본다면 1초 정도면 대략 12개 정도의 단어를 볼 수 있다는 계산이다.

 

그렇다면 이미지, 그래프, 숫자에 대해서 사람들이 알아채는데 걸리는 시간은 어느 정도일까? Guan 등(2006)에 따르면, 대략 100ms 정도의 시간이 걸린다고 한다. 그래서 통상적으로 Eyetracking Research를 실시할 때 최소 100ms 이상의 응시 시간(Fixation Time)을 보여야 해당 자극(Stimulus)을 본 것으로 간주한다. 기사들에 이미지나 그래프 등이 제시된다면 1초 안에 조금 더 많은 내용을 처리할 수 있다.

 

 

 

 

또 하나 고려해야 하는 것이 해당 페이지에 사용자들이 머무는 시간은 어느 정도인가 이다. 이것은 페이지 로딩이 끝난 후, 특정 링크나 이미지 등을 클릭할 때까지 걸리는 시간을 말한다. 사이트, 페이지, 사용자의 상황에 따라 다소 다르게 나타나지만 전반적인 평균을 낸다면 대략 20초 정도이다. 네이버 메인 페이지의 경우, 사실 더 짧게 머무는 것으로 나타났다 (네이버 메인 페이지에 머무는 시간에 대해서는 대외비라서 밝히기가 어렵다.) 20초라면 굉장히 짧은 시간이라면 짧은 시간이라고 할 수 있다. 20초 안에 사용자들은 해당 페이지에 제시되는 다양한 요소들을 살펴보고, 무엇을 더 볼지 결정한 후 클릭까지 하게 되는 것이다. 그 시간까지 고려해야 하는 것이다.

 

영역에 대한 롤링 속도를 결정하는 것은 쉬운 일이 아니다. 사용자의 읽기 속도, 머무는 시간, 사이트의 성격, 페이지 내 제공되는 컨텐츠의 종류나 내용, 인프라의 속도 등등이다. 단순히 이 정도면 될 것이라고 생각해서 제공한다면 사용자에게 좋은 경험을 제대로 제공할 수 없다. 사용자에게 사소한 부분이라도 더 나은 부분을 제공하고 싶다면, 사용자 특성 및 Needs를 더 많이 고려해야 할 것이다.

 

 

 

2010년 1월 31일 일요일

웹 사이트에서의 아이콘의 역할과 설계 시 고려점

아이콘은 기능이나 컨텐츠에 대해서 사용자가 즉각적으로 이해하고 어떤 행동을 해야 할 것인지 알려주는 역할을 한다. 그렇기 때문에 아이콘에서 가장 중요한 것이 즉각적인 이해인 것이다. 사용자가 아이콘을 보고 잠깐이라도 이것이 무엇인지 생각하게 만든다면 이미 아이콘으로써 작용을 하지 않는 것이다. 심미적인 측면에서 아이콘을 예쁘게 만들었지만 아이콘을 이해하기 힘든 형태로 제공해 준다면 사용자는 그 아이콘을 보지 않을 것이고, 결국 이것은 페이지 내에서 쓰레기 같은 취급을 당할 뿐이다.

 

간혹 하나의 페이지 안에서 아이콘을 몇 개나 제공해 주는 것이 좋을 것이냐는 질문을 받는다. 텍스트로 제공해 주는 것보다 아이콘으로 제공해 주는 것이 낫고, 그 갯수에 대해서는 신경을 안 써도 되지 않느냐는 것이다. 하지만, 아이콘은 가장 필수적이면서도 중요하며 사용자가 매우 빈번하게 사용하는 핵심적인 기능이나 컨텐츠에 대해서만 제공해 주는 것이 좋다. 아이콘을 많이 제공해 준다면 아무리 직관적으로 제공해 준다고 하더라도 사용자는 그 아이콘을 살펴보면서 자신이 원하는 기능이나 컨텐츠를 제공해 줘야 한다. 빠른 시간 내에 사용자가 원하는 기능을 수행하거나 컨텐츠를 찾을 때 오히려 아이콘의 수가 많다면 사용자는 짜증을 낼 수 있다. 이미지에 대한 주목성은 우리가 생각하는 것 이상으로 주목성이 높아 사용자가 의식적으로나 무의식적으로 해당 이미지에 대한 정보 처리를 해야 한다. 과도한 아이콘을 사용하게 된다면 정보 처리에 부하를 줄 수 있는 것이다.

 

아이콘을 제공해 주어야 하는 것이 아닌지 고민이 된다면, 가장 먼저 아이콘으로 제공해 주는 것이 가장 좋은지 아니면 그냥 텍스트 형태로 제공해 주는 것인지 진지하게 고민을 해야 한다. 그리고 나서 전체적으로 아이콘 숫자가 적정한지 살펴 보고, 아이콘을 즉각적으로 이해할 수 있는 형태로 제공되고 있는지에 대해서 살펴보아야 한다. 아무리 사소한 UI라고 할지라도 사용자의 관점에서 사용자에게 불편을 주지 않고 오히려 좋은 경험을 제공해 줄 수 있는지에 대해서 진지하게 고민해야 하는 것이다.

2009년 11월 13일 금요일

PayPal Interface Guideline

인터넷 결재 시스템으로 유명한 PayPal에서 Interface Guideline을 공개하였다. PayPal을 이용하고 있는 많은 사이트에서 효율적이면서 사용성이 좋은 결재 UI를 쉽게 구축할 수 있도록 하기 위한 배려인 것이다.

 

실제 외국 사이트의 경우 PayPal의 이용률이 매우 높고, 쇼핑 사이트에서 결재 Process가 매우 중요하기 때문에 사이트를 기획하고 개발할 때 매우 신경을 쓸 수 밖에 없다. PayPal에서 자체적으로 제공한 가이드라인을 활용한다면 PayPal을 사용하는 많은 사이트에서 걱정꺼리를 줄일 수 있을 듯 하다. 실제 우리에게도 매우 유용한 가이드라인이 많다. 참고하면 매우 좋을 듯...

 

 

PayPal Interface Guideline 다운로드 받기(PDF)