Юзабилити

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

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

Что происходит

Есть разные точки зрения на то, как обстоят дела с качеством рекомендательных систем крупных видеохостингов. Одни считают, что площадки вроде YouTube помогают находить действительно полезный контент среди сотен тысяч роликов по программированию, учебным и научным дисциплинам. Другим каждый раз приходится сдерживаться, чтобы случайно не включить ролик о теориях заговора и не испортить свой рекомендательный портрет. Третьи уже привыкли регулярно чистить историю просмотров, смотреть видео в режиме private browsing и пользоваться адблокерами, позволяющими прятать разделы с related-рекомендациями.

Другое дело, что площадки редко реагирует на подобную критику и, что называется, продолжают гнуть свою линию. Часто это выливается в достаточно нелепые конфликты не только на почве фичреквестов, но и банального закручивания гаек. Так, в год, когда множество музыкантов были вынуждены сидеть дома и пытаться заработать хотя бы что-то в онлайне, крупные соцсети решили ввести новые правила использования аудиотреков в роликах. Конечно же, это привело к необоснованным блокировкам. Но на этот раз гнев общественности обошел стороной YouTube, который принял похожие правки пользовательского соглашения гораздо раньше Facebook и Twitch, плюс сразу предоставил контент-мейкерам доступ к открытой фонотеке.

Однако громкие скандалы с участием соседей по рынку видеостриминга не оттянули на себя внимание общественности. Дошло до того, что жалобами на выдачу рекомендательного движка YouTube заинтересовались в Mozilla, но на этот раз в компании решили не ограничиваться подборкой фейлов и разработали расширение для репортинга странных рекомендаций. С учетом сложной эпидемиологической ситуации, породившей не только новые теории заговора, но множество других категорий видео из рубрики черная дыра ютуба, такой Regret Reporter действительно может поспособствовать улучшению ситуации на площадке. Как минимум, в Mozilla планируют предоставить YouTube отчет по промежуточным итогам сбора отзывов.

Ответные действия

Руководство платформы скорее всего хорошо представляло себе уровень раздражения пользователей, да и, вероятно, не было застигнуто врасплох инициативой Mozilla. В ответ на критику YouTube продолжил придерживаться собственной тактики выпускать точечные обновления для авторов вроде специальной метрики [Revenue per mille, отражает доход на тысячу показов рекламы после вычетов площадки], предположительно, чтобы повысить уровень прозрачности взаимоотношений с пользователями. А потом начал чуть активнее разбираться с нежелательным контентом и даже ввел автоматическую премодерацию комментариев.

Этот год просто не мог обойтись без политических скандалов, давления регуляторов разных стран и критики действий площадки во время и после завершения выборов президента США. Очевидно, что представителям платформы приходилось уделять урегулированию этих процессов существенный объем времени и сил. Возможно, поэтому они сосредоточились на локальных апдейтах и не смогли ответить на многочисленные вопросы о работе рекомендательных систем.

За дымовой завесой

Пока другие соцсети Facebook, Instagram и TikTok делились хоть и общими, но все-таки подробностями о работе их рекомендательных движков, крупные видеохостинги предпочли не менять тактику. Пользователи, оставшиеся один на один с проблемой и старыми способами борьбы с ней, были вынуждены искать собственные решения. Стали предлагать альтернативы действующему рекомендательному алгоритму и чаще пользоваться сервисами вроде PeerTube как минимум для дублирования там новых роликов, публикуемых на собственных YT-каналах.

Сможет ли площадка обойтись без публичного обсуждения принципов фильтрации контента и выдержит ли шквал критики и вопросов со стороны профильных организаций [вроде EFF], регуляторов и аудитории, покажет ближайшее будущее. Мы продолжим анализировать ход событий, связанных с этой контент-платформой и делиться с вами значимыми моментами.

Что еще почитать у нас на Хабре и в Мире Hi-Fi:

• Нельзя так просто взять и перейти на стриминговые рельсы, но телевизионщики пытаются

• Одна из киностудий снова выставлена на продажу, но ее стоимость снизилась почти вдвое

• В каких странах взносы за телевидение обязательны, а где их растягивают еще дальше

• Стриминг становится основным источником дохода музыкантов, но они не в восторге

