컴퓨터가 아닌, 사람을 위한 URL

작년 4월쯤에 봤던 글인데, 번역하려고 저장해두었다가 잊고 있었네요. 원문은 ‘URLs are for People, not Computers’입니다. 요약하자면 멍청한 컴퓨터만이 이해하는 URL보다는 사람이 이해하는 URL이 더 중요하다라는 이야기죠. 저도 읽으면서 공감은 했습니다. 그래서 제 블로그 글도 숫자형식이 아니라 (영어이긴 하지만)문자열로 처리하고 있습니다. 하지만 네이버(naver.com)도 검색엔진에 ‘네이버’라고 검색해서 들어가는 한국에서 그런 환경을 기대하는 건 쓸데없는 희망이겠죠ㅠㅠ 그래도 전문번역은 합니다..


우리는 URL에 익숙합니다. 하지만 우리는 URL이 뭔가 더 대단한 것이라는 것을 항상 고려하지 않습니다. URL은 사용자와 대면하는 요소이며 (따라서) 중요한 UI적 요소로 고려돼야 합니다.

URL은 깔끔하고, 이해하기 쉽고, 의미를 담고 있으며, 계층적이어야 하고 너무 길지 말아야 합니다.

만약 URL이 쓰레기처럼 보인다면 사람들은 클릭하지 않을 것

마이크로소프트에 의해 행해진 한 연구는 URL이 웹사이트의 신뢰성과 안전성을 평가하는 데 중요한 역할을 한다고 발견했습니다.

마이크로소프트 연구소의 Edward Cutrell와 Zhiwei Guan은 ‘검색엔진에서의 시선추적 연구(원문: eyetracking study of search engine use)’를 수행했습니다. 이 연구는 사람들이 검색결과를 보고 있는 시간의 24%를 URL을 보는 데 사용한다고 밝혔습니다.
검색엔진 이용자들이 특히 목적지의 신뢰성을 평가할 때 특히 URL에 관심을 가진다는 것을 알아냈습니다. 만약 URL이 쓰레기처럼 보인다면, 사람들은 검색결과에서 덜 클릭하게 될 것입니다. 반면에 만약 URL이 사용자의 질문을 다루는 것처럼 보인다면, 그들은 클릭할 가능성이 더 높습니다.
출처: URL as UI

즉, URL은 새로운 웹사이트를 방문할 때 여러분이 보는 첫 번째 사항 중 하나이고 이러한 첫인상은 중요합니다. 깔끔하고 이해하기 쉬운 URL은 그야말로 전문적으로 보이게 합니다.

깔끔할 뿐만 아니라 의미를 담고 계층적인

URL은 의미를 담아야 하고 계층적이 되어야 합니다. 검색엔진은 의미가 담긴 URL을 좋아하고 또한 편리하기도 합니다. URL은 웹 서핑을 도울 수 있고 또 다른 사이트 이동 경로가 될 수 있습니다.

아마존의 의자 판매 페이지를 예로 들어봅시다. URL이 마치 누군가의 머리가 키보드에 굴러서 쓰인 것 같습니다.

http://www.amazon.com/gp/product/B0002K11BK/ref=sr_1_5?ie=UTF8&qid=1348439859&s=home-garden&sr=1-5

그리고 아래 주소와 비교해봅시다.

http://example.org/furniture/desk-chairs/herman-millers-mirra-chair

후자가 보기에 더 좋을 뿐만 아니라 여러분에게 지금 ‘가구 > 책상의자’ 분류에 있다고 알려줍니다. 좋은 점은 또 있습니다. 직관적으로 여러분은 모든 가구가 나와 있는 리스트로 가기 위해서 URL의 약간만 지우면 됩니다.

http://example.org/furniture/

데이터 정보

URL은 클릭 되기도 전에 웹페이지의 컨텐츠에 대한 정보를 담을 수 있습니다. 이는 도표, 메신저, 트윗, 이메일, 게시판 등의 의사소통 수단에서 매우 큰 장점입니다.

채팅창에서 다음의 링크를 보내서 비교해보세요.

https://news.ycombinator.com/item?id=5489039
vs
https://news.ycombinator.com/5489039/if-the-earth-were-100-pixels-wide

