Ланч-тайм 106: краткий перевод свежих статей о digital

Содержание

• Тренды дизайна в июне 2016
• 14 ингредиентов для приготовления вкусного контента
• 3 способа улучшить работу дизайнеров с разработчиками

#504. Тренды дизайна в июне 2016

Essential design trends, June 2016

Дизайнеры изменили правила благодаря креативному решению задач. Три концепции, которые долгое время были под запретом — теперь в тренде.

1. Автоматическое воспроизведение звука

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

Превратите запретную концепцию в фишку сайта с помощью нескольких хитростей:

Эффективная и выгодная реклама с сервисом от МегаФона

Широкий выбор рекламных каналов, более 100 параметров по интересам, подробная аналитика и другие возможности уже ждут в Личном кабинете. А еще кешбэк 100% за запуск рекламы в первый месяц и еще 10% — каждый месяц.

Узнать больше >>

Реклама. ПАО «МегаФон». ИНН 7812014560. ОГРН 1027809169585. ERID LjN8K1P7y.

• Можно выключить. Предусмотрите кнопку включить/выключить для пользователей, которые не хотят слышать на сайте какие-либо звуки.
• Не шокировать. Покажите процесс загрузки музыкой, как это сделал This Was Louise’s Phone. Объедините это с переключателем, чтобы пользователи сначала определили — нужен им звук или нет.
• Мягко начать. Увеличивайте громкость медленно. Вы же не хотите, чтобы пользователи выпрыгнули из кресел, когда на сайте заорет хэви-метал?  

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

2. Микс фото и иллюстраций

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

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

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

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

3. Бейджи поверх главного изображения

Бейджи повсюду. От логотипов до хипстерских ретро-стилей в типографике. Они стали одним из основных элементов минимализма.

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

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

Значок может быть логотипом. Это еще одна причина почему они так популярны сейчас.

Заключение

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

Вывод: Чего только ни придумают эти дизайнеры, теперь покусились на запретное... Следовать этим трендам или нет — решать вам, но взять на заметку стоит.
Вы сэкономили: 15 минут.

#505. 14 ингредиентов для приготовления вкусного контента

14 Ingredients that will Help You Write Great Content

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

Данные Гугл Трендс показывают, как интерес к контент-маркетингу растет с 2011 года

Это не круто, почему?

Интересно, те, кто производит посредственный контент, понимают его цель или просто чувствуют в этом необходимость? «У конкурентов есть блог, нам тоже нужен». Цель контента — получать и удерживать клиентов.

Что может контент:

• Обеспечить высокое ранжирование в поисковых системах. Нулевой Момент Истины (ZMOT) обнаружит ли потенциальный покупатель контент, когда ищет что-либо в интернете.
• Заработать трафик. Маркетологи надеются, что высокое ранжирование сайта заставит пользователя перейти на сайт, но на самом деле это работа контента.
• Сформировать лиды. Контент привлекает к бренду. В перспективе это интерес к продукту.
• Продать. Посетитель, которому понравился контент, доверяет бренду — и становится клиентом.
• Заработать лояльность. Контент должен быть нацелен на существующих клиентов по ряду причин: удовлетворение, удержание, повышение продаж и адвокаты бренда.

Хорошо написанное содержание выполняет и дополнительные задачи. Плохо написанное — не выполнит ни одну из вышеперечисленных.

Спросите, кто, перед тем как спросить, как

Чтобы создать достойный контент, нужна эта тройка:

1. Стратег. Контент создается, чтобы выполнять задачи бизнеса.
2. Эксперт. Контент для маркетинговых целей — это вам не новости писать. Демонстрируйте понимание темы экспертами.
3. Талантливый писатель — если продукт не уникален, приз достается производителям лучшего контента.

Убедитесь, что эти функции выполняются. Это не обязательно три человека.

14 компонентов для контента

Для создания списка я использовал инфографику Дамиана Фарнуорта в Копиблогере и пост Зака Булыго и Шона Ворка на Киссметриксе.

Состав контента

1. Цель