• Дождь, лязг доспехов и жидкий металл: как создается звук для кино

• Знакомство с новыми кинозалами Аудиомании: подкаст Звук

• Звукоцех: Как создают звуковое оформление для кино

Всем привет! Меня зовут Максим Никитин, я арт-директор и отвечаю за дизайн и правильные интерфейсы в ТехноФабрике. Мы делаем мобильные приложения и сложные интеграции, но сегодня речь не о них. Сегодня о дизайне.

Поводом для статьи стала недавняя беседа с клиентом. Он пришел с подборкой примеров с Dribbble и спрашивал, почему в реале нет таких красивых интерфейсов, и можем ли мы нарисовать вот как тут или как там. Мы сказали, что можем, но потом долго объясняли, почему один пример нерабочий с точки зрения юзабилити, а другой потребует +N дней и +N тысяч к стандартной разработке. Ни к чему не пришли, но с подобными запросами в последнее время сталкиваемся часто.

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

Вариант 1.

Ой, какая офигенная анимация!

На dribble можно встретить огромное количество дизайнов с умопомрачительной анимацией. Свайп влево перестроение элементов, плавное изменение цветовой гаммы. Свайп вправо хитрое развертывание скрытой менюшки, изображения главного экрана уменьшаются и улетают наверх. Свайп вверх происходит еще что-то страшно красивое и необычное.

Это привлекает внимание и круто смотрится на превьюшках. И стоит очень, очень много денег.

Хотите добавить в интерфейс необычной анимации, чтобы не как у всех? Да бога ради, вот этот трюк вам обойдётся в 4 дня разработки без анимации мелких элементов, вот тот еще в три дня. И это по самым скромным оценкам. На практике, скорее всего, цифры вырастут в 6 и 5 дней, соответственно раздувая и раздувая бюджеты.

Стоит ли оно того? Или может обойдемся стандартными методами и сделаем красиво, функционально и так, чтобы пользователь не играл с приложением в угадайку, отчаянно тыкаясь пальчиком в экран, надеясь, что вот после этой свистелки уже точно откроется то, что нужно?

Вариант 2.

Ну ведь эта штука уже есть на последних версиях iOS, давайте срочно ее использовать красота же неописуемая!

Нет. Нету таких игр. Забудьте.

Если что-то существует только в последнем релизе операционки, считайте, что этого не существует в природе. Считайте, что вам показали фокус, фотошоп воробушка с заячьими ушами. Потому что на практике этот заебушек никуда не полетит.

Потому что тут у нас два пути, как те два стула, и выбор между ними такой себе.

Первый можно ограничить аудиторию вашего приложения только теми, у кого последний айфон. Те четыре человека, что хотят установить ваше приложение и имеют правильную версию операционки, наверное обрадуются. Остальные (включая вообще всех пользователей андроида, которых в России 73%) увидят печальное несовместимо с вашим устройством.

Второй можно для остальных устройств сделать такую же штуку из имеющихся библиотек. Напевая я его слепила из того, что было, команда разработчиков с удовольствием решит эту проблему, переизобретя велосипед конкретно под вас. Любой каприз за ваши деньги. Которых понадобится много, ведь вместо одного приложения вы, по факту, заказываете сразу два, одно из которых отягощено кучей нетривиальных инженерных задач.

Вариант 3.

Какое интересное вертикальное меню, вы только посмотрите!

Смотрим. Красиво, да. Особенно, если это статичная картинка, которую вы собираетесь повесить на стену. Или распечатать. Кстати, если собираетесь делать флаеры, то уже не советуем, но на стеночку можно, да.

Почему? Потому что, вы удивитесь, но ваши пользователи читают по горизонтали. Их так в школе научили между физрой и столовкой, в которой давали кашу с комочками. Горизонтальный текст выхватывается глазом еще до того, как мы осознаем что мы вообще что-то читаем. Вертикальный нет. Вертикальный текст требует усилия, лишнего напряжения. Поэтому не печатайте такие флаеры их отправят в мусорку до того, как прочтут.

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

Приложение к вашему магазину должно продавать (удивительная новость, не правда ли?) и делать это максимально удобным и приятным для пользователя способом. Ему и так больно он отдает вам кровные, трудом и потом заработанные деньги. А вы его заставляете страдать еще больше.

