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

Диджитал-словарь: тендерно-нейтральный.

​​Как тестировать идеи

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

Все банально просто: у вас есть контрольный вариант A (который сейчас отлично работает), вы создаете его копию B и вносите в нее небольшие изменения. Запускаете тест и сравниваете, как показатели B меняются относительно A. Поэтому нужно сразу определить, в чем будет измеряться успех: в лидах, конверсиях или кликах по ссылке. 

Что можно менять:

• визуальные элементы: картинки, видео и цвета
• текст: заголовки, описания и призывы к действию (CTA)
• расположение: кнопок, меню, регистрационных форм
• путь клиента: как пользователь сайта попадает из пункта А в Б

Чтобы проверить точность тестирования или определить базовую конверсию, можно использовать A/A-тест. Обычно так подтверждают, что исследование идет верной дорогой. В A/A-тесте оба варианта одинаковые, то есть А = B. При этом принцип работы остается такой же. 

Как тестировать

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

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

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

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

3. Определите время: нельзя подтвердить гипотезу, проверив ее только на десяти людях. Поэтому минимальное время для сплит-тестирования — неделя. Но нужно учитывать еще зависимость от дня недели, сезона или чего-то там еще.

Например: начались распродажи, люди в любом случае будут чаще добавлять товары в корзину. Но не потому что кнопка красная, а потому что появились скидки. Поэтому нелогично делать выводы только за этот период.
 
4. Подключите аналитику: не придумывайте свои системы, потому что за вас уже разработали платформы для организации тестов. Сайт можно тестировать в Google Оптимизация, а у Facebook Ads Manager есть инструменты для сплит-тестов рекламы. 

5. Сделайте выводы. Если вы заметили, что тест зашел куда-то не туда, то его лучше вовремя остановить. Например, пользователи начали возмущаться: «Верните синюю кнопку». Когда все идет плюс-минус гладко, дождитесь окончания теста и проанализируйте результаты. Если вариант B дал результаты выше A, смело внедряйте. Если нет, то оставьте, как было раньше. 

Короче, тестируйте, будто никто не смотрит ;)

​​10 правил веб-дизайна
рассказал арт-директор веб-направления Сергей Борцов

1. Разработайте крепкий «фундамент» сайта. Первым делом определитесь, зачем вам нужен сайт: продавать, развлекать, информировать или предоставлять услугу. 

Далее составьте mindmap, который включает CTA, и пропишите пользовательские сценарии. Затем разрабатывается прототип: как человек будет взаимодействовать с сайтом, какие разделы и страницы он посетит и что он вообще должен по итогу сделать — купить товар, заказать услугу или пройти до конца игру. Всегда думайте о том, как сократить количество «шагов» пользовательского пути и помочь быстрее добраться до цели. 

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

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

4. Разрабатывайте для пользователя. Большинство интерфейсов сайтов (особенно e-commerce) делаются для посетителя, а не для дизайнеров или разработчиков. В идеальном мире сайт содержит специальные возможности, например, версию для слабовидящих или сценарии голосового управления. 

5. Сайт должен привлекать, но не перегружать восприятие. Визуальная часть — это поиск баланса между креативным, фантастическим, интересным дизайном и удобством пользователя. Дизайн должен учитывать tone of voice бренда и фото/видеоконтент, но при этом не перегружать внимание пользователя. 

6. Не жертвуйте содержанием ради стиля. Некоторые сайты отказываются от простоты ради украшательств, 3D-анимаций и сложных дизайн-приемов, чтобы подчеркнуть собственный имидж. Например, дополнительные промосайты или сайты-портфолио, которые выполняют имиджевую функцию. Дизайнер обязан понимать уместность таких приемов в зависимости от задач бизнеса и целей сайта и осознанно сокращать удобства для пользователя в пользу имиджа и «вау-эффектов».

7. Обеспечьте быструю загрузку. У вас есть две-три секунды, чтобы у пользователя загрузилась страницы. После этого процент отказа стремительно растет. Чаще всего сайт нагружают плохая оптимизация, обилие анимации, а также несжатые изображения и видео. Откажитесь в мобильной версии от «тяжелых» элементов в пользу скорости и при необходимости выведите это на десктоп-версию. 

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

9. Правильно используйте отработанные годами механики пользовательского взаимодействия, например, бесконечный скролл. Такая функция оправдана в Instagram или Tumblr, где прокрутка — основная механика. Но на обычном сайте она вываливает на пользователя тонну информации, которую он не в состоянии переварить. В результате внимание рассеивается и человек не доходит до целевого действия. Исключение — промо и имиджевые сайты.

10. Соблюдайте во всем баланс. Правильная работа с основами композиции, с ритмом, с цветом, с макетной сеткой, с типографикой, а также понимание нужд и целей сайта позволит сформировать «скелет» сайта (UX), на который вешается внешнее «мясо» (UI),  дизайн-эффекты и анимации без вреда для пользователя.

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