Прочитайте еще раз на этикетке определение Content Marketing Institute. Она включает в себя цель контента: прибыльную деятельность клиента. Упростим до продаж. Поставьте себе задачу: сделать контент-маркетинг эффективнее, избегая навязывания товара. Контент развлекает, а не продает.

2. Актуальность

Контент обращается к боли читателя или доставляет ему удовольствие. Проявите сочувствие, чтобы быть релевантным.

3. Образование

Образование изменило мир маркетинга. Контент-маркетинг и есть образование.

Вот сходства между учителем и контентом:

• У учителя есть авторитет.
• Учитель устанавливает повестку дня.
• Учитель дает уроки.
• Учитель отвечает на вопросы.
• Учитель инструктирует ученика, что делать.

4. Эмоциональные триггеры

Вот где авторы маркетинг-контента и копирайтеры делают одну и ту же работу: управляют действиями читателей.

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

5. Своевременность или вечная молодость

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

6. Правда

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

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

Хотите рассказать историю? Расскажите правду. Спасибо за идею Николю Карлису, который расшарил это в блоге Scripted.

7. Удобство

В исследовании CMO Council 2013 года непринужденность доступа, понимание и удобочитаемость занимают второе место в ценных характеристиках B2B контента. Чтение онлайн отличается от чтения слов на бумаге. В книгах, газетах и журналах читатели привыкли терпеть страницы сплошного текста. Онлайн — нет.

Создавайте страницы соответственно:

• Разбивайте текст на короткие абзацы.
• Больше белого пространства.
• Используйте визуальные подсказки.
• Добавляйте фотографии и подписи.
• Выделяйте ключевые моменты.
• Вставляйте подзаголовки.
• Оформляйте списки.  

Плохое оформление портит хороший контент.

8. Оригинальность

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

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

9. Голос

Найдите свой голос.

Для этого — пишите больше. Письменная речьвносит ясность, углубляет понимание, усиливает идеи.

Еще совет — используйте свой голос. Хэнник Дуистермаэт считает, что не нужно искать то, что у вас уже есть.

10. Хороший заголовок

Заголовок заставляет читателей обратить внимание и перейти дальше.

Правило номер один — побуждать читателей к действию притягательным названием. Как? Написать много заголовков. На этот пост было написано 25. Из них 12 прогнали через анализатор заголовков.

Хороший заголовок тот, который __________________________.

Если бы вы спросили 100 авторов контента, вы получили бы 100 разных ответов. Наш ответ: дает обещание.

11. Дружелюбие

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

12. Направление

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

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

Расскажите читателям, что делать и зачем. Проявите некоторое влияние и силу убеждения.

13. Виральность

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

14. Оптимизация

Трудно назвать контент хорошим, если он не в состоянии достичь аудитории.

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

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

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

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

#506. 3 способа улучшить работу дизайнеров с разработчиками

3 ways designers can improve working with engineers

Фото: pikabu.ru

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

Вот три совета дизайнерам, которые помогут прийти к взаимопониманию.

1. Будьте прагматичнее в принятии решений

Вам нужно понимание того, что выполнимо в рамках продукта. Начните с переваривания инструкции и стандартов платформы (iOS, macOS, watchOS, материальный дизайн и веб-дизайн).

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

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

2. Максимально упростите работу разработчика

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

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

Сделайте аннотацию при необходимости. Создайте свою или используйте готовые инструменты: Red Pen, UX Pin, и Notebook for Sketch. Некоторые разработчики этим не пользуются, поэтому поинтересуйтесь об этом заранее.

Прототипы и анимация показывают, как всё должно работать. Некоторые инструменты для контроля: Keynote, After Effects, Invision (или альтернативный бесплатный сервис Whoision нашего производства), Flinto и Pixate. Не полагайтесь на глухой телефон, вас могут неправильно понять, и конечный результат будет отличаться от вашего видения.

3. Держите связь и уважайте мнение разработчика

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

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

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

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

Большой получился ланч. Спасибо, что прочитали столько букв. Напоминаем, что первый месяц лета прошел — бросайте все дела и вперед, наслаждаться оставшимися по полной!

Читать по теме: Ланч-тайм: краткий перевод свежих статей о Digital (все выпуски)