Не надо так.

Вариант 4.

Ой, Вань, гляди какие кнопочки!

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

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

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

Например, тени элементов в Андроиде жестко заданы и не настраиваются под ваши нежные фантазии. Совсем. Они будут отображаться по стандарту вне зависимости от того, что вдохновленный дизайнер нарисовал в фотошопе. Sad but true.

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

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

Стандартное и нестандартное

Если вы все еще выбираете между стандартным и нестандартным решением для вашего приложения, то (мы идем к вам) пожалуйста, имейте ввиду, что все нестандартное а) дорого, б) долго, в) не всегда офигенно.

Любое нестандартное решение (даже если библиотека доступна на рынке) требует кропотливого и вдумчивого тестирования, и никто не сможет вам гарантировать, что вся эта красота не слетит после очередного обновления системы. Что снова обойдется вам в деньги и время.

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

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

Дизайн, в который (кроме любви, нежности и грамотной разработки) была вложена пара ящиков дизайнерского креатива, обычно выглядит примерно так:

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

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

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

Про культурный шок

Привыкший к простым и понятным интерфейсам, я не сразу понял что вообще происходит, стоило только открыть одно из этих приложений. Все свистело, пердело, переливалось цветами радуги, разрывалось салютами, мигало, прыгало, дрожало и что-то от меня хотело. А где-то под всем этим виднелась физиономия славянской девочки, которая несла какой-то бред о личном. Такое впечатление было при первом контакте с Bigo Live самым популярным приложением для онлайн-стримов.

Было ощущение, что я снова оказался в Китае. Но нет, с экрана смотрели тысячи русскоязычных подростков, желая спеть песню в прямом эфире, покрутить бедрами или рассказать о том, как у них прошел день.

Likee, LiveMe, Mico, Hakuna и другие приложения недалеко ушли от Bigo Live, предлагая практически идентичный интерфейс и сценарии взаимодействия, при этом все также, имея огромную аудиторию и внушительные цифры дохода.

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

Про аудиторию и контент

Многие из вас помнят популярные телевизионные шоу, где люди с разными талантами (а чаще без) демонстрировали свои способности миру, купаясь в сиюминутных лучах славы.

Так вот, Bigo Live, Likee, LiveMe, Mico, Hakuna и подобные позволяют этим людям не только купаться в лучах славы 24/7, но еще и зарабатывать реальные деньги.

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

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

А зрителей в этих приложениях действительного много: в течение минуты после начала собственной трансляции в Bigo Live, просто транслируя потолок офиса я легко собирал более 100-200 зрителей. И многие из них продолжали смотреть в мой потолок в течение нескольких минут, ожидая что вот-вот что-то произойдет (привет дофамину).

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

Естественно, эти приложения предлагают разные варианты трансляций: с видео или без, одиночные или групповые. Но особенно популярен формат PK (батлов). Это когда в рамках одной трансляции участвуют сразу два стримера, а сам батл сводится к тому, чтобы за ограниченное время получить как можно больше цифровых подарков. Кто получил больше тот и выиграл.

Вы наверняка заметили, что я несколько раз упомянул про подарки. Для зрителей они стоят реальных денег, часть из которых получает стример.

Наиболее старательные стримеры могут получать еще и зарплату при выполнении плана по количеству/длительности трансляций и объему собранных подарков.

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

Про монетизацию

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

Вот основные из них:

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

• интерфейсная мотивация приглашение отправить подарок после определенного времени просмотра трансляции.

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

• мотивация от ведущего трансляции часто, сами стримеры активно просят отправлять им подарки, чтобы увеличить рейтинг трансляции, либо достичь какой-то цели и др.

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

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

• социальный статус активное дарение подарков растит социальный статус пользователя внутри приложения. Такие пользователи особенно выделяются на фоне обычных.

• семьи и кланы пользователи могут присоединяться к семьям и кланам. Это премиальные группы, которые дают дополнительный социальный статус среди других пользователей. Для вступления в семью/клан нужно соответствовать ряду требований, которые определяют управляющие семьей/кланов. Обычно, это социальный статус внутри приложения.

