New York Times x Google지도 : UX 사례 연구 (New York Times x Google Maps: UX Case Study)

이 글은 Jason Branch New York Times x Google Maps: UX Case Study글을 번역했습니다. 저의 모든 글은 허가를 받고 진행 하였습니다

소개

지난 1월, 저의 봄 학기 동안, 제Fundamentals of UX 은 New York Times가 젊은 사용자들을 끌어들일 수 있는 방법을 찾는 일을 맡았습니다. 구독 모델부터 스토리텔링에 이르는 새로운 컨텐츠 길까지 다양한 버킷을 제공받았습니다. 시간적 틀을 고려할 때 이것은 전체 프로젝트라기 보다는 단거리 경주일 것같았습니다. 그래서 우리는 선택에 대해 전략적이어야 했습니다. 모든 선택들 중에서 우리는 "유통"를 선택하기로 결정했습니다. 타임즈는 성장하고 있었고 우리는 독자들이 그 신문에 접근하는 다양한 방법을 탐구하고 싶었습니다. 우리는 도전 발표를 정했습니다 : NYT가 현재 유통 모델을 재발명하여 하루 종일 사용하는 앱과 웹 사이트에서 어떻게 새로운 시대를 만들수 있을까?
우리는 처음에 온라인과 종이신문 서비스의 히트와 누락을 살펴 봤습니다.

상황

트럼프 조직이 내놓은 내용에도 불구하고 NYT는 꾸준한 속도로 성장하고 있으며 놀라울 정도로 큰 부분은 뉴스와 아무런 관련이 없었습니다. 올해 1분기 신규 가입자의 약 40%는 요리와 크로스워드에 기인합니다. 독자들이 더 많은 라이프 스타일 컨텐츠 옵션을 제공하도록 종이신문이 움직이는 것을 보여주는 데이터로, 우리는 이것을 조금 더 자세히 파고 들기로 결정했습니다.
사용량이 전반적으로 증가했지만 경험을 통한 행복은 그렇지 않았습니다. 앱 스토어에는 여전히 앱 스코어가 2.2 점이 있지만 주요 경쟁사에는 4점이 였습니다. 게다가 사용자가 아닌 사용자는 한 달에 5개의 무료 기사로만 뉴스에 액세스 할 수있었습니다. 독자는 반드시 새로운 콘센트에 열망하는 것이 아니라 더 나은 경험이 었습니다. 이 공간에서 탈출구는 비슷한 콘텐츠에 대해 더 나은 환경을 제공하는 것이 였습니다. 우리는 주요 경쟁사를 알고 있었지만 주위에서 경쟁사들을 더 자세히 보고 싶었습니다.
presentation

경쟁 분석

그 중심에는 비즈니스, 예술, 그리고 세계 뉴스의 3가지로 알려져 있습니다. 이러한 범주 뒤에 서서히 나타나는 것은 사건, 음식 그리고 생활 양식입니다. 음식, 이벤트 및 라이프스타일 컨텐츠 성장을 위한 비계를 이미 마련했기 때문에, 새로운 유통 모델을 테스트할 가치가 있는 것처럼 보였습니다.
독자들은 일반적으로 블로거, 영향력 있는 사람들, 소셜 미디어 등 다양한 곳에서 예술 문화와 생활 방식을 배울 수 있습니다. 한 걸음 물러서서 우리는 장소, 이벤트, 리뷰 등을 살펴보았습니다. 누가 이 공간을 지배하고 있었습니까? 무슨 자격으로? 그리고 채워질 수 있는 빈 공간은 무엇이었을까요? 사건의 경우 답은 분명했습니다. Eventbrite와 Timeout은 관심사에 맞게 해당 지역에서 하고 싶은 일을 가장 먼저 처리했습니다. 직접적인 이벤트 정보 외에 실제 콘텐츠나 리뷰는 없었습니다. 기껏해야 강력한 브랜드 목소리일 뿐이었습니다.
presentation
NYT 기존 레스토랑 검색 디자인
반대로 Yelp는 컨텐츠, 사용자가 생성한 특정 장소 및 그 제공물에 대한 경험, 느낌, 피드백으로 넘쳐나지만 브랜드 목소리는 매우 적습니다. 이벤트, 리뷰 및 장소에 초점을 맞추어 NAT의 과제는 의미 있는 방식으로 콘텐츠를 제공하는 것이 되었습니다. 우리는 독자들에게 오프라인 경험을 가져다 줄 수 있는 재미있고 유익한 브랜드 목소리를 원했습니다.

