중독성있는 UX : 왜 Pinterest가 놀랍습니까?
오늘 우리는 좋은 디자인의 매우 구체적인 예를 살펴보고 그것이 성공적인 이유를 논의 할 것입니다. 그 과정에서 우리는 좋은 디자인의 중요성과 사용자를 중독자로 만드는 경험을 구성하는 방법을 발견 할 것입니다.
우리는 Pinterest에서 우리의 시야를 연마하고 심각하게 심도 깊은 분석을 수행하여 왜이 일반적인 아이디어가 경쟁에서 멀리 떨어져 있는지를 알 수 있습니다. 궁극적 인 결론은 사용자가 절대적으로 사랑할 경험을 디자인하는 데 도움이 될 것입니다.
절름발이 아이디어
내가 2010 년에 내가 생각한 것으로 훌륭한 아이디어라고 생각했다고 상상해보십시오. 나는 그것이 효과를 발휘할 수 있다고 확신했고 일부 투자자 만 필요로했다.
당신이 신중한 지출 자이기 때문에, 당신은 내 생각에 대해 묻습니다. 무엇입니까? 어떻게 작동합니까? 내 답변 : 소셜 북마크 사이트. 사람들이 가입하고 링크를 저장할 수있는 웹 사이트를 만들려고합니다. 큐 후원 선발. 당신은 의심 할 여지없이이 아이디어는 독특하고 플롭 할 것입니다. Delicious 및 다른 북 마킹 자이언트를 어떻게 할 수 있습니까?
그래도 큰 아이디어가 있습니다 : 나는 이미지를 사용할 것입니다. 사용자는 모든 웹 페이지에서 이미지를 가져 와서 계정에 저장하고 다른 사람과 공유 할 수 있습니다.
다시 한 번, 가장 경멸적인 분위기에서 "이미지 북마크"에 대한 Google 검색을 수행하고 FFFFOUND와 같은 셀 수없는 사이트를 기록하도록 알려주십시오! 이미이 시장에 진출한 Ember. 내 생각이 완전히 독창적이라는 증거로 2010 년에 출판 된 10 가지 인기 이미지 북마크 서비스 목록에주의를 기울일 수도 있습니다.
절름발이 성공 사례
기본적으로 Pinterest는 위 목록의 사이트 개념과 거의 동일합니다. 공유에 중점을 둔 간단한 시각적 북마크 서비스입니다. 나는 Pinterest가 태어 났을 때 경쟁의 분위기를 보며 그것이 카테고리에서 분명한 리더로 눈에 띄게 된 것에 놀랐습니다.
왜 Pinterest가 최근에 불을 붙였습니까? 무수한 이미지 북마크 서비스 중 하나 인 경우 "비공개"베타 기간 동안 전 세계에서 150 만 명 이상의 사용자를 확보 한 방법은 무엇입니까? 어떻게하면 일주일에 수천만 페이지 뷰가 걸리고 약 2 억 달러 정도의 회사가 예상됩니까?
왜 작동 했습니까?
Pinterest의 성공 비결은 매우 중요합니다. 소셜 미디어가 수십억 달러 규모의 산업에서 진정으로 성공적인 공식은 성배입니다.
Pinterest의 성공 퍼즐에는 몇 가지가 의심의 여지가 없지만 오늘날 우리가 중점을 둘 것은 디자인입니다. Pinterest는 어떻게 디자인과 차별화 될뿐만 아니라 다른 사람들이하고 있던 일을 능가하고 완전히 새로운 차원의 사용자를 사로 잡는 무언가를 만들었습니까?
다양한 이미지 크기로 레이아웃 해결
Pinterest를 다른 소셜 이미지 즐겨 찾기 서비스와 차별화하는 주요 측면 중 하나는 사용자에게 이미지를 표시하는 방법을 완전히 다시 생각한다는 것입니다.
목표는 간단한 것입니다. 이상적으로 사용자가 수백 또는 수천 개의 이미지를 비교적 쉽게 탐색 할 수 있기를 원합니다. 이 조치로 사용자가 너무 많은 노력을 기울이면 관심을 잃게됩니다. 어려움이 없다면 컨텐츠에 계속 집중하십시오.
이 전투에서 중요한 단계 중 하나는 "조적"스타일 레이아웃으로, jQuery Masonry 플러그인의 이름을 딴 웹 개발에서 상당히 최근의 추세입니다. Pinterest는이를 위해 자체 스크립트를 사용하지만 개념은 동일합니다.
기본적으로 벽돌 스타일 레이아웃은 다양한 이미지 높이가 주어지면 가능한 한 공간을 가장 효율적으로 활용합니다. 과거의 레이아웃 장애물을 극복하고 이미지를 배치 할 때 세로 높이를 고려하여 페이지에 매우 조밀하고 퍼즐 조각이 흐릅니다.
이 레이아웃을 시도하는 것은 이미지 북마크 서비스 만이 아니 었습니다. Image Spark와 같은 경쟁 업체도 석조 레이아웃을 통합했습니다. 분명히이 퍼즐에는 더 많은 것이 있어야합니다.
페이지 매김 수수께끼
균일 한 자르기의 이미지 품질을 유지하면서 레이아웃 효율성을 극대화하는 것 외에도 Pinterest 팀은 기존 이미지 갤러리 형식의 다른 근본적인 문제를 식별 할 수있었습니다. 페이지 매김은 고통입니다.
웹 사이트는 페이지 뷰를 늘리기 때문에 페이지 매김을 좋아 하지만 (더 많은 조회수 = 더 많은 돈), 사용자는 짜증나게합니다. 어느 시점에서 당신은 되돌아 가서 특정 이미지 나 페이지를 찾고 싶다는 것을 깨닫고 그것을 찾을 때까지 그 뒤로 버튼을 백만 번 누르게됩니다.
이 문제를 해결하기 위해 Pinterest 팀은 사용자가 페이지 하단을 칠 때 더 많은 콘텐츠를 자동으로로드하는 깔끔한 작은 트릭 인 무한 스크롤링을 보았으므로 상당히 중단되지 않은 브라우징 프로세스를 허용합니다.
2008 년 폴 아일랜드는 무한 스크롤 플러그인을 만들어 배포하고있었습니다. 해당 사이트의 조언에 따르면 다음과 같은 경우 무한 스크롤을 사용한다고합니다.
- 사용자를 유지하는 것이 중요하며 "다음 페이지"를 클릭하는 것이 사용상의 장애입니다.
- 사용 가능한 전체 내용이 너무 커서 초기로드시 표시 할 수 없습니다.
- 콘텐츠는 페이지 단위 청크 (검색 결과, 블로그 게시물, 제품 목록 및 포트폴리오 기능)로 제공됩니다.
이것은 소셜 이미지 북마크 서비스의 상황을 완벽하게 설명하여 Pinterest가이 기술을 구현할 수있는 주요 영역이되었습니다.
벽돌 + 무한 스크롤 = 마법
벽돌 스타일 레이아웃과 무한 스크롤은 머릿속에서 하나의 아이디어로 융합되었지만 두 가지 기술로 시작되었습니다. 그것들을 종합하면 정말 중독성있는 경험을하게됩니다.
의심스러운 점이 있으면 Pinterest에서 멈추고 스크롤을 시작하십시오. 뒤에 오는 것은 당신이 빠른 엿보기를 위해 사이트에 들르고, 단단한 시간이 지나지 않은 곳에서 시간 여행의 이상한 형태입니다. 이 시점에서 사용자 인터페이스와 컨트롤을 잊어 버리면 손가락 하나로 한 번의 터치로 제어 할 수있는 수천 장의 아름다운 사진을 슬라이드에 담아 컨텐츠를 흡수 할 수 있습니다.
과거의 많은 사용자 상호 작용 모델을 날려 버리는 진정한 매력적인 경험입니다. 웹 사이트 중독의 전형 인 Facebook 뉴스 피드는 무한 스크롤을 사용한다는 점에 주목하는 것이 흥미 롭습니다. 또한, 새로운 타임 라인 페이지는 이제이 기법을 두 개의 열 벽돌 스타일 레이아웃과 결합합니다. 그것은 사람들을 붙잡고 있습니다. 내년 에이 두 가지 기술 중 더 많은 것을 볼 것으로 기대합니다.
탁월한 콘텐츠
멋진 상호 작용 모델은 백업 할 콘텐츠가 없다면 의미가 없습니다. Pinterest가 실제로 이륙하기 위해서는 두 가지 조건이 충족되어야했습니다. 내용은 훌륭해야하며, 그 수는 많았습니다.
이 두 목표는 실제로 상충됩니다. 많은 콘텐츠를 얻는 가장 좋은 방법은 사이트를 공개적으로 여는 것입니다.이 방법은 사이트가 쓰레기로 가득 차도록하는 가장 좋은 방법이기도합니다.
Pinterest는 초대를 신중하게 통제하면서 꽤 오랫동안 비공개 베타를 유지하기로 결정했습니다. 솔직히 그들이 어떻게 해냈는지 모르겠지만 얼리 어답터 피 너의 핵심 그룹은 실제로 Pinterest의 정체성과 품질 기대에 대한 무대를 설정했습니다.
특히 초창기에는 Pinterest 커뮤니티가 가지고있는 강력하고 독특한 성격을 부정 할 수 없었습니다. 사이트의 모든 이미지는 스타일이 넘쳐나는 것처럼 보였습니다. 보석을 찾기 위해 쓰레기 더미를 거르는 대신 화려한 인테리어 디자인 아이디어, DIY 프로젝트 등을 뒤흔들 었습니다. 다음 단계로 넘어가겠습니다. 타겟팅 된 사용자 기반.
여자의 손길
어떤 이유로 든 소셜 북 마킹 서비스는 전통적으로 꽤 나빴습니다. 이 서비스의 시각적 특성은 두 가지 종류의 사람들을 유혹합니다. 디자이너와 특별한 다양성을 가진 소녀의 이미지를 저장하려는 사람. 결과적으로 이러한 서비스는 일반적으로 아름다운 디자인과 에로틱 한 사진의 예가 혼합되어 가득합니다. 나를 믿지 않습니까? FFFFOUND에서 20 분을 보내십시오! 그리고 당신은 신자가 될 것입니다.
반면에 Pinterest는 실제로 여성들과 주로 청중을 발견했습니다. 사용자 기반이 빠른 속도로 확장됨에 따라 모든 유형의 사람들이 Pinterest로 몰려 들어 모든 방식의 컨텐츠를 "고정"하고 있지만, 초기 컨텐츠의 기본은 대부분 다른 스타일에서는 찾을 수없는 여성스러운 스타일을 발산 한 Etsy 스타일의 소재였습니다. 서비스.
여성은 Pinterest를 찾아 레시피를 저장하고 의상 아이디어를 수집하며 가정 장식 제품 목록을 만드는 데 사용했습니다. Pinterest는이 광대 한 잠재적 사용자 기반을 목표로 삼고이를 개인의 기초로 사용했습니다. 어제 비전문가 친구와 대화를 나눈 적이 있는데, 남성 사용자가 큰 여성 네트워크라고 생각하기 때문에 Pinterest에서 남성 사용자가 그녀를 팔로우 할 때 여전히 "크리프 아웃"됩니다.
결국, 이것은 다른 누구도 매칭에 접근 할 수없는 컨텐츠로 돈을 지불 한 매우 강력한 전략으로 판명되었습니다. 그러나 Pinterest의 사람들은 잠재 고객을 면밀히 주시하고 사용자층과 함께 발전해야합니다. 그들의 성장은 이미 그들을 매우 구체적인 제물에서보다 일반적이고 폭 넓은 범위로 끌어 들이고 있습니다.
공유를 장려하는 확실한 은유
Pinterest의 성공과 관련하여 마지막으로 논의하고 싶은 것은 표면 레이아웃 및 스크롤 기술보다 상호 작용 모델에 대해 조금 더 깊습니다. 그들이 서비스의 수집 프로세스와 소셜 레이어를 구조화 한 방법은 서비스를 강력하게 만드는 또 다른 천재입니다.
Pinterest의 비유는 즉각적으로 이해할 수 있고 토론하기가 매우 쉽습니다. 아이디어는 Pinterest가 "가상 핀 보드"라는 것입니다. 다양한 "보드"를 만들고 범주를 지정한 다음 책갈피 나 주 피드를 사용하여 항목을 보드에 "고정"합니다. 그런 다음 다른 사용자는 자신이 좋아하는 사용자의 게시판을 따라 자신의 취향에 맞는 맞춤형 콘텐츠 스트림을받을 수 있습니다.
사람들이 핀 것은 이미 잘 아는 사람들의 마음에 새로운 통찰력을 약속하는 뜨거운 토론 주제가되었습니다. 예를 들어, 나는 크리스마스 때 선물 아이디어를 위해 아내의 Pinterest 계정을 사용했습니다. 또한 더 잘 알고 싶은 사람들에게 도움이됩니다. 저녁 식사를 위해 다른 커플을 초대 할 때, 아내는 다른 여자의 Pinterest 계정을 확인하여 커플이 즐기는 음식의 종류를 확인합니다.
쉽게 만들기
우리는 이미 Pinterest가 어떻게 영감을 얻는 훌륭한 소스를 만들 었는지 논의했지만 사람들이 실제로 디지털 컨텐츠 수집 서비스를 사용하게하려면 컨텐츠를 수집하고 공유하는 작업을 거의 수월하게해야합니다.
그들이 북마크 북에 추가하여이 작업을 수행 한 방법 중 하나는 트위터에서 "리트 윗"아이디어를 선택하는 것입니다. 주어진 핀 스트림의 모든 항목을 좋아하고 댓글을 달고 가장 중요한 것은 다시 고정시킬 수 있습니다.
이것은 수집이 매우 쉬운 시스템을 만들고 많은 피닝을 장려합니다. Pin Etiquette을 설명하는 페이지도 있으므로 누구나 함께 즐겁게 놀 수있는 방법을 배울 수 있습니다.
결론
웹을 둘러 보면, 실행 불량으로 인해 파괴되는 환상적인 아이디어에 대한 수많은 사례가 있습니다. Pinterest는 놀라운 실행으로 인해 매우 잘 작동하는 상당히 일반적인 아이디어를 제시함으로써 이것을 머리에 돌리고 있습니다.
Pinterest는 여러 층의 상호 작용에 성공했습니다. 첫째, 레이아웃과 같은 벽돌로 콘텐츠 프리젠 테이션을 극대화하고 무한 스크롤로 몇 시간 동안 관심을 유지합니다. 다음으로, 그들은 잠재적 인 사용자의 큰 원천이자이 공간에서 잘 알려지지 않은 시장 인 매우 구체적인 사용자 기반을 신중하게 목표로 정하고 제작했습니다. 이로 인해 Pinterest의 정체성을 정의한 일간 컨텐츠의 탄탄한 토대가되었습니다. 마지막으로, 그 아래에는 즉시 이해할 수있는 은유 및 공유 플랫폼이 있으며, 이는 매우 바이러스 성이며 엄청나게 쉽게 집어 들고 사용할 수 있습니다.
이러한 모든 요소는 함께 중독성이 강한 사용자 경험을위한 훌륭한 공식을 만듭니다. 개인적으로 좋아하든 싫어하든 관계가 없습니다. 사실 Pinterest는 머리를 돌리고 기업 가치를 크게 높이고 있습니다. 따라서 디자이너로서 무시해서는 안되는 중요한 교훈이됩니다.