Цифровые подарки основной, но не единственный способ монетизации. Многие приложения также предлагают покупку цифровых товаров (украшения профиля, эффекты входа) и особые VIP-статусы.

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

Про вовлечение

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

Автоматический запуск трансляций

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

Барьеры при выходе из трансляции

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

Легкий переход к следующей трансляции

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

Покупки без разрыва контекста

Возможность совершения покупок внутри приложения без необходимости прерывать текущее взаимодействие и переходить в раздел пополнения счета. Интерфейс пополнения счета отображается прямо поверх трансляции в ответ на попытку подарить подарок при недостаточном балансе:

Про удержание и возврат пользователей

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

Чекины

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

Ежедневные задания

Разработчики некоторых приложений пошли чуть дальше чекинов и предлагают также выполнение ежедневных заданий в обмен на виртуальную валюту и другие подарки.

Игры

В самых топовых приложениях также предлагаются встроенные игры, где необходимо периодически возвращаться, чтобы выполнять какие-то действия/задания.

Уровень профиля

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

Push-уведомления

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

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

Про деньги

Если вы все еще думаете, что это какая-то дичь, то я с вами соглашусь. Однако это не просто дичь, это золотая дичь. iOS и Android версии Bigo Live, самого главного игрока на этом рынке, только за январь принесли суммарно 27 млн долларов по данным Sensortower. Это на 12 млн долларов больше чем у Tik-Tok, аудитория которого значительно превосходит Bigo Live.

Остальные игроки только набирают обороты, но уже делают по 1-3 млн долларов ежемесячно.

И наблюдая общую тенденцию можно предположить, что эти цифры, как и количество игроков, будут только расти.

Постскриптум

Эта статья очень сжатая выжимка из большого юзабилити исследования 13 популярных iOS-приложений, которое я провел несколькими месяцами ранее для одной продуктовой компании. Знакомство с этими приложениями было интересным открытием, которое безусловно расшило мою картину мира. Теперь, возможно, и вашу тоже.

Уже более 10 лет я помогаю разным бизнесам достигать большего за счет удобных пользовательских интерфейсов для любых цифровых продуктов. Если у вас есть какие-либо вопросы по UX напишите мне в ЛС. С удовольствием помогу советом.

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

На периферии

В конце марта один из резидентов Hacker News высказал мнение о том, что проектировщики интерфейсов цифровых продуктов Эппл не уделяют должного внимания визуальной составляющей музыкальных альбомов и других типов аудиоконтента. Он привел в качестве иллюстрации своих доводов внешний вид экранов музыкального приложения компании на iPod Touch 2012 года и iPhone SE 2016-го. Последний предлагает слушателям уменьшенный вариант обложки не растягивает ее на весь экран, как на iPod Touch. Поэтому рассмотреть детали иллюстрации становится сложнее, а на паузе изображение становится еще меньше.

Разница размеров обложки на локскрине устройств намного заметнее на Touch она занимает чуть ли не всю ширину экрана, а на iPhone лишь небольшую его часть в виде пиктограммы внутри виджета с управляющими элементами плеера музыкального приложения. При этом прочитать полное имя исполнителя и запущенного трека сразу невозможно места рядом с уменьшенной обложкой не хватает и для них. Автор заметки задает эти вопросы аудитории и вспоминает так называемый Cover Flow, который в Эппл представили вместе с очередной версией iTunes в 2006 году, а на iPhone и iPod nano выпустили в 2007-м. Кстати, тогда обложки тоже растягивали практически на всю ширину экрана устройств, а при просмотре в режиме Cover Flow они становись еще и интерактивными по тапу открывали список треков альбома.

Проблему поднимали еще в 2011 году на страницах The New York Times. Вероятно, именно тогда она стала наиболее ощутимой в индустрии. Те, кто занимался визуальной составляющей музыкальных альбомов стали чаще задумываться о том, как обложки будут выглядеть на экранах смартфонов и плееров. Постепенно влияние соответствующих ограничений на результат их творчества и облик музыкальных произведений становилось все более существенным.