현재 제품

NYT는 이미 레스토랑의 리뷰를 중심으로 이것이 어떤 모습일지 사내 비전을 만들어냈습니다. 이 위치 뷰는 NYT 컨텐츠를 시내 레스토랑에 매핑하여 독자의 선호도와 관심사에 맞는 위치 기반 컨텐츠를 효과적으로 보여줍니다. 이걸 필터링할 수 있는 능력은 두뇌가 없는 것처럼 보였어요. 하지만 만약 NYT가 당신의 선호와 관심사를 이미 알고 있다면요? 만약 대기열이 이미 여러분의 식습관에 맞춰져 있다면 어떨까요? 독립 실행형 브라우저 기능으로, 이 기능을 Google 지도와 함께 사용하여 방향을 찾아야 합니다.
현재의 풍경을 보는 것은 쉬운 일이었습니다. 우리는 아직 사용자들을 인터뷰하지 않았습니다. 일단 그렇게 하고 나서, 우리는 흥미로운 통찰력을 얻기 시작했습니다.
저는 뉴욕타임즈와 같은 좋은 정보원으로부터의 리뷰를 보고 싶습니다. 왜냐하면 때때로 그들은 단지 이것이 좋거나 나쁘다고 말하는 불평이 될 수 있기 때문입니다. 하지만 비판적으로 리뷰를 쓴다면, 가끔은 무작위 사람들이 리뷰를 하는 것보다 더 도움이 됩니다. — 애니 M

Persona

우리는 사용자를 콘텐츠 소비 스펙트럼이라고 할 수 있는 것으로 세분화했습니다. 우리가 접촉하려고 했던 사용자들의 대다수는 탐색적 범위에 속했고, 우리의 사용자들은 더 탐구적인 쪽으로 기울었습니다. 이러한 사용자들은 여가 활동에 있어서 기획자가 아닙니다. 그들의 궤도에 있는 모든 것을 갈망하는 것은 그들에게 자연스러운 일입니다. 그들이 들은 것, 그들의 친구들이 하는 것 또는 지하철에서 본 파티를 위한 현수막 같은 것들이죠.
사용자: 밀레니엄과 21~40세의 노인들은 자신이 아는 사람으로부터 다음 번 핫한 것을 찾고 있습니다.
presentation
콘텐츠 소비 스펙트럼

Insights

독자들은 자신이 소비하는 콘텐츠를 더 많이 원하며, 그 콘텐츠가 자신에게 맞게 조정되기를 원할 뿐만 아니라 실행도 가능해야 합니다.
  • 일정과 위치에 맞는 옵션을 확보하는 것이 중요합니다.
  • 크라우드소싱된 정보보다 주제 전문가 또는 신뢰할 수 있는 의견을 선호합니다.
  • 사용자는 자신의 친구가 무엇을 하고 있는지 알고 싶어 합니다.
그들은 같은 방법으로 콘텐츠에 관여합니다. 그들은 스스로 블로그를 검색하기 보다는 리트윗된 기사를 읽는 경향이 있습니다. 이 사실을 알고, 우리는 컨텐츠를 찾는 것이 아니라 컨텐츠를 찾기를 원하는 탐색적 사용자들의 손끝에 어떻게 컨텐츠를 배치할 수 있는지 알아내기 시작했습니다.

Concept

