03 февраля 2017, 14:20

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

В номере: копирайтинг, хождение по сайтам и плюшки.

Владимир Завертайлов, Сибирикс

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

Содержание

О чём писать, когда писать не о чем
Взгляд на навигацию в веб-дизайне

#582. О чём писать, когда писать не о чем

How To Ideate New Content When You Feel Like You’ve Exhausted All Topics

Фото: wallls.ru

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

1. И все бегут, бегут, бегут, и я бегу? Или «манки-бизнес»... но лучше

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

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

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

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

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

Свежую, более актуальную версию. Вася Пупкин запостил в уютный бложик пост «20 ресторанов, которые непременно стоит посетить в Торонто». Текст годно индексируется Гуглом и приносит более 9000 живых просмотров, но заинтересует только слоупоков, потому что написан аж в 2012 году. Твой ход — ищи инфу по ресторанам, которые все еще работают в 2017, расскажи, что они предлагают своим клиентам.
Более подробную версию. Топ-50 ресторанов в Торонто? Всеобъемлющий кусок статьи с кучей плюшек и повышенным вниманием к деталям — лютый вин в сравнении с короткой, но поверхностной альтернативой.
Добавь зрелищ. Половина выигранной войны в борьбе за аудиторию — обеспечение народа контентом, который приятен глазу и легок к перевариванию мозгом. Создай няшную видяшку с инфографикой, нарисуй красивую диаграмму в Экселе, приделай к Гуглокартам эти пятьдесят ресторанов в Торонто.

Возвращаемся к истокам: клиенты

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

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

Поговори с продажниками и техподдержкой. Они каждый день общаются с клиентами и шарят в типичных вопросах и проблемах. Они поболее тебя знают, что зудит у клиентов.
Создай коммьюнити клиентов. Многие конторы делают пятничные face-to-face кофе-брейки с клиентами и просто случайными людьми. И конкурентов зовут в гости. Приглашай к себе СМИ, не забудь про местное телевидение и девочку из той самой газеты, в которой ты уже десять лет разгадываешь кроссворд на последней странице. А группа в соцсетях у тебя есть? Инстаграмчик завел? Ага...
Заведи чатик. Аськой уже давно никто не пользуется, мобила с вибером — дополнительный гаджет в руке, уже занятой любимой мышью, поэтому добавь чат себе на сайт. Посетители побалуются с шаблонными ответами твоей нейросетки — однозначно захотят зайти еще. И купят что-нибудь, и лайкнут на прощание.

Делись реальным опытом от первых лиц

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

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

Бери интервью у лидерв мнений в пределах своей отрасли

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

Запишешь и смонтируешь крутую видяшку, выведешь в топ просмотров Ютуба;
Получишь пищу для ума.

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

Вывод: «Не о чем писать» — больше не отговорка. Так что клаву в руки и вперед, наполнять интернет качественным контентом. Вы сэкономили 5 минут.

#583. Взгляд на навигацию в веб-дизайне

A Look into Navigation in Web Design

Фото: qmswebsitebuilder.com

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

Я в дизайне интерфейсов давно, и хорошо помню, как они развивались. На самых первых веб-страницах была кнопка «Домой», кнопка «О нас» и, возможно, ссылка на контакты. Потом стали изучать «Фотошоп» и появились аляповатые изображения вместо кнопок. Лишь бы выглядело хорошо.

Раньше в интернете было полно плохо сгенерированного HTML, немного фреймов и тонны флеша. О да, все было на флеше. Чтобы окончательно распрощаться с SEO.

О, а вы помните списки?

Фото: twimg.com

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

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

Времена меняются

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

1. Сайты стали меньше, но больше (это сложно)

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

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

2. Гаджеты поменялись

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

3. Изменились пользователи и наше представление о них

Пользователи теперь разные: одни до сих пор боящятся сдвинуть мышь, другие с пеленок пользуются информационными технологиями (и тоже в мышью «на вы»). И каждому надо сделать интуитивно понятно, просто и удобно.

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

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

Где мы сейчас?

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

1. Плоская навигация

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

Фото: The Cool Club

Исторически встречается на небольших сайтах:

2. Скрытая навигация

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

Фото: Awwwards.com

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

Ещё примеры:

3. Гибридная навигация

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

И мы запилили такую прелесть на нашем новом сайте

Часто используется навигация в нижнем колонтитуле.

Примеры:

4. Навигация на основе систематики

Взгляните на какой-нибудь блог. Или новостной сайт. Или на Pinterest. Как раз здесь находится подобная навигация.

Фото: Pinterest

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

Примеры:

5. Экспериментальная навигация

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

Юзабилити с такой навигацией страдает, зато она свежа и креативна.

Примеры:

Навигация в будущем

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

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

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

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

Еще одна быстроразвивающаяся вещь — автоматизация всего и вся. Системы «умного дома», беспилотные автомобили — девайсы просят все меньше внимания к себе.

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

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