Дошло до того, что в ряде случаев на кавере не было ничего кроме текста с названием альбома и однотонного фона. Об этой проблеме тогда высказывался арт-директор Warner Brothers Records, представители других крупных лейблов, ряд известных музыкантов и дизайнеров. Однако, как мы видим по примеру, от которого мы оттолкнулись в начале материала, на стороне музыкальных платформ эти вопросы и предостережения просто-напросто проигнорировали. Да и качество обложек к тому моменту уже не позволяло в один миг вернуть к ним прежнее внимание.

Попытка все исправить

В конце прошлого года Эппл представили новую возможность для авторов, исполнителей и подписчиков своего музыкального сервиса анимированные обложки для отдельных композиций и альбомов. Ранее команда Эппл мьюзик экспериментировала с подобными решениями для плейлистов, но с очередным обновлением iOS распространила эту практику и на полноценные релизы. Пока гифки заметили на одиннадцатом студийнике Pearl Jam под названием Gigaton, и пластинке Detroit 2 рэп-исполнителя Big Sean. Изучить их могут обладатели устройств с iOS и iPadOS 14.3 и выше, плюс macOS Big Sur, начиная с версии 11.1.

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

Дополнительное чтение в нашем Мире Hi-Fi:

• Многие недовольны крупнейшим видеохостингом, но продолжают им пользоваться

• Стриминговые сервисы хотели бы найти новые подходы в работе с музыкой

• Плейлистификация захватила умы паблишеров музыки и подкастов

• Стриминг становится основным источником дохода музыкантов

• Индустрия подкастов все больше походит на стриминг сериалов и фильмов

Что еще у нас есть в блоге на Хабре:

• Напольники до 60 тысяч три пары акустики от Klipsch, ELAC и Monitor Audio

• Комплект с устройствами для звукозаписи обсуждаем возможности и альтернативы

• Два продвинутых пэка устройств для любительской звукозаписи как они выглядят

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

Я постаралась систематизировать в этой статье свой опыт подбора множества дизайнеров на проекты самой различной сложности: от пакета баннеров, лэндинга до интерфейса No-code платформы без ТЗ. Материал будет полезен тем, кто впервые подбирает дизайнера на проект или получает дизайн не того качества, которого хотелось бы.

Поймите - кто конкретно вам нужен

Дизайнеры, как и программисты все - разные. Как 1С-программист не напишет вам CMS на Python, так и дизайнер лэндингов не сделает прототип CRM, которым будет удобно пользоваться.

Запомним следующее:

• UX дизайнер/UX инженер/UX аналитик: занимаются разбором требований, пишут ТЗ, создают CJM и, иногда, прототипы.

• UI дизайнер: создает дизайн на базе прототипа, ТЗ, CJM и прочей информации. Часто заказчики поручают разработку сложных продуктов с нуля UI дизайнеру, и это самые большие грабли, которые только можно представить.

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

В итоге, если вам нужен простой лэндинг - для него, как правило, хватит и UI дизайнера с ТЗ в зубах. Если нужен прототип CRM, упаковка стартапа - ищем жесткого аналитика, UX инженера с опытом разработки подобных решений.

Для средних, крупных проектов стоит присмотреться к студии, у которой в портфолио есть схожие проекты. Не стоит думать, что один человек способен совмещать в себе 5 профессий, при этом - не выгорать, оставаться психически здоровым долгое время.

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

Внимательно изучите портфолио дизайнера

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

Насколько работы похожи? Не раз видела портфолио дизайнеров, где 3-5-7 магазинов подряд являются просто перекрашенными версиями друг друга. С таким дизайнером новую кашу не сваришь.

Есть ли работы, схожие по направленности с вашей? Планируете делать магазин? Не поручайте его дизайнеру, у которого 10 баннеров, 3 лэндинга и 1 сайт услуг. И не верьте тому, кто скажет разберусь. Интернет-магазины подразумевают множество специфики, которую нужно сначала понять, прожить, выстрадать, а потом уже применять.

Какие используются шрифты? Часто начинающие дизайнеры грешат тем, что выбирают или неудачные, нечитаемые шрифты, от которых режет глаз, или просто вставляют стандарт в виде Arial по всем макетам. И то, и другое - повод отказать.