전자는 여러분에게 아무것도 말해주지 않습니다만, 후자는 (링크를 클릭하면) 어디로 갈지에 대한 느낌을 줍니다. 이것은 여러분을 더 클릭하도록 만들 겁니다. 만약 그 링크가 여러분의 관심을 불러일으킨다면 말이죠.

여보세요, 2013년입니다

깔끔한 URL은 확실히 이전보다 더 인기가 있습니다. 하지만 위의 특징들이 모두 담긴 웹사이트를 찾는 것은 여전히 드문 일입니다.

우리는 엄청난 골칫덩어리를 가지고 있습니다. 구글이죠. 심지어 2013년인데도 우리는 여전히 이런 URL을 가지고 있습니다.

https://www.google.com/search?q=characteristic#hl=en&safe=off&sclient=psy-ab&q=example&oq=example&gs_l=serp.3..0i20l2j0l2.14456.15234.3.15346.7.4.0.3.3.0.84.292.4.4.0…0.0…1c.1.8.psy-ab.N7EClFK_p4g&pbx=1&bav=on.2,or.r_cp.r_qf.&bvm=bv.44770516,d.ZGU&fp=9d62ffac663ef7ec&biw=1920&bih=944

저런 길고 괴상함의 이유는 수수께끼입니다. 특히 아래 URL이 정확히 똑같은 페이지를 제공한다는 사실을 고려하면 말이죠.

https://www.google.com/search?q=example

여러분들의 URL을 사용자에게 친화적으로 만드는 데 노력하세요. 그렇게 할만한 가치가 있고 대개 많은 일을 요구하지 않을 겁니다.

덧) 구글이 저렇게 지저분하게 검색결과 URL을 만들어내는 건 트래킹을 하기위함이라죠?;;

똑똑하게 빅데이터를 활용하는 국민내비 김기사 2.0

지난 3월 28일, 강남역 근처에서 국민내비 김기사 2.0 블로거 간담회가 있어서 다녀왔습니다.

김기사?

간담회에 가면서도 좀 찔렸던게(?) 사실 김기사가 아이패드에 깔려있긴 하지만, 차를 끌고 다니는 입장이 아니다보니 필요성에 대해 크게 느끼지 못했습니다;; 처음에 설치했던 이유도 (호불호가 그렇게 갈린다던) 벌집UI를 구경해보려고 했던 것이었는데, 한번 구경한 이후엔 거의 실행하지 않았죠. 혹시라도 지도가 필요하면 김기사보다는 대부분 다음지도를 이용했으니 그것도 한몫 했던 것 같네요;;

벌집UI, 그리고 새로 추가될 폴더기능

간담회에서는 원성이 높은(?) 벌집UI의 불편을 해결하기 위한 방법에 대한 이야기가 나왔습니다.

등록된 벌집을 삭제하시면서 쓰실 줄 알았는데, 계속 삭제를 안하고 쓰시더군요.

벌집이 많이 등록된 분은 몇천개가 넘는다는데… 천개가 넘어가면 어떻게 찾을지 감조차 안오네요ㄷㄷ 벌집UI에서 나름대로 가까운 거리별로 정렬해준다고 하지만, 그래도 그렇게 많으면 정신 없겠죠;;

2.0에서는 벌집UI를 유지하면서 불편을 해결하기 위해 벌집폴더가 나온다고 합니다. 현재 정책은 기본적으로 2개까지 무료이며, 폴더에 원하는 목적지를 넣어서 정리할 수 있을 거라고 하네요. 추가적으로 자신이 만든 폴더를 공유하거나 다른 사람이 공유한 폴더를 다운받는 기능도 추가될 예정이라고 합니다.

김기사의 수익모델은?

벌집UI도 중요 주제였지만, 아무래도 가장 중요했던 건, 부분유료화인 것 같습니다. 김기사를 만드는 록엔올이라는 회사도 기업인 이상, 당연히 수익모델에 대한 이야기는 빠질 수 없겠죠. 이미 김기사 내에 적절하게(?) 광고가 심어져있고, 김기사몰도 있긴 하지만, 이런 저런 수익모델에 대해 고민하고 있다는 느낌을 받았습니다. 간담회에서는 김기사에 가상화폐인 ‘허니’를 도입해서 SMS 도착알림 등의 서비스에 사용할 수 있도록 하겠다고 하더군요. 참고로 저는 도착알림 기능에 대해 별로 공감 못했는데, 유부남이신 분들에게는 좋은기능이라고 들었습니다;;(유부남아저씨들을 이해할 수 없어요!)
도착알림 기능은 지금도 트위터를 연동해서 사용할 수 있습니다.