Поэтому мы прошерстили исследования и узнали, кто и зачем смотрит российский YouTube.

Диджитал-словарь: слоумоушен-дизайн.

​​Кроме Дня всех влюбленных и 23 февраля, в следующем месяце есть поводы повеселиться. А рожденные 29 числа наконец-то отметят день рождения.

Кстати, теперь все события можно добавлять в свой Google-календарь прямо с сайта. Планируйте месяц грамотно: https://setters.agency/calendar

​​Шесть книг для дизайнеров
список от руководителя отдела дизайна Ксении Жаворонок

1. Майкл Бейрут, «Теперь вы это видите. И другие эссе о дизайне»

Для кого: дизайнеров-романтиков, любящих свою профессию. 

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

2. Стив Круг, «Не заставляйте меня думать»

Для кого: новичков в веб-дизайне. 

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

3. Роберт Брингхерст, «Основы стиля в типографике»

Для кого: тех, кто хочет значительно прокачаться в типографике

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

4. Ричард Пулин, «Школа дизайна макет. Практическое руководство»

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

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

5. Michael Evamy, Logotype

Для кого: всех тех, кто создает логотипы. 

«Я два раза не повторяюсь, не повторяюсь!». Чтобы точно проверить свою идею на плагиат, откройте этот справочник из 1300 логотипов. Некоторые из них подробно разобрали: как создавались и что они значат. 

6. Арндт Трайндл, «Нейромаркетинг. Визуализация эмоций»

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

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

​​Что делать бизнесу в Pinterest

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

Визуальный поиск — главная особенность соцсети. Можно найти похожий товар и просто сказать консультанту «Хочу вот такое» — и вас поймут. Или скинуть дизайнеру со словами «Надо вот так». 

Как запуститься:

1. Создайте и оформите бизнес-аккаунт
2. Подтвердите, что вы владелец своего сайта 
3. Пилите контент
4. Настраивайте рекламу (продвижение работает в США, Европе, но не в СНГ — все страны по ссылочке)

Как оптимизировать контент

Подготовьте сайт: выберите удобный дизайн, напишите 10-20 постов, сделайте нормальные названия файлов с изображениями и задайте им описание, добавьте всплывающую кнопку Pin It! для картинок. 

Публикуйте вертикальные изображения: размер 735×1102 px. Картинка должна быть качественной: без растянутых пикселей, поплывших краев и водяных знаков. 

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

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

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

Что публиковать

Pinterest — это сеть, которая помогает формировать имидж. Нельзя просто скинуть ссылку и пойти по своим делам, здесь тоже нужна контент-стратегия. 

Образовательный контент — это чуть ли не главное, что есть в Pinterest. Инструкции, лайфхаки, рецепты, чек-листы — все это тут отлично расходится и ищется. 

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

Инфографика и фактоиды — они хороши везде: представьте собственные данные или соберите инфу из готовых исследований и подсамапьте в одну картинку. 

«Доски», которые отражают образ жизни людей, помогают удержать внимание. Поэтому недостаточно сделать просто красивые картинки — нужно понять, что вообще нравится клиенту (впрочем, все как обычно). Маркетплейс хендмейда Etsy отлично справляется с вовлечением: бренд создал общую «доску», на которую пользователи могут выкладывать материалы по теме.  

В США 59% людей открывают для себя в Pinterest новые продукты, поэтому это хороший инструмент для продвижения молодых брендов, например, одежды или предметов интерьера. А если вы хотите завоевать западный рынок, то сервис — это ваш маст-хэв. Сейчас в сервисе не так много российских компаний, и есть возможность занять место под солнцем. К тому же на страничке для бизнеса много полезной информации на русском.

​​Как облажался диджитал в январе

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

Утром 27 января, в понедельник пользователи «Почты Mail.ru»Mail.ru» не смогли проверить свои емейлы. На проблему пожаловались более 16 тыс. человек. Сбои были в Москве, Санкт-Петербурге, Екатеринбурге и других крупных городах. Для кого-то утро в тот день было добрым, но точно не для сотрудников Mail.ru. 

Ростовский художник и графический дизайнер Евгений Зубков обвинил «Первый канал» в краже шрифта. Он написал ВКонтакте, что «некоторые буквы были просто скопированы целиком, а остальные неумело собраны из их элементов» в логотипе сериала «Ученица Мессинга». Художник планирует написать досудебную претензию, ведь плагиат видно налицо. Мы пока не знаем, чем закончится эта история — следим за ситуацией. 

Ульяновский суд заблокировал приложение iHerb в России. Все потому что там есть БАДы и витамины, запрещенные в России. Прокуратура сказала, что это «опасная для жизни и здоровья людей продукция». В составе некоторых товаров нашли вещества, которые попадают под список «Растения и продукты их переработки, содержащие психотропные, наркотические, сильнодействующие или ядовитые вещества». Какие товары с iHerb их содержат, никто не рассказал, так что придется искать самостоятельно 🤷‍♀️

Диджитал-словарь: клик-рейд.