Есть ли работы, созданные для крупных компаний? Если у дизайнера есть опыт работы, скажем, с одним из крупных банков России - значит, как минимум, он стрессоустойчив. Если эти работы не выглядят как кусок понятно чего - значит, еще и хитёр, раз смог сделать что-то хорошее в условиях постоянно меняющихся требований и множества стейкхолдеров. В общем, несколько крупных компаний, доверившихся этому дизайнеру, вряд ли сильно ошиблись все сразу.

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

Как с адаптивностью работ? Удивительно, но в 2к21 некоторые дизайнеры делают мобильные версии по остаточному принципу, хотя мобайл - это отдельная и сложная разработка. Посмотрите, делает ли дизайнер мобильные версии своих сайтов, насколько они удобны в использовании, не грешат ли они слишком малым/слишком большим количеством информации на экран. Если мобильных версий нет вовсе - право слово, не стоит.

Что с цветами? Если в проекте больше 3-4 цветов, или цвета спорят за внимание - в 99% случаев перед вами колхоз. Также следует обратить внимание на то, выделены ли CTA элементы (например, кнопки Купить, Заказать, Перезвоните мне) отдельным, контрастным цветом? Если да - это хороший знак. Планируя проект на большую аудиторию - помните, что далеко не все люди умеют правильно различать цвета, и дизайнер с соответствующим опытом будет очень полезен в таком деле.

Я отбираю дизайнеров по большему количеству критериев, однако выше описан тот шортлист, с которого полезно начать. Если у вас появится желание разобраться в дизайне подробнее - рекомендую начать с изучения базовых правил UI/UX дизайна и далее, в их свете, рассматривать конечные работы дизайнеров.

Попросите верстальщика посмотреть один из проектов дизайнера

Допустим, дизайнер прошел проверку по качеству работ и сейчас вы хотите понять - насколько быстро ваш верстальщик справится с выполнением проекта. Просто запросите у дизайнера доступ к Figma/PSD любого предыдущего большого проекта. Если откажется - это уже тревожный звоночек.

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

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

Не стесняйтесь спрашивать рекомендации

Конечно, если вам нужны баннеры или обложка для социальной сети - в рекомендациях нет никакого смысла. Однако, если вы планируете разработку сайта или корпоративного решения за сотни тысяч рублей - нет ничего зазорного в том, чтобы спросить рекомендации, телефоны, мессенджеры предыдущих заказчиков. У опытных специалистов, которые работают за адекватный бюджет (1500-4000р/час) и достаточно давно, с этим обычно не бывает проблем.

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

Адекватный дизайнер даже с не очень адекватным заказчиком постарается расстаться так, что о нем в профессиональном плане нечего будет сказать кроме не сложилось. Если дизайнер ведется на эмоции или провоцирует их сам - вы не будете решать задачи бизнеса. Лучше просто запомнить: на фрилансе (речь о российских фриланс-площадках) много токсичных людей, которые находятся там, в том числе, потому, что удаленно мало кто видит их токсичность, и ваша задача - таких людей к проекту не допустить.

P.S. Если на той площадке, где вы нашли дизайнера, у него нет отзывов, спросите где они есть. Если их нет вообще нигде - лучше откажитесь. И помните что отзывы - не равно живые рекомендации.

Попросите показать готовые сайты

Да, UI дизайнер рисует картинки. Да, он не отвечает на 100% за конечный результат в виде сайта. Однако, спустя много лет работы дизайнером, просьба показать готовые сайты мне не кажется такой уж неадекватной.

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

Предложите заключить договор или безопасную сделку

Когда заказчик предлагает мне заключить договор, единственное что я спрашиваю - оформим на самозанятого, ИП или ООО? Предполагаю, ООО есть далеко не у всех, а вот оформить самозанятого можно за 5 минут. Наличие статуса или ИП у дизайнера свидетельствует о том, что он серьезно относится к своей работе. Также, у ответственного дизайнера всегда есть рамочный бриф, договор, который он готов прислать по запросу.

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

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

Оцените личное общение

• Насколько внимателен дизайнер? Например, вы задаете 2 вопроса в одном сообщении. Если вам отвечают на один, причем такое повторяется не раз - думайте сразу о том количестве правок, которое будете писать, и сколько раз будете просить их исправить.

