모바일에서 2차 정보 뒤로 미루기(닐슨 노먼 아티클)
이 글은 닐슨 노먼 그룹에서 제이콥 닐슨이 쓴 Defer Secondary Content When Writing for Mobile Users를 번역, 정리한 글입니다.
요약
모바일 디바이스에서는 처음 보이는 화면에서 가장 중요한 정보로만 응집하는 집중이 필요하다.
우리는 최근 몇 개의 연구를 통해 모바일 디바이스에서 사람들이 정보를 읽는 모습을 보았다. 모바일 웹사이트, 앱, 이메일 뉴스레터를 포함했다. 모든 포맷에서 필수불가결한 원칙은: 집중
물론 다른 많은 요소도 고려할 것이 많지만 이 하나가 모바일 콘텐트에서의 핵심 사용성 가이드라인이다:
모바일 사용자를 위해 쓸 때는 핵심 콘텐트에 그들의 주의를 집중시켜라.
작은 구멍으로 콘텐트를 보면 이해가 떨어진다. 왜냐하면 문맥을 알아챌 수 없기 때문이다. 문맥을 적게 파악할 수록 더 많이 기억해야 하고 그래서 단기 기억력이 확 떨어진다.
우리가 수행한 모바일 사용성 연구에서는 사용자들은 모바일 디바이스를 사용하면서 대개 서두른다. 무언가를 기다리며 단순히 시간을 죽이는 경우도 있다. 그러나 대부분의 태스크는 목적 지향적이고, 그 일을 수행하는 데에 아주 적은 시간을 사용한다. 예를 들면 폰에서 이메일을 확인할 때 집이나 사무실에서 이메일을 읽을 때보다 더 적은 시간을 할당한다.
우리는 14년간 웹에서 글을 쓸 때 간결하라고 주장했다. 모바일은 이 점이 더 심화되서 한계까지 몰아붙인다. 짧다는 말은 너무 길다. 울트라 핵간단이 원칙이다.
어떻게 핵간단을 유지하며 사람들이 필요로 하는 것을 줄까? 2차 정보는 2차 화면으로 미뤄두자. 사용자가 보는 첫 번쨰 화면은 핵심 요지를 전달하는 데 필요한 최소한의 정보에만 무자비하게 집중하자. 모바일 카피라이팅에 mini-IA 를 부여하자("카피"라기 보다 작은 정보 영역이다)
예시 1: 모바일 쿠폰
할인 쿠폰은 시간과 장소와 강하게 결합되었기 때문에 모바일 서비스로 완벽하다: 반짝 세일은 긴급 정도가 높기 때문에 기회가 사라지기 전에 알고 싶어한다. 이와 유사하게 사람들은 그들이 보는 제품이나 쇼핑몰에서 제공되는 쿠폰에 관심을 보일 확률이 높다. 아래는 안드로이드 폰에서 보는 한 쿠폰의 모습이다:
이미지 출처. 닐슨 노먼 그룹, 모바일 쿠폰 첫 화면
이미지 출처. 닐슨 노먼 그룹. 첫 화면에서 "More about this deal"을 누르면 나오는 세부 화면 첫 화면은 바쁜 모바일 사용자에게 최적화되어 있다. 반면 2차 화면은 여기에 관심을 가진 사람들이 보면 좋다. 만약 이 화면이 첫 번째 화면에서 글자의 장벽을 쳤다면 사람들은 등을 돌렸을 것이다.
그루폰은 우리의 모바일 사용성 연구에서 잘 맞았지만 경쟁사인 Living Social은 별로이다:
이미지 출처. 닐슨 노먼 그룹, 모바일 LivingSocial: 샘플 할인리빙소셜은 몇 가지 모바일 사용성 가이드라인을 어긴다. 귀여운 아이는 언제나 에쁘지만 모바일 사용자 인터페이스에서 사진은 핵심 메시지를 아래로 밀어버린다. (Visual Design for Mobile Devices and Tablets 에서 공간 낭비없이 만드는 법을 다룬다.) 이런 레이아웃과 라이팅은 당신이 사고 있는 것을 찾기가 어렵다. 모바일 사용자에 대해 우리가 아는 단 한 가지가 있다면 이들은 정보를 찾아 다니기에 너무 바쁘다는 것이다. (buy now 버튼은 쉬운 touchability 가이드라인을 잘 따른다: 크고, 분명하고, 실수로 탭할 수 있는 다른 주변 요소가 없다.) 연구 참가자들이 모바일 디바이스에서 쿠폰을 제시하는 두 가지 방법에 대해 말해주었다:
리빙 소셜 방식: "웹사이트의 디스플레이를 폰에 옮겨 놓은 것 같네요. 컴퓨터에서 봤다면 더 좋았을 것 같아요." 그루폰 앱을 사용한 같은 사용자는: "전면에 빠른 버전이, 더 볼 수 있는 옵션도 있네요. 그렇지만 정보가 많지는 않아요. 폰이니까 화면이 북적거리지 않아서 좋아요."
그루폰에 다른 사용자: "불릿 기호로 된 포맷이 너무 좋아요." 그리고 리빙 소셜에서는:"무엇이 들어가 있는지 보려면 다 읽어야 하네요."
예시2: 위키피디아의 단계적 공개
위키피디아에는 언제나 두 가지가 있다: 방대한 하이퍼텍스트 링크와 포괄적인 콘텐트. 무언가의 모든 것에 대해 말해주는 듯하다. 나쁜 라이팅의 예 또한 언제나 있다. 어떤 주제의 정말 중요한 부분에 대해 별다른 지식이 없는 지식 기여자들로 인해 우선 순위가 없다는 점이다.
이런 오랜 전통을 감안했을 때 나는 우리 최근 연구에서 위키피디아가 정보 우선 순위에서 좋은 점수를 받은 것에 놀랐다. 사용자가 폰에서 보는 처음 보는 화면을 보자:
이미지 출처. 닐슨 노먼 그룹, 모바일 위키피디아 첫 화면이 디자인은 핵심 포인트에 초점을 맞추면서 2차 정보는 미뤄둔다. 이것이 바로 단계적 공개로, 휴먼 컴퓨터 인터랙션에서 오래된 개념이다. 이는 모바일 라이팅에 전면으로 등장하는 디자인 원칙이다.
2차 정보는 스크롤로 내려서 쭉 내려 보게 하는 대신 틀만 제시하는 것이 효과적이다. 예를 들면 사용자는 awards에 대한 섹션이 있음을 알 수 있다. 만약 awards 에 관심이 있다면 기나긴 biography 섹션을 훑을 필요 없이 이 섹션만 펼쳐볼 수 있다.
테스트 사용자가 모바일 위키피디아에 대해 한 말이다:
"아웃라인이 보이네요. TOC는 위에 있고, 제목이 보이고 전체는 안봐도 되요. 글머리를 알고 있으니 원하는 곳 어디든 갈 수 있어요."
모든 걸 펼쳐 보는 것보다 콘텐트를 숨기는 게 마음에 들어요. bio만 펼치고 모든 글들을 다 보지 않아도 되요. 이 점이 편리합니다.
물론 지나치게 강박적인 위키피디아 스타일을 생각하면 모바일용으로 좋지 않은 부분도 분명 있다. 예를 들면 Huang 박사님의 과학적 성과에 대해 알고 싶어 한다고 할 때 이 이름을 중국식으로 어떻게 표기하는지 설명할 만하다. 그리고 Wades-Giles는 2차 정보 정도도 안된다. 기껏해야 3차 정보랄까. 모바일 버전에서는 없어지는 것이 좋다.
정보를 뒤로 미루기 = 최초 정보를 더 많이 읽기
대부분의 정보를 2차 화면으로 넘기는 건 어려운 결정이다. 왜냐하면 당신이 아무리 그걸 중요하다고 생각해도 많은 사용자들이 절대 보지 않을 것이기 때문이다.
기억하자: 1차 화면을 너무 밀집시키면 아무도 읽지 않을 것이다. 최초 화면에 집중을 하고 관심있는 사람만 들어가게 하는 편이 더 낫다. 이 방식이 많은 고객들을 만족시키고, 더 많은 트래픽을 부르며, 비즈니스의 가치도 맞출 수 있다.
