book-open 1 test
Продуктовые кейсы

UI/UX кейс: новое приложение для The New York Times

UI/UX кейс: новое приложение для The New York Times | Сей-Хай

Вы читаете перевод статьи "UI/UX case study for the New York Times app". Над переводом работали: Ольга Жолудова и Ринат Шайхутдинов.

Бриф проекта: Оперативно предлагать читателю актуальные статьи по 2-5 минут. Статьи подбираются под конкретного пользователя на основании его расписания и привычек.

На заметку: Это не официальное приложение New York Times, а просто концепция, которую разработала моя команда (Эдди Ху, Ке Ху и я) под руководством нашейго профессора Ренды.

Интересуетесь свежими статьями по продуктовому дизайну (UX/UI)? 🚀

Подписывайтесь на канал в Telegram | ВКонтакте, Instagram, Facebook

Проблема

Приложение New York Times теряет поклонников, и тому есть миллион причин. Кроме конкуренции и цены, можно выделить еще несколько факторов, которые влияют на предпочтения пользователей:

  1. Освещаемая информация (Пользователям не нравится то, что они читают)
  2. Смена жизненных обстоятельств (например, переезд)
  3. Редкое использование приложения
  4. Неподходящий контент

Цель

  1. Мотивировать читателей выбирать именно New York Times, учитывая что есть множество новостных приложений и большинство из них бесплатные.  
  2. Сформировать у читателей привычку пользоваться приложением New York Times.
  3. Создать условия, в которых читатели смогут и впредь отдавать предпочтение приложению New York Times.

Наше предложение

Вместо того, чтобы перегружать существующее приложение NYT, мы добавим на его посадочную страницу полезную функцию под названием Timely.

Благодаря этой функции, читателю смогут получать уведомления в удобные часы дня: во время завтрака, в пути, перед встречей, в перерывы и прямо перед сном.   

Через уведомления пользователи могут открыть Timely и прочитать несколько статей. И, что самое важное, статьи эти будут подобраны с учетом их интересов и привычек.

Процесс проектирования

Моя роль и команда:

В основном я работал над визуальным дизайном и взаимодействиями в команде с экспертами по UX мышлению Ке и Эдди Ху.

Исследование темы

Мы исследовали привычки молодых людей. Наша цель — не просто создать приложение, а найти свое место в жизни пользователей.

Как люди сейчас читают новости?

Когда они пользуются мобильными телефонами?

“Мы берем в руки телефон 2,617 раз в день”

Целевой пользователь и рынок

Поскольку продолжительность проекта была лишь четыре недели, мы поставили цель разработать простое решение. Поэтому мы анализировали, какие из простых решений подойдут нашему целевому пользователю.

Объем работ

Пользователь: Люди от 20 до 40 лет, технически подкованные, пользуются google календарем для планирования.

Рынок: Молодое население Нью Йорка.

Темы и идеи

В отчете Reuters по цифровым медиа за 2017 год мы почерпнули множество идей о состоянии новостного рынка в мире.

Интервью с потенциальными пользователями

Мы выбрали в качестве потенциальных пользователей молодых людей, которым некогда читать газеты из-за плотного графика. Мы выбрали эту категорию людей, чтобы понять их болевые точки и повседневные задачи.  

  1. Мы провели первичные полевые исследования.
  2. Мы отправили отчет по результатам опросов.

Командный мозговой штурм — я, Эдди и Ке Ху

Избранные цитаты пользователей:

“Я не очень хорошо знаю последние новости”

“Мне интересно. Думаю, все дело во времени. Единственное время, когда я читаю новости, это утренние часы, когда я проверяю почту”

“У меня бывают небольшие свободные интервалы”

“Я все свое время трачу на эту паршивые новости”

“Хотелось бы мне читать новости! Наверное, моя проблема в том, что я не умею управлять своим временем”

Принципы дизайна

После проведения исследования и интервью с пользователями, мы выработали набор принципов дизайна, которыми будем руководствоваться при проектировании. Нам бы хотелось сохранить прямую связь между результатами интервью и дизайном нашего интерфейса.  

1. Плавная интеграция

У каждого пользователя свое расписание и привычки. Опыт взаимодействия с приложением должен быть плавно и просто интегрирован в его привычный график.

2. Простота

Приложение должно быть простым в использовании. От пользователя не требуется осваивать новый паттерн.

3. Вежливость

Дизайн должен быть приятным и доступным. Не следует докучать пользователю большим количеством уведомлений.  

Карта эмпатии

После проведения интервью, мы зафиксировали на бумаге все ответы и идеи о пользователях, чтобы правильно понять их контекст и эмоциональный фон.

Карта эмпатии — я, Эдди и Ке Ху

Идеи + проверка

9 концепций — я, Эдди и Ке Ху

Путь пользователя

Рисунки Эдди и Ке Ху

Первый этап сторибординга и вайрфрейминга

Мы сделали визуальный сториборд, чтобы показать, как люди будут пользоваться нашей функцией и в каком контексте будут открывать приложение.

Автор: Эдди Ху

Ке и я

Критика дизайна

Вайрфрейм: вторая попытка

На основании обратной связи, мы решили адаптировать наш дизайн под портретный режим с использованием более привычного паттерна прокрутки.

Эдди и я

Путь идеального пользователя

По мере того, как на экране появлялось больше функций, мы решили поближе изучить стиль жизни пользователей. Это позволит нам элегантно интегрироваться в их жизнь.

Автор: Эдди Ху

Финальный прототип

Два режима приложения

После небольшого мозгового штурма над сторибордом, мы придумали два режима работы приложения:

Эдди и я

Эдди и я

Финальный прототип

Заключение

На основании интервью с участниками и исследователями, мы выявили четкую закономерность. Ее суть в том, что молодые люди готовы пользоваться приложением, если оно плавно встроится в их расписание.

Что можно улучшить?

Выводы

Это мы — Эдди Ху и я — представляем нашу идею в главном офисе New York Times. Ке Ху в это время во Франции.

Благодаря этому проекту я понял, как сложно представлять маленькую функцию такой большой и именитой компании. Сколько всего нужно учесть, когда предлагаешь поменять кнопку на экране.

Мы плотно работали с Рендой Мортон (исполнительным директором по дизайну продуктов New York Times), и это был ценнейший опыт. Я стал лучше понимать весь спектр дизайна, думать об ограничениях и задавать правильные вопросы.  

Продуктовые кейсы