presentation
Illustration by teammate Kinza Kasher
우리는 이 개념이 가상적이고 두 회사 간에 엄청난 양의 악수를 필요로 하며 지나치게 단순하다는 것을 잘 알고 있습니다.
사용자는 정교하고, 바쁘고, 추진력이 뛰어납니다. 그들의 삶이 계획했던 대로, 그들은 자발성을 원했습니다. 라이프스타일 콘텐츠에 대한 질문을 받았을 때, 사용자들은 그들이 관심을 가지고 있는 것들과 그들이 어디에서 그것들을 찾을 수 있는지를 동시에, 상황에 맞게 보여주기를 원했습니다. 그것이 애매한 만큼, 우리는 그것을 달성하기 위한 몇 가지 방법을 세뇌했습니다. 컨텍스트에서 컨텐츠를 표시할 수 있는 곳은 어디입니까? 애플 뮤직의 앨범 리뷰, 구글 지도에서 이벤트가 흐릿한 건가요? (처음에는 다른 것 중 첫 번째 것을 시도했지만, 효과가 없었습니다.)
presentation
우리는 후자를 선택했습니다. 당시 구글 맵은 아직 콘텐츠에 전념하지 않았습니다. 오늘날 지도를 보면, 몇 달 전 연초와는 전혀 다르게 보입니다. 지도는 방향보다는 내용이 더 풍부해졌고, 어떤 면에서는 우리가 앞서고 있었습니다. 그 당시에, 그것은 확실히 지금처럼 과장되지 않았습니다.
presentation
내용을 위한 디자인 원리
우리의 연구는 사용자들이 그들이 관심 있는 장소, 행사 또는 장소에 대한 컨텐츠를 원하는 방법을 알려주는 같은 장소에 존재한다는 것을 우리에게 보여주기 시작했습니다. 우리는 기능 및 불필요한 옵션을 추가하지 않기 위해 처음부터 설정한 설계 원칙을 반드시 준수했습니다.
가고 싶은 장소, 이벤트 또는 장소에 대한 콘텐츠는 그곳에 가는 방법을 알려주는 동일한 장소에 존재할 수 있습니다.
presentation
우리의 전제는 이론적으로는 간단하지만 본질적으로는 복잡했습니다. 왜 사용자들은 방향을 찾기 위해 그들 주변에서 일어나는 일들을 보여줄 수 없을까요? 만약 사용자들이 그들의 지시를 받은 장소와 같은 곳에서 근처의 이벤트에 대해 들을 수 있다면, 그들은 이러한 이벤트, 영화, 전시회 등을 더 많이 볼 수 있을 것입니다.
과정은 간단할 것입니다. 사용자는 Google 지도에 접속하여 "이벤트 탐색"을 클릭하면 NYT로부터 어떤 일이 일어나고 어디서 일어나고 있는지에 대한 정보를 얻을 수 있습니다. 기사를 클릭하면 Google 지도가 사라지고 NYT 웹 사이트로 이동합니다.
presentation
Native Concept

Material Design for Maps

재료 설계 지침 내에서 설계하는 것은 우리에게 필요한 구조와 컨텐츠에 자유로울 수 있는 자유를 주었습니다. 계층 구조를 요구하는 경험의 설계: 우리는 NYT 스타일과 재료 설계의 지침 안에 종이 내용만 담고 있는 재료 디자인을 결합하지 않을 것입니다. 내용 자체는 출처와 미묘한 브랜딩의 차별화 요소가 될 것입니다.
presentation
첫 번째 반복은 콘텐츠가 균등하게 간격을 두지 않았습니다.
presentation
더 많은 반복을 허용하는 더 많은 반복
재료 디자인을 고수할수록 콘텐츠가 더 토착적으로 느껴질 것입니다. 이것은 유동성에 매우 중요했습니다. 미세 상호작용, 전환, 간격과 같은 간단한 것들을 포함해서 말이죠. 그것은 구글 지도처럼 행동해야만 했어요.
presentation

presentation
Google Material design transition

위치 기반 콘텐츠

이 기능의 진입점은 Google 지도 홈페이지입니다. 페이지 하단에 두 개의 단추를 추가하면 사용자가 대상 위치를 구분하는 데 도움이 됩니다. 구글은 이미 음식과 음료를 위한 강력한 인프라를 만들었습니다. 그래서 우리는 그 콘텐츠를 내버려 두기로 결정했습니다. 이벤트 탐색 버튼을 사용하면 해당 지역에서 발생한 상황과 발생 시점의 목록을 볼 수 있습니다.
presentation
주변 이벤트 클릭
이벤트를 클릭하면 사용자가 안내 페이지로 이동합니다. 이제 특정 사건에 대한 기사 요약이 들어 있습니다.
presentation

권장 사항

Native(원본)의 핵심 기능 중 하나는 사용자에게 권장 사항의 기능 등급을 부여하는 것입니다. Google 제품 전반에 걸쳐 기계 학습을 사용하여 사용자에게 이벤트를 추천하는 것만으로는 이러한 권장 사항이 얼마나 효과가 있는지 알 수 없는 경우 충분하지 않습니다. 사용자에게 제공되는 콘텐츠에 대해 사전 예방적으로 대처하면 보다 효율적으로 작업하고 관심사에 따라 관련 콘텐츠만 표면화할 수 있습니다.
presentation

presentation

presentation