• Не боится ли он задавать вопросы, не строит ли из себя мачо, говоря что все понятно? Чем сложнее проект - тем больше вопросов заказчику я задаю, чтобы убедиться, правильно ли я его поняла. Неправильно понятое ТЗ = реальный шанс на то, что половину проекта придется переделывать.

• Предложил ли дизайнер заполнить бриф, передать ему подробности проекта? Если брифа нет, как и других документов - один тревожный звоночек у вас есть.

• Насколько грамотно и адекватно он общается? Если со второго сообщения в вас тыкают и говорят на сленге - стоит задуматься.

Работайте по адекватным ценам и соблюдайте договоренности

С моей точки зрения, в ценовой категории 200-1000 рублей в час непрофессиональных и откровенно странных дизайнеров гораздо больше, чем в категории 1500-2500 рублей в час. В первом случае, вы можете делать проект за 100.000 рублей 3 месяца, а во втором за те же деньги проект будет готов через 2 недели. В общем, попытка сэкономить часто будет стоить долгих поисков, большей вероятности возможных проблем, обильного списка правок и увеличения сроков.

И наконец, очевидное: соблюдайте договоренности и не заваливайте дизайнера десятками далеких от дизайна вопросов. Лучше изучить его анкету, работы, обсудить с понравившимся кандидатом 30 минут по Zoom и принять решение: работать или нет.Для найма на постоянную основу, критерии, конечно, другие, однако никто не мешает попробовать сделать с дизайнером 1-3 проекта, а затем, рассмотреть в качестве постоянного сотрудника.

Буду рада услышать о вашем опыте подбора дизайнера на проект!

Есть в Америке один спец, который изучает психологию и применяет ее, главным образом, в е-коммерции. В нашей компании мы активно внедрили его наработки в аналитику юзабилити и в конверсионные аудиты сайтов, и надо сказать, эффект есть. Зовут его Ник Коленда, а его книги на Амазоне настоящее открытие для меня лично и источник вдохновения там, где попытки поднять конверсию заходят в тупик.

Впрочем, найти книги Ника на русском языке можно, например, на Литресе, но их мало. Собственно, как и переводов статей. О чем пишет Ник, в трех словах в этом посте (надеюсь, мой хабр будет пополняться переводами).

Вы более склонны к покупке, когда представляете результат

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

Покажем эти три момента в картинках.

1.Покажите распаковку

Когда Ник покупал кастрюлю, он наткнулся на видео, где кто-то распаковывает продукт.

Это действительно умно.

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

Так зачем же показывать распаковку? Распаковка может облегчить эти симуляции.

Вы погружаетесь в человека, открывающего коробку, вам кажется, что В открываете ее. Внезапно вы можете представить покупку, и вы истолковываете себе это так: "Хм, хочу ли я купить кастрюлю? Я представляю, как покупаю ее. Следовательно, я должен хотеть ее купить".

Кроме того, открытие коробки сродни распаковыванию подарка. Поэтому распаковка активирует (1) мысленную картину покупки и (2) положительные эмоции.

2.Упростите движение

Amazon изображает прогресс доставки с нисходящим движением.

Но почему? Большинство веб-сайтов используют горизонтальное движение. Если вы читаете слева направо, то вы концептуализируете время, движущееся слева направо. Почему Amazon демонстрирует нисходящее движение?

Посмотрите внимательно, и вы поймете причину.

В одном исследовании люди наблюдали за движущимся квадратом, который исчез. Все считали, что он исчез дальше вперед из-за инерции. Эта ошибка была особенно сильна при движении вниз (Hubbard, 2005).

Движение вниз кажется более сильным из-за силы тяжести.

А теперь еще раз взгляните на графику Amazon. Видите нисходящий прогресс? Это движение кажется более сильным из-за гравитации. Вы можете представить себе, что прогресс-бар легче переходит к более поздним шагам (например, доставка). Таким образом, вы представляете себе, что получите свою посылку быстрее.

3.Добавьте аватарку

Некоторые веб-сайты динамически вставляют пользователя (например, его фотографию из Google).

Прежде, чем маркетологи доведут эту идею до абсурда что, будем честны, они и сделают вот пример, который объединяет эту мысль со всеми предыдущими. Рассмотрим прогресс-бар...

Аватарка пользователя графически внедрена в индикатор выполнения. Почему это полезно?

