Мобильная Почта Mail. Ru проводила в дизайнерском сообществе Dribbble конкурс на лучшую концепцию приложения. Идея была в том, чтобы предложить участникам придумать удобное и практичное решение — как работать с полезной информацией из почтовых вложений, чтобы посмотреть на почту не как на список писем, а как на некое собрание историй из жизни. Юрий Ветров, руководитель портальной дизайн-команды Mail. Ru рассказал о том, как задумывался проходил конкурс, кто победил и во что могут превратиться почтовые приложения в будущем.
Почему решили провести такой конкурс?
Для нас это возможность посмотреть на сервисы компании глазами людей со стороны. Работая над продуктом, мы любим пробовать самые разные, иногда совершенно невероятные и сумасшедшие идеи. Один из источников таких идей — конкурсы. Так, «Одноклассники» с 2012 года проводят Russian Design Cup, где участники решают приближенные к реальности задачи. Еще мы давно взаимодействуем с Британской школой дизайна, где на интенсивах и основных курсах студенты так или иначе работают над продуктами Mail. Ru Group.
Почему именно сейчас?
— Формат мы придумали еще в конце 2013 года, к запуску международного бренда My.com, но проведение конкурса решили отложить. Мы искали способ правильно рассказать о нем: в свое время сообщество дизайнеров Dribbble предлагал хорошие маркетинговые инструменты для организаторов таких соревнований, но позже функционал исчез, и осталось только упоминание в еженедельном дайджесте в блоге.
Почему мы смотрели именно на сервис Dribbble? Мы уже четыре года проводим московский Dribbble Meetup и хорошо знакомы с площадкой. Там регулярно проводятся конкурсы в формате ребаундов, где хватает и участников, и интересных работ. (Ребаунд — это одна из ключевых вещей в механике Dribbble — условно говоря, ответ на работу, то есть сделанная другим участником версия дизайна.)
Хотя в сообществе действительно есть непродуманные работы, в которых визуальная составляющая идет впереди смысла, настоящий Dribbble — это мощная платформа для экспериментов, где рождаются многие тренды и куда выкладывают свои работы ведущие продуктовые компании. Google, Dropbox, Twitter, Facebook, Salesforce, Instagram, InVision, Evernote, Squarespace, Mailchimp, Spotify, Pinterest, Medium, Stripe и многие другие хорошо понимают это. Портальная дизайн-команда Mail. Ru Group также публикует там свои наработки.
Насколько ожидаемыми оказались варианты, которые предложили участники? Какие тренды прослеживались среди этих вариантов? Какие самые интересные и самые неожиданные решения предложили участники?
Мы не ждали, что получим готовое прорывное решение на блюдечке — без глубокого погружения в продукт это невозможно. Поэтому для нас конкурсные работы — это возможность посмотреть на элементы продукта под другим углом и, сложив отдельные варианты с собственными наработками, получить добротное решение для той или иной функциональности. По сути это брейншторм с дизайн-сообществом.
Перед началом конкурса у нас было представление о том, каким может быть хорошее решение. А после плотного общения со студентами летнего интенсива Британки по UX/UI оно стало еще более четким.
Задачей конкурса было создать концепцию интерфейса мобильного приложения (причем совсем необязательно почтового) для удобной работы c полезной информацией в почте. Есть несколько способов, которые лежат на поверхности и в том или ином формате используются разными игроками. Во-первых, можно отображать вложения прямо в списке писем. Во-вторых, можно сделать отдельный раздел с навигацией и поиском по вложениям (или любой другой полезной информации) из писем. Такая функция кстати уже несколько лет есть в веб-версии Почты Mail. Ru. Наконец, можно автоматически объединять в цепочку все файлы, связанные, например, с путешествием или проектом.
Все решения мы оценивали в первую очередь по тому, насколько хорошо авторы проработали перечисленные выше составляющие (хотя, конечно, в первую очередь, было интересно, смогут ли участники конкурса предложить какие-то другие решения помимо этих). Естественно, учитывалось качество визуального дизайна и продуманность логики интерфейса. Также принимались во внимание вдумчивость описания концепции, отдельные идеи и эффектность подачи.
Мы получили работы от 54 дизайнеров. Кто-то загружал по несколько версий своего решения (мы учитывали в оценке последнюю). В общем, посмотреть было на что. Правда, нашему представлению об идеальном интерфейсе для этой задачи не соответствовала почти ни одна работа (см. три пункта выше), поэтому мы стали разбирать концепты на отдельные интересные идеи. Получилась внутренняя презентация на 200 слайдов и очень подробная статья.
Если говорить о победителях, то их три.
1 место: Shakuro
Ребята лучше всего попали в задачу. Это отдельное приложение, хорошо продуманное в плане интерфейса и здорово поданное в плане визуального дизайна. Решение сопровождается толковым описанием и анимацией работы продукта. Помимо всего этого в концепте пачка отдельных идей, которые мало пересекаются с другими работами, — например, архив файлов по датам на сетке календаря, панель шеринга, PIN-код на доступ.
2 место: Фарид Рафиков
Мы ожидали более классических решений, но Фарид подошел к задаче с другой стороны. Он предложил персонального помощника в духе модных сейчас Magic и Operator, который позволяет находить нужную информацию в почте, вводя поисковые запросы на естественном языке. Реализовать такое технически, конечно, непросто, но нам понравился свежий подход и уровень проработки идеи.
3 место: Ильяс Алиев
Жюри разделилось в выборе обладателя третьего места. С одной стороны, у Ильяса цепляющий визуальный стиль, много интересных идей по представлению информации и взаимодействиям, отличная видеоподача. С другой, решение во многом остается на первом уровне понимания задачи (выделение вложений в списке писем), а с отрисовкой есть ряд проблем, самая явная из которых — чересчур мелкие шрифты. Но в жанре конкурсного концепта это одна из самых ярких работ с большим количеством предложений, поэтому мы остановились на ней.
Какие были сложности при организации конкурса? Как с ними справлялись?
Оказалось, что значительная часть желающих участвовать не имеет аккаунта на Dribbble, а регистрация в сообществе только по инвайтам. Так что прямо по ходу пьесы пришлось корректировать формат проведения. Многим из участников мы выдали инвайты сами — они выкладывали свои работы на других площадках и присылали ссылки нам, после чего публиковали их уже по правилам. Из-за этого мы дважды сдвинули дедлайн для приема работ.
Кроме того, как я уже упоминал, у Dribbble почти не осталось собственных маркетинговых инструментов, позволяющих рассказать о конкурсе. В итоге мы нашли много не известных нам ранее дизайн-сообществ, которые помогли анонсировать соревнование.
В общем приходилось постоянно держать руку на пульсе. Зато ближе к концу произошел настоящий взрыв интереса — вместо ожидаемых 20–30 работ мы получили в два раза больше! Это, правда, затянуло процесс оценки работ — непросто вдумчиво пройтись по такому огромному количеству и отметить все интересные задумки.
В общем, если подытожить — нужно реалистичнее смотреть на сроки, давать достаточно времени участникам и самому жюри. Растягивание конкурса, конечно, снижает его динамику, поэтому может понадобиться подогревать интерес публикациями. Зато вы получите больше хороших работ и возможность внимательно проанализировать их.
Что дальше? Будет ли какая-то из работ использоваться целиком или частично?
Победитель конкурса Shakuro оказался ближе всего к тому, что мы искали. С другой стороны, в похожем формате все это уже работает в веб-версии Почты Mail. Ru, поэтому можно говорить о примере адаптации функций под мобильные. Мы разобрали каждую работу на отдельные составляющие и наверняка будем смотреть на подходы к компоновке экранов и подаче информации при развитии Почты.
Будете сотрудничать с кем-то из участников?
Наши коллеги из «Одноклассников» наняли нескольких дизайнеров по результатам Russian Design Cup. У нас такой цели не было, но некоторые из участников сами спрашивали о вакансиях в компании. Мы общаемся с ними на эту тему.
Вас устроили результаты, которые вы получили? Это то, чего вы ожидали? Будете повторять такие конкурсы?
Успешность конкурса оцениваем по двум показателям.
1. Пойдет ли что-то из идей в работу целиком или частично.
2. Будет ли маркетинговый выхлоп от мероприятия.
О первом я уже сказал, второе мы еще оцениваем. В целом мы проработали механику проведения. Самый сложный кусок работ — итоговый анализ и подготовка статьи с обзором лучших идей. Если научиться делать его проще и быстрее, конкурсы можно проводить регулярно.
Насколько реально оценить такие творческие работы объективно? Какой метод оценки вы использовали?
Оценивали работы вместе с коллегами из подразделения Почты Mail. Ru Слава Яшков, Костя Зубанов, Иван Мыздриков, Борис Никифоров, Алексей Сергеев и я. Таким образом, получалось, что мы оцениваем идеи с трех сторон — качество дизайна и интерфейса, ценность для бизнеса и технологическая реализуемость.
Для того чтобы получить взгляд со стороны и сделать оценки более объективными, мы попросили подключиться к жюри Артема Тройного. Он как нельзя лучше подходит для этой роли — молодой, но очень перспективный дизайнер, который стал широко известен благодаря своему концепту редизайна New York Times.
Мы собрали все работы в таблицу, где проставили «да»/«нет» по трем параметрам: попадание в задачу, продуманный интерфейс, добротный визуальный стиль. На призовые места могли рассчитывать только те, кто этот фильтр прошел.
Дальше жюри оценило все работы от 1 (слабо) до 3 (сильно), и мы получили сводный балл. После этого у нас сформировался шорт-лист из десяти наиболее интересных работ, и мы сели обсуждать, чье решение лучше всего соответствует задаче. Если у Russian Design Cup несколько этапов и усредненные оценки членов жюри по десятку работ устраняют элемент случайности, то в случае с одной задачей этот элемент случайности есть — кто-то из оценивающих мог недостаточно внимательно изучить работу. Личное обсуждение позволяет составить единое мнение, учитывающее все нюансы и точки зрения. Это опять же отличается от полностью автоматизированного Russian Design Cup, но и специфика конкурсов разная.
Вы писали, что в процессе пришлось допиливать механику. Был ли негатив из-за изменений со стороны участников?
Участники негативно реагируют в двух случаях:
1. Вы ставите их в неравное положение. Либо сдвигаете даты в последний момент — и получается, что одни старались успеть к дедлайну зря, а у других, наоборот, появилось больше времени. Либо даете личные подсказки кому-то из дизайнеров.
2. Вы пропадаете, не сообщая вовремя об изменениях и сдвигах. Мы немного затянули с подготовкой итоговой статьи — оценка и разбор работ заняли сильно больше времени, мы пару раз пропустили обещанную дату публикации. В следующий раз будем реалистичнее подходить к срокам.
Из-за того что нам пришлось самим выдавать инвайты на Dribbble многим участникам, мы потеряли одну из заявок, и дизайнер справедливо обиделся, что его работу не включили в число оцениваемых. Позже мы присудили ему один из поощрительных призов.
Вообще от участников был какой-то негатив? Он часто бывает после объявления результатов.
Распространенная проблема конкурсов: жюри выбирает победителей, поздравляет их — и на этом все заканчивается. Многие из участников остаются в недоумении — почему моя работа не попала в призовые? Чем вот этот концепт лучше моего, тут же куча явных проблем? Я потратил свое время, а вы даже не упомянули меня!
Мы хотели этого избежать. Во-первых, сделали очень подробный разбор всех составляющих работ — списки, поиск и фильтрация, экран вложения, работа с событиями, медиаконтентом, жесты и быстрые действия, альтернативные представления вроде чата и т. п. Во-вторых, отметили интересные решения по каждой из составляющих. В итоге мы упомянули почти всех, кто прислал работы. А ход наших мыслей стал понятнее — условно говоря, кто больше упоминался в отдельных решениях, тот и был ближе к победе. Хороший наглядный анализ.
Да, на составление этой статьи ушло приличное количество времени и сил. Зато и внутри команды анализировать работы с таким разбором гораздо проще.
Какая награда будет победителям?
В качестве призов победителям достанутся оплаченные проекты на Kickstarter. Мы отобрали 10 интересных гаджетов и вложили в них достаточно денег для того, чтобы получить устройство одним из первых. Каждый из трех финалистов получит логин и пароль от учетной записи, от имени которой мы вкладывали деньги — нужно просто изменить адрес доставки на свой.
1 место:
- Дрон CyPhy LVL 1
- Девайс для съемки таймлапса Radian 2
- Модульный чехол для смартфона Nexpaq
- Многофункциональный хаб Hub+
- Многофункциональный брелок Makey Makey GO
2 место:
- Шлем виртуальной реальности FOVE
- Электронная ручка-стилус Phree
- Музыкальная колонка с языками пламени The Sound Torch
3 место:
- Цифровое «окно» Atmoph Window
- Пульт управления для умного дома Nuimo
Почему Kickstarter? Абсолютное большинство конкурсов похожи друг на друга как две капли воды — они вручают победителям что-то из магазина Apple. Это более практично, но и уныло одновременно — от них веет штамповкой. Поэтому для экспериментальной задачи мы и решили попробовать экспериментальные призы.
Что бы вы посоветовали другим компаниям, решившим проводить подобные творческие конкурсы среди профессионалов?
1. Давать более-менее реальные, а не абстрактные задания. Только в условиях правдивых ограничений и требований можно получить интересный результат, который еще и можно оценить по внятным критериям.
2. Понимать, что вы вряд ли получите готовое решение, которое можно завтра же внедрять. Люди со стороны не знают всех тех нюансов продукта, в которых варитесь вы, а за небольшой срок выполнения конкурсной задачи в них не погрузиться. Воспринимайте это как «коллективный брейншторм», который может натолкнуть вас на какие-то мысли.
3. Уважать участников конкурса. Ставьте всех в равные условия. Своевременно информируйте об изменениях и статусе. Расскажите о том, как оцениваете решения и почему выиграли именно эти работы. По возможности наградите поощрительными призами тех, кто сделал хорошую работу, но не взял основной приз.
4. Осмысленно выбирать площадку. Dribbble лучше вписывался в нашу историю продвижения сообщества, но он требует инвайтов, и нам пришлось выкручиваться, поскольку у многих участников их не было. Behance имеет свободную регистрацию, но там сложнее отслеживать серию работ. Revision помогает в организации конкурсов (пример: Russian Design Cup), но ограничен русскоязычным сообществом.
Какие тренды сейчас актуальны для почтовых приложений? Чем они обусловлены?
Почту хоронят каждый год под разными предлогами (ее убьют социальные сети, мессенджеры, [подставить что-то в 2016 году]). Тем не менее, это мощный рабочий инструмент, хороший канал получения уведомлений и надежный способ переписки, который постоянно развивается. Можно выделить несколько направлений, в которых развиваются почтовые приложения:
- Почта как таск-менеджер. Создатели почтовых приложений осознали тот факт, что многие используют список входящих писем как список задач. Пустой инбокс = все выполнено, отправить письмо себе = поставить задачу и т. п. Неплохим примером здесь является Mailbox, который явно построил приложение вокруг этого принципа, хотя десктопный Outlook давно позволял связывать письма с to-do. В том или ином виде возможность отложить письмо до определенного времени появилась или появится во всех клиентах.
- Вычленение смысла из писем. Обработка и удобное представление авиабилетов, событий, покупок, сообщений из соцсетей и т. п. В эту сторону думают давно (у нашей Почты была инициатива Open Mail Format в свое время), но наиболее системно к этому подошел Inbox от Google.
- Почта как чат. На волне бешеного успеха мессенджеров многие пытаются пересмотреть и почту в этом ключе. Hop, отечественный Mailburn и многие другие копают в этом направлении. Но особого успеха никто не добился — этот странный гибрид не особо удобен в использовании, имеет технологические проблемы: например, не всегда можно вырезать цитирование, что ломает переписку, рассылки плохо ложатся в эту концепцию. Да и путь Slack более правильный — сервис пересмотрел подход к совместной работе, вместо того чтобы натягивать интерфейс чата на существующий со своими ограничениями формат писем.
- Универсальный комбайн. Изначальным посылом мобильных приложений была максимальная простота, атомарность функций и разделение их на отдельные продукты. Но приложение Outlook (на базе Acompli, который купил Microsoft) пошло в обратную сторону — все в одном, как и в десктопной версии. При этом оно набрало дикую популярность и получает высшие оценки у The Verge.
- Почта как Tinder, Flipboard, Pinterest, Medium — разной степени адекватности гибриды. Попытка использовать интерфейсные решения наиболее ярких социальных сервисов. Получается так себе, но эксперименты интересные. В iOS 9, например, представление объекта и действия с ним а-ля Tinder уже встроены на уровне платформы, так что влияние этих концептов чувствуется.