김기사의 오픈 정책

김기사에 대해 궁금했던 점 중 하나는 공식 웹사이트가 없고, 공식 카페만이 존재한다는 것이였습니다(지극히 개인적인 궁금증이죠;;;) 그런데 이번 2.0 업데이트에 대해 설명하면서, 그 이유를 알려주시더군요.

김기사는 처음부터 오픈이였습니다.

처음부터 공식 웹사이트를 만들지 않고 피드백을 좀 더 많이 받기 위한 의지(?)로 공식 카페만을 운영했다고 합니다.

그런 CS적인 부분 뿐 아니라 API도 Open API로 제공하고 있어서, 지금 굿닥이나 포잉과 같은 앱과 연계되는 것도 그러한 개방적인 정책의 하나라고 생각됩니다. 추후 더 많은 서비스들과의 연계도 기대할 수 있겠네요.

빅데이터 분석으로 더 좋은 교통정보 제공

김기사가 국민내비라고는 하지만 가장 궁금했던 건, ‘사람들이 많이 이용할까?’ 였습니다. 위에서도 말했지만, 제가 차를 많이 몰고 다니는 건 아니다 보니, 내비게이션 쪽에는 거의 아는 게 없습니다;; 가끔 차에 타면, 고작 내장형의 내비게이션을 쓰는 것 이외에는 만져볼 일이 거의 없었죠.

김기사, 다음지도 교통상황 비교
김기사(왼쪽), 다음지도(오른쪽) 교통상황 비교 / 김기사는 지원하고 다음지도는 미지원;; (위치: 경기도 포천시 일동면)

그런데 차를 끌고 최대한 빨리 가야 하는 경우나 시간을 정확히 맞춰야 하는 경우라면, 이야기가 달라진다고 하더군요. 특히 수도권이나 어느 정도 규모있는 도시들만 위주로 제공되는 기존의 교통상황 서비스와는 다르게, 김기사는 사용자들의 데이터들을 토대로, 교통정보를 제공한다고 합니다. 정말 그런건지 시연도 해 주셨습니다(위의 이미지는 제가 개인적으로 따로 비교한 것입니다;;) 설명을 들을 때 ‘이런게 빅데이터구나!’하는 느낌이 들더군요+_+


여러 외부 서비스와의 연계, 기존의 교통상황 서비스와 다른 사용자 데이터 분석을 통한 좀 더 자세하고 광범위한 교통정보 제공, 계속 추가적으로 보완될 기능들이 김기사를 더 경쟁력있게 만들어 줄 것 같다는 생각이 듭니다. 특히 데이터 분석 부분에서는 감동 받았습니다ㅎ 2.0 이후로도 어떻게 바뀔지 기대가 됩니다:)

덧) 사실 갔더니 쟁쟁한 IT블로거들만 모여있어서 조용히 앉아있다가 왔다죠(…)
덧2) 그러니까 김기사를 더 정교하게 쓰고 싶다면 주위 사람을 유저로 끌어들이면 된다는 결론이 나옵니다(?)

we heart it – 핀터레스트보다 예쁘고 감성적인 서비스

제가 자주 사용하는 서비스 중에 We heart it이라는 서비스가 있습니다.
이 서비스는 이미지 북마크 서비스로 웹서핑 중 따로 저장하고싶은 이미지를 저장할 수 있는 서비스입니다.

이미지 북마크 서비스는 이전에도 있었다

we♥it 이전에도 이미지 북마크서비스는 이전부터 유명한 서비스들이 꽤 있습니다. FFFFOUND!imgfave와 같은 곳들이죠. 하지만 저런 곳들의 단점은 무엇일까요? 메인에 이상해괴한 사진들이 은근히 많다는 겁니다.(물론 제 개인적인 생각입니다) 그리고 이쁘다고는 말 못할 UI를 가지고 있습니다.

그럼 핀터레스트는?

혹시 떠오르실지 모르겠지만, 요즘 대세라는 핀터레스트UI도 예쁘고 메인에 이상해괴한 사진도 적은 편입니다.
하지만, 저는 핀터레스트를 싫어합니다. 싫어하는 이유는 (지극히 개인적인데,) 마케팅툴로 너무 알려졌다는 겁니다.
핀터레스트 마케팅은 곧 온라인쇼핑몰의 매출이라는 생각이 많아서인지, 상품들이 많이 올라옵니다.(그렇다고 상품들이 예쁜것만 올라오는것도 아닙니다!) 그래서 장삿속이 보이는듯한 핀터레스트를 멀리하게 되어버렸죠.
(한국의 경우도 핀터레스트로 마케팅 어쩌구저쩌구 떠드는 사람들이 많죠…)

이름부터 호감형인 we♥it

제가 we♥it을 좋아하게 된 것은 서비스명이 첫 이유였습니다. 서비스명부터 엄청 사랑스럽지 않나요?+_+
전 이 서비스명을 제가 따로 운영하는 Ludens ♥ OperaLudens ♥ Infographics의 이름을 지을때 벤치마킹(?)했을 정도로 좋아합니다.

화려하진 않지만 깔끔하다

좋아한 이유 중 두번째는 깔끔한 UI였습니다. 아시는대로 핀터레스트가 더 화려한 UI를 가지고 있습니다.
하지만 한편으로 화려한 UI가 정신이 없기도 해서, 이미지를 감상한다기보다는 여러 이미지를 스캔하는 느낌이 들죠.
하지만 we♥it은 덜 화려하기때문에 이미지에 더 집중이 잘됩니다.

예쁘고 감성적인 컨텐츠

마지막으로 가장 중요한 이유는 컨텐츠입니다. 제가 이미지북마크 서비스를 둘러보면서 we♥it에 다른곳보다 이쁜 사진이 많다고 생각합니다. 전체적인 이미지 수는 적을 수 있지만, 대부분 예쁜사진들이 올라오는 이곳을 좋아합니다. 그동안 150여개의 이미지를 북마크한 저도 이미 있는 이미지에 지지않을만한 이쁘고 퀄리티있는 사진을 공유하려고 노력하고 있습니다.

초간편한 서비스 사용방법

다른 사이트들처럼 회원가입 후에 서비스를 이용할 수 있습니다. 페이스북이나 트위터로 가입할 수 있으며, 그냥 가입도 가능합니다. 그냥 가입시 아이디, 이름, 이메일, 비밀번호 입력만 하면 가입 완료입니다.

서비스는 북마클릿을 통해 사용할 수 있습니다. 미리 북마클릿을 등록해 두면, 웹서핑 중 마음에 드는 이미지를 보았을때 북마클릿을 눌러 heart만 찍어주시면 됩니다. 크롬의 경우는 확장기능이 있어 더 쉽게 사용할 수 있습니다.
(IE에서 버튼이 작동하지 않는다고 하는데, 제가 IE9으로 해봤을때에는 문제 없이 잘 작동하였습니다.)

또한 계정설정에서는 트위터와 페이스북 연동을 설정할 수 있습니다. 연동후에는 Heart를 찍으면 바로 날려주기도 합니다. (특히 페이스북은 타임라인도 지원됩니다+_+)

예쁘니까 일단 쓰세요

직관적이고 예쁜 인터페이스 때문인지, 여성유저가 엄청 많습니다. 도대체 남자유저는 어디에있나(…) 싶을정도입니다. 그러니까 일단 쓰면 됩니다.
그리고 핀터레스트의 복잡한 무한스크롤 UI에 질리셨다면, 한번 사용해보시길 권합니다. 예쁘니까 일단 써보세요.

덧) 네, 개인적인 의견이 엄청나게 많이 들어간 서비스 소개글 맞구요…
덧2) 개인적으로 핀터레스트를 많이 싫어해서 계정조차 없습니다…
덧3) 어쩌다보니 핀터레스트를 디스하는 글이 되어버렸네요;;