Когда вы смотрите видео распаковки, вы погружаетесь в человека, открывающего коробку. Такое ощущение, что В открываете коробку. На рисунке выше вы погружаетесь в аватар. Вы представляете себе, что выполнить шаги легче особенно потому, что аватар это В.

Плюс эти скрытые сигналы

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

2. Короткая дистанция прогресс-бар находится очень близко к заключительной ступени. Вам кажется, что достичь последнего шага проще простого.

3. Фотография над шагами аватар находится над подписями, потому что эта позиция усиливает воспринимаемое доминирование и власть пользователей, облегчая их способность преодолевать расстояние.

4. Горизонтальность несмотря на то, что Amazon показывает нисходящий прогресс-бар, выбор горизонтальной полосы оправдан, потому что индикатор выполнения будет продемонстрирован ДО совершения транзакции. В этом смысле, мы стремимся к ясности, выбирая направление, которое семантически соответствует времени.

Можно ли пробить потолок конверсии?

Когда-то такой известный интернет-магазин диванов как Divan.ru похвастался ростом конверсии с 0,15% до 0,4%. Для крупных проектов рост десятых процентов уже достижения, оценивающиеся в миллионы рублей. А идеи, которые предлагает Ник, помогают мощно пробить потолок застойной конверсии. И, конечно, помочь ребятам с конверсией 0,4% верить, что лучшее еще впереди.

Спросите любого владельца iPhone или OnePlus, что есть такое в его телефоне, чего нет в других? Возможно, он ответит, что это переключатель звука на боковой грани. Он позволяет включить беззвучный одним движением, не открывая шторку уведомлений это действительно удобно.

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

Вот почему никто ещё не скопировал

Есть одна реальная причина, почему производители не делают выключатель звука в своих телефонах: его разработка требует больше усилий, чем компании готовы приложить. Так, в Android нет стандартного API для таких переключателей, а поэтому компании придется разрабатывать как сам переключатель, так и ПО к нему. И даже если это не так уж сложно, это потребует кучу драгоценного времени, которое бренд лучше потратит на что-нибудь другое.

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

Может быть, переключатель просто низко-приоритетная штука: большинство пользователей звонит не так часто (по результатам нашего опроса). Хотя вы, безусловно, чаще выключаете телефон, чем звоните, это и было одной из причин, почему их вообще сделали. Apple сделала переключатель на оригинальном iPhone в 2007 году, когда приложения и мобильная сеть были на втором плане и люди чаще звонили. Но многое изменилось за эти 14 лет.

но вот, почему все равно следует это сделать

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

Резюмирую. Это боль, каждый раз выключать звук через менюшки (особенно на дешевых, подлагивающих телефонах *прим. пер*). Тебе нужно сначала разблокировать телефон, потом лезть в шторку уведомлений и там искать кнопку. Это ок, когда нужно разок переключиться, но не когда ты делаешь это часто. Если уж на то пошло, то ты можешь торопиться: у многих был такой момент, когда на работе, (в школе *прим пер.*) или даже в постели, приходится в спешке пробираться через интерфейс.

Физический переключатель решает проблемы. Если телефон вдруг начинает звонить или приходит уведомление ты можешь просто моментально выключить звук. Это станет привычкой очень быстро. Еще, вы включите звук, когда ждете важное сообщение, когда не боитесь забыть его потом выключить.

Но давайте будем реалистами: в ближайшее время мы не увидим глобального появления переключателей и пока придется покупать OnePlus или IPhone. Но так как переключатель полезная фича, не будет удивительно увидеть его в одном из грядущих флагманов. Тогда производитель приманит гиков, которым важно иметь больше контроля.

От переводчика

Это мой первый перевод, буду рад вашим комментариям, если что-то не так.

Я сам третий месяц пользуюсь 1+8T, а раньше у меня был Samsung A50, совсем не флагман. Он заметно тормозил и, когда в школе вдруг мне звонили, приходилось судорожно пытаться разблокировать телефон: датчик отпечатка пальцев под экраном лагает, потом лагает интерфейс Теперь руку в карман, и все дела.

Я увидел этот материал и решил попробовать себя в переводе: и английский люблю, и с автором согласен. А что думаете вы насчёт переключателя?