Google 지도에 대한 최근 업데이트로 인해 이 콘텐츠는 다양한 곳에서 사용할 수 있으며 업데이트될 수 있습니다. 현재 탐색 기능을 사용하면 원하는 장소, 별표 및 즐겨찾기를 저장할 수 있습니다.
presentation
현재 Google은 사용자가 저장 한 장소를 디자인합니다.
presentation

Feedback

처음에는 교수님의 우려에 따라 우리의 개념이 충족되었습니다(그녀는 NYT의 디자인 담당 부사장). 그녀는 사람들이 구글 지도를 목적 없이 열고 있다는 것을 믿지 않았습니다. 그녀의 입장은 사용자들이 단지 A 지점에서 B 지점으로 가는 것을 원한다는 것이었다. Google 지도는 사람들이 자신의 동네나 주변의 것들을 탐색하기 위해 사용하는 것이 아니라, 사람들이 길 안내를 위해 사용하는 전술 도구입니다. 탐험보다 더 유용했어요.
거의 흔들릴 뻔 했어요. 하지만 우리가 일차적인 연구를 할수록, 우리는 그 개념이 사건들을 찾는 것에 관심이 있는 사람들에게 더 큰 반향을 일으킬 것이라고 확신하게 되었습니다. 그리고 더 많은 것들이 단지 그들에게 전문지식을 가지고 그들을 위해 준비된 것들입니다. 이것은 사용자 테스트를 시작하면서 부풀어 올랐습니다. 그것은 마치 그것이 세상에 이미 존재해야 하는 것처럼 사용자에게 현실감을 느꼈습니다. Google은 항상 이 미지의 기능에 대해 잘 알고 있었으며 미래에 대한 새로운 기능 롤아웃(rollouts for the future)을 준비하고 있었습니다. 최신 버전의 지도는 잘 생각되고 내용이 풍부합니다.
presentation
현재 Google지도 이벤트 콘텐츠
앱 하나로 다 할 수 있다면. 지금 제 과정은 좋은 레스토랑을 찾아 구글 지도에 복사해서 붙여넣는 것입니다. 지금 이 모든 앱들 사이에서 회전하고 있습니다. 내 브라우저에 가지 않고도 합법적인 뉴스를 얻을 수 있다면 말이지 나는 그것을 꼭 사용할 것입니다. — 헨리

Takeaways

presentation
Kinza Kasher와 NYT 디자인 스태프에 대한 우리의 개념을 소개합니다.
이를 NYT에서 제시하면서도 벅찬 목소리로 표현했습니다. 생계를 위해 NYT 제품을 작업하는 이해관계자들로부터 피드백을 듣는 것은 참신한 관점입니다. 콘셉트를 너무 잘 받는 것 같아서 좋았어요. 전반적으로, 이것은 새로운 독자들을 통해 추구할 수 있는 실행 가능한 선택이었고 NYT와 구글의 기존 파트너십에 더하여 가치가 있다는 느낌이었다.
presentation
우리는 이 프로젝트를 추진할 경우 고려해야 할 핵심 영역인 추가 피드백을 받았습니다. 다음 번 시제품 반복에서는 다음 사항을 다루려고 합니다.
  • 콘텐츠가 NYT에 더 고유하다고 느낄 수 있는 방법
  • 경쟁 우위가 아닌 비즈니스 기회로 구성하는 방법
  • Google 지도에 대한 추가 비즈니스 가치
얼마 후 Google은 지도상의 이벤트에 대한 일련의 가이드 라인을 작성했습니다.(events on maps)
부인: 저는 NYT나 Google 지도에서 일하지 않습니다. 이 사례 연구는 저의 대학원 과정에서의 수업 프로젝트를 위한 연습일 뿐입니다.

이 글은 번역 글입니다. 원본 링크입니다.


안녕하세요! Early adopter입니다.
페이스북 [DTF] 디자인 번역 공장 - Design Translation Factory 그룹도 많이 가입해주시길 바랍니다.
"보버"에서 "디자인 번역 공장" 연재를 저와 함께 해주실 분을 찾습니다. 하단 "리뷰" 또는 "페이스북"으로 편하게 메시지 주세요!
PS. 제가 사용하는 블로그 "보버"에 "함께 쓰는 블로그"라는 기능이 요번에 추가됐네요 ㅋ (미디엄에 퍼블리케이션 같은 기능..)
하단 링크 글을 보시면 "디자인 번역 공장"에 어떻게 함께 연재할 수 있는지 자세히 설명되어있습니다. 또는 쉽게 FB 메시지 주세요!
https://bit.ly/2L6WsZp