본문 바로가기

SNS 연구실

핀터레스트 형식의 모자이크식 UI가 대세?


얼마전 아래의 블로터닷넷의 기사를 접했습니다.

핀터레스트의 UI 형식을 소개하며 비슷하게 보이는 서비스들을 설명했더라구요. 

근데 '핀터레스트 생김새를 빌려쓴다'는 말이 과연 맞을까?' 라는 생각을 해봤습니다.

빌려쓴다기 보다 대세라는 생각을 했거든요^^


핀터레스트 생김새 빌려쓰는 서비스들  >> 블로터닷넷 기사 더보기


국내에서는 5월3일과 3월29일 공개 시범서비스를 시작한 ‘헤어플래인’과 ‘메모리스트’, 지난해 12월 출시된 ‘핀스파이어’ 등이 핀터레스트의 모자이크 UI를 빌려 서비스를 만들었다.






* 모양과 기능이 비슷하다고 모두 카피캣? 


메모리스트라는 큐레이션 서비스가 오픈했을 때 많은 사람들이 '카피캣'이라는 말을 많이 하더군요. 핀터레스트를 '그대로 따라했다'. '모방이다' 라는 등등의 말들도 많았구요.

(소스를 공개할 정도면 스트레스 많이 받으셨을 듯^^;;;;;)


블로터닷넷 기사에서도 볼 수 있듯 최근 바둑판 형식, 모자이크 형식의 UI를 구현한 서비스는 분명 대세입니다. 하지만 모양과 기능이 비슷하다고 모두 카피캣이라고 할 수 있을까요?



   

<네이버와 다음의 메인화면>



   

<네이버와 다음의 블로그 메인화면>




위는 국내 검색포털의 1, 2위인 네이버와 다음의 메인화면과 블로그 메인 화면입니다.

컬러만 다르고 검색 창의 위치, 로고의 위치, 인터넷 뉴스 배열 형식, 메뉴 영역 등이 비슷하네요~

검색서비스를 중심으로 블로그, 카페 등 다양한 서비스를 제공한다는 점에서도 같구요~

그럼 이 둘도 카피켓?^^;;;; (둘은 비교 대상이 안된다고 하시면 어쩔 수 없구요..ㅋㅋ)


최근 들어 콘텐츠를 바둑판식으로 나열하는 방식의 UI이가 대세인 것 확실한 것 같습니다.

기존에 콘텐츠를 리스트 형식으로 나열하던 것을 바둑판 식으로 바꾸는 서비스들도 많아졌고,

신규 서비스의 경우에도 처음부터 UI를 바둑판식으로 염두해두고 기획하는 경우가 많구요~


그럼 왜 일까요?

왜 이 형태를 추구하는 것일까요?





* 스마트 디바이스를 고려한 모자이크식 UI의 출현


바둑판식, 모자이크식 콘텐츠 나열 방식은 최근 엄청나게 증가하고 있는 스마트폰, 태블릿 PC 등 스마트 디바이스에서 해답을 찾을 수 있습니다. 

국내 스마트폰 사용자가 2천만명을 넘어섰다고 하고, 이제는 '스마트'라는 단어가 붙지 않는 IT 기기, 가전들이 없을 정도입니다.

스마트폰에서 보던 것을, PC에서도 보고, 아이폰에서도 보고, 집에 있는 스마트 TV로도 보고~

언제 어디서나 시간과 공간, 디바이스에 상관없이 호환이 가능해진 시대가 온거죠~


그럼 서비스를 제공하는 업체들은 어떻게 해야 할까요?

사용자들이 사용하는 기기에 따라 스마트폰용, 태블릿용, PC용, TV용 등으로 디바이스에 맞는 버전을 각각 만들어 제공해야 할까요? 그냥 화면의 크기와 상관없이, 기기에 상관없이 한가지 UI가 모두 동시에 적용되는 디자인을 채택해야 하지 않을까요?


그래서 나타난 것이 바로 모자이크식 UI 입니다.

스마트폰에서는 한줄로, 태블릿에서는 3줄, PC에서는 4줄, TV에서는 5~6줄 등으로 화면 크기에 따라 나열되는 콘텐츠 수가 가로로 증가하게 되는거죠~ 더 넓은 화면에서는 쭉~쭉~ 더 늘어나겠죠?^^


PC나 노트북에서 큐레이션 서비스에 접속해 화면 사이즈를 100% 이하로 줄여보세요~ 

콘텐츠의 갯수와 줄 수가 옆으로 증가하는 걸 알 수 있을 겁니다.



모자이크식 UI는 스마트 디바이스에 맞는 최적의 디자인으로 탄생되었고,

이를 처음 채택한 핀터레스트가 주목을 받는 것은 당연하다고 봅니다.

하지만 모자이크 방식을 채택했다고 해서 '핀터레스트랑 비슷한 서비스'라고 말하는 것은 옳지 않다고 봅니다~

그렇게 따지면 비슷한 서비스들은 세상에 엄청나게 많잖아요~^^


제공자는 그 안에 어떤 콘텐츠가 담겨지도록 할 것인지, 사용자들에게 어떤 편리함을 줄건지 등을 고민하고, 사용자는 제작자(또는 제작사)가 어떤 의도로 플랫폼 또는 서비스를 만들고 제공하는지 그 의미를 이해하고 사용해야 하지 않을까요?^^



(아래는 모자이크 방식을 채택한 서비스들을 찾아본 것입니다. 모자이크 방식이 왜 늘어나고 있는지 이해하셨다면 다 같은 서비스로는 안 보이실 겁니다^^)


  

<핀터레스트>                                                                   <핀스파이어>


  

<메모리스트>                                                                   <굿바이셀리>



  

<Chill.com>                                                                   <Manteresting.com>



   


<트윗몹>                                                                   <위시앤위시>