Состояние видео-маркетинга в 2017 году [Последние данные]

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

!!Camera

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

1. Видео помогает достичь ключевые цели в бизнесе

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

Но что действительно выделилось, так это отзывы о том, как видео-контент помог достичь ключевые бизнес-цели:

  • 97% анонимных респондентов ответили, что видео улучшило их представлени о продукте/услуге;
  • 81% респондентов назвали его главной причиной увеличения продаж;
  • 76% связали использование видео-контента с увеличением траффика на сайт;
  • Более половины респондентов (53%) заявили, что видео помогло снизить количество звонков в службу поддержки.

!business analyse

83%   респондентов ощутили, что в общем видео-контент дал хорошие показатели ROI, что выгодно отличается от количества респондентов, давших такой же ответ в прошлом году – 76%.

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

2. Видео очень популярно у потребителей

79% потребителей говорят (против 69% в прошлом году), что они скорее посмотрят видео о продукте, чем прочтут текст.

Кроме того, видео является самым надёжным способом для потребителей узнать о новом продукте. 91% потребителей просмотрели explainer video — короткие видеоролики-презентации продукта или услуги. Внушительная цифра — 84% респондентов заявили, что решили сделать заказ после просмотра видео о продукте.

3. Новые возможности для создания видео-контента

Такие технологии, как Facebook Live (используется 19% маркетологами), Snapchat (8%), Instagram video (26%), 360-градусное видео (12%) и виртуальная реальность (7%) – сейчас доступны всем маркетологам и менеджерам по маркетингу.

!!camera2

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

4. Закадровые треки набирают популярность

Закадровый голос присутствует практически во всех брендовых видео — но мы наблюдаем постепенно уход от ранее распространённых «голосов радиодиктора».

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

Итог: маркетологи тратят больше денег, потребители смотрят больше видео. А 2017 году ожидается запуск еще большего количества видео-компаний.

13 трендов в веб-дизайне, ожидаемых в 2017 году

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

Список из 13 дизайн-трендов, за которыми стоит следить в этом году, чтобы создавать стильные современные сайты:

1. Крупные шрифты
Всё больше компаний склонны использовать крупные шрифты с жирным начертанием. Этот приём отлично работает, если на остальном пространстве страницы применяется сдержанный минималистичный стиль. Пример — страница французского  агентства Big Youth.

big-youth

2. Синемаграф
Это проигрываемые на автоповторе короткие HD-видеоролики или файлы в Gif-формате. Размещенные на бэкграудне, они делают статичные страницы визуально более интересными и динамичными. Великолепный пример широкоэкранного синемаграфа — главная страница датского агентства CP+B Copenhagen. Такой приём несомненно удерживают внимание посетителя сайта больше, чем обычно.

3. Эксперименты с композицией
Чтобы выделиться из множества аккуратных разлинееных макетов сайтов, некоторые дизайнеры выбирают более смелые эклектичные структуры. Арт-директор Will Geddes показывает примеры своих работ в неожиданном коллаже из перекрывающих друг друга изображений:

WillGeddes

4. Яркие градиенты
Ожидается громкое возвращение калейдоскопичных градиентов. Сайт агентства из Цюриха Y7K — прекрасная иллюстрация, как сделать двухцветный эффект свежим и современным в случае заполнения градиентом главной страницы сайта.

gradient-agency

5. Яркие, насыщенные цветовые схемы
Многослойность из ярких цветов добавляет глубину и текстуру сайту, созданному на простом макете. Как в примере стильного бразильского сайта:

vivid-layers
6. Чёткие, прямые высказывания
На многих сайтах сделали выбор в пользу отказа от навигации и изображений, полагаясь только на несколько строк текста, информирующих о сфере компетенции компании.

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

text-layout

7. Иллюстрации
Всё больше компаний обращаются к иллюстраторам и графическим художникам за созданием эксклюзивных иллюстраций для своих сайтов. После стольких лет господства флэт-дизайна и минимализма, иллюстрации – это идеальный приём для придания сайту неповотримости и оригинального духа. Очаровательный пример — сайт NewActon (дизайн австралийского агентства ED).

illustration-layout

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

Minimalism
9. Дуплекс (дуотон)
Цветовые схемы из двух оттенков выглядят круто и современно. Как в этом примере Australian Design Radio.

duotone-layout

10. Сочетание вертикального и горизонтального текста
Освобождение от необходимости отображать текст только по горизонтали и расположение его вертикально вносит свежее новое измерение. Сочетание горизонтально и вертикально ориентированного текста используется на странице режиссера Мэтта Поттерфильда, которая иначе смотрелась бы слишком просто.

vertical-text

11. Геометрические узоры и паттерны
Причудливые узоры и формы довольно часто появляются на сайтах, разбавляя строгий минималистичный дух флэт-дизайна. Канадская дизайн-студия MSDS на своей главной странице использует дерзкие, узорчатые буквы:

geometic-patterns
12. Модульный дизайн
Модульный дизайн определённо будет набирать обороты в 2017 году. Это верный способ создать аккуратный, доступный веб-сайт, удерживающий внимание и заинтересовывающий пользователя. Пример от дизайн-студии Waark демонстрирует нестандартный приём в модульном дизайне: наведение мыши на разделительные линии между модулями вызывает интересный волновой эффект.

Modular Design

13. Наложение текста на изображения
Текст, слегка перекрывающий изображения, стал популярным приёмом в блогах и портфолио. Художник-фрилансер и frontend-разработчик Thibault Pailloux выделили перекрывающий текст красочным подчеркиванием под каждым заголовком.

overlapping

60 терминов веб-дизайна, которые должен знать каждый маркетолог

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

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

Знакомая ситуация?

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

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

alignment

2. Аналогичные цвета
Цвета, следующие друг за другом на цветовом круге.

analogous

3. Верхняя часть символа (Ascender)
выступает над верхней линией (высотой) строчного символа.

ascender-1

4. Базовая линия (baseline)
Невидимая линия, на которой расположены все символы в строке.

baseline

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

cap height

6. Цветовая модель CMYK (CMYK: Cyan, Magenta, Yellow, Key color)
Цветовая схема используется в полиграфии и охватывает меньше цветов, чем RGB-модель.

CMYK-1

7. Цветовой круг
Цветовой круг показывает взаимодействие между первичными, вторичными и третичными цветами, холодными и тёплыми.

BYR_color_wheel.svg

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

9. Дополнительные цвета
Цвета, расположенные друг напротив  друга на цветовом круге.

complementary
10. Сжатие
Уменьшение размера файла путём удаления лишних данных. Особенно полезно при пересылке или сохранении больших изображений.

11. Контраст
Подчёркивание различий между цветами, формами, пространством и другими элементами дизайна.
cotrast
12. Обрезка
Удаление частей изображения для перекомпозиции или для изменения линейных пропорций.


13. CSS (Каскадные таблицы стилей)
Фрагмент кода, отдельный от основного содержания и определяющий внешний вид и впечатление от веб-страницы.

14. Нижняя часть символа (Descender)
Часть буквенного символа, выходящего за границы базовой линии.

descender-1

 

15. Количество точек на дюйм (DPI)
Аналогично пикселю в вебе, точка — наименьшая единица измерения при печати цифровых изображений. Количество точек на дюйм (DPI) относится к разрешению печатного цифрового объекта – чем больше DPI, тем больше разрешение.

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

Blurshadow
17. EPS
Формат файлов, используемый для изображений векторной графики, содержащих как текст, так и изображения.

18. Растушевка
Дизайнерская техника сглаживания резких переходов

19. Шрифт
Начертание букв определенного стиля и размера. Например, шрифт Times New Roman полужирный 14px.

20. GIF
Формат файлов, наиболее часто используемый для небольших изображений с несколькими цветами, или анимированных изображений. Пример анимированного gif-изображения:

21. Градиент
Дизайнерская техника плавного перехода одного цвета или части изображения в другой цвет или часть изображения.

gradient

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

23. Шестнадцатеричные цвета (HEX-код)
Код, используемый в HTML и CSS для определения специфического цвета. В обозначении содержит символ хэштега (#). Таблица с шестнадцатеричными цветовыми кодами:

Xterm_color
24. НTML
Язык гипертекстовой разметки для отображения содержимого веб-страниц.

25. Оттенок
То, что большинство людей называют цветом — красный, оранжевый, жёлтый.

26. JPEG
Формат файла, использующий сжатие как с потерями (loss) так и без потерь (lossless), причем потеря качества незаметна глазу. Чаще всего используется для фотографий и реалистичных картин с плавными переходами яркости и цвета.

27. Кернинг
Расстояние между символами.

1280px-Kerning_EN
28. Интерлиньяж
Расстояние между строками текста.

29. Сжатие данные с потерями (Loss)
Вид сжатия данных с уменьшением размера сжимаемого файла. Характерный пример — — JPEG.

30. Сжатие без потерь (Lossless)
Вид сжатия изображения, при котором оригинальные данные полностью восстанавливаются.

31. Средняя линия
Расстояние от базовой линии строки до верхней точки большинства строчных букв.

midline-1
32. Негативное пространство.
Пространство вокруг элементов дизайна на веб-странице или отдельном изображении. Синоним пустого пространства.

negativespace
33. Шрифты в формате OTF
Современный стандарт формата шрифтов. В одном файле содержится как экранная версия шрифта так и версия для печати. Совместима с Mac и Windows. Расширение файла со шрифтами — .otf.

34. Верхняя висячая строка
Первая строка абзаца, появляющаяся отдельно от остального абзаца. Обычно ухудшает читабельность текста.

Orphan-typesetting
35. Pantone
Цветовая палитра, созданная компанией Pantone. В основном используется в полиграфическом дизайне и используется для сопоставления напечатанных цвета с экранными на стадии цифрового дизайна.

pantone

37. PDF
Файловый формат, используемый для представления документов и презентаций.

38. Пиксел
Наименьший элемент цифрового изображения.

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

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

41. Прямоугольная цветовая схема
4 цвета — 2 пары дополняющих цветов.

rectangular

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

43. Цветовая модель RGB
Используется в веб-дизайне, так компьютерные мониторы используют красный, зеленый и синий цвета в своей палитре.

RGB

44. Насыщенность (Saturation)
Свойство, характеризующее силу, интенсивность ощущения цветового тона.

HSV_lowgamma

45. Засечки (Serif)
Штрихи на концах линий в начертании символов. “Sans serif“ — соответственно шрифты без засечек.

46. Квадратная цветовая схема
4 цвета, равноудаленные друг от друга на цветовом круге.

SQUARE-4
49. Стержень
Основной вертикальный штрих буквенного символа, как в букве В и диагональный штрих в букве V.

50. Штрихи
Линии, определяющее очертания символа в гарнитуре шрифта.

51. Яркость
Степень присутствия в цвете черного или белого.

52. Третичные цвета
Эта цветовая схема сочетает цвета, расположенные друг к другу под углом в 120 градусов. Эта цветовая схема считается наилучшим сочетанием цветов.

triadic
53. Гарнитура шрифта
Коллекция символов, включающая буквы, цифры, пунктуацию. Например, Times New Roman, Arial, Helvetika.

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

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

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

57. Жирность шрифта
Тип начертания символов, который может быть полужирным, жирным, нормальным.

58. Пустое пространство
Белое пространство вокруг объектов дизайна. Синоним негативного пространства.

books-education-school-literature-48126
59. Висячая строка
Текст в конце абзаца, переходящий на следующую страницу или колонку. Как правило, портят эстетическое впечатления и снижают удобочитаемость текста.

2000px-Widow-typesetting.svg

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

xheight

Что нужно измерять, чтобы увеличить прибыль в 2017 году

Ведение бизнеса требует максимум отдачи от его владельца. Предприниматели вкладывают всё что у них есть—креативность, страсть, усилия, сбережения — всё. И спустя 5 лет после старта бизнеса половина из них выходят из игры. Спустя 10 лет две трети из них называют это освобождением.

Но почему?

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

!business analyse

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

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

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

1. Валовой доход на одного сотрудника

Определение числа сотрудников на полной рабочей неделе — удобный способ измерения трудозатрат. Для этого нужно приравнять каждого сотрудника с полной занятостью (40 часов в неделю) к 1 FTE (англ. версия: 1 сотрудник = 1 FTE, Full time employee). Человек на 20-часовой рабочей неделе = 0.5 FTE.

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

2. Больше/меньше

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

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

Budget_planning!

Как часто происходит превышение бюджета? На какую сумму? В каких случаях бюджет не расходуется полностью?

После того, как предприниматели находят ответы на эти вопросы в процессе аналитики, часто они приходят в ужас от того, что обнаружили.

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

Решение этой проблемы — коренные изменения самого процесса формирования бюджета. Как правило, проблема — в занижении статей затрат. Хороший совет — увеличивать на 50% оценку затрат по каждой работе. Изначальная оценка часто описывает идеальный мир, где всё идёт по плану. Как часто это происходит в реальности? Прибавление 50% к изначальной стоимости работы, как правило, делает её реальной.

3. Прибыльность одного клиента

Фирмы часто отслеживают только общий объём прибыли. Редко они бывают настолько конкретны, чтобы проанализировать, сколько денег приносит один клиент. Эти цифры скрывают неприятную правду.

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

Income!

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

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

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

4. Минимальный уровень вовлечённости клиентов

Клиенты приходят разные. У некоторых на столько непомерные запросы, что вы начинаете сомневаться, справитесь ли вы. Другие настолько мелкие, что становится неинтересно тратить время и усилия. Но приходят и те, кто подходит вам по всем параметрам. Но вы не узнаете разницу, если не будете отслеживать два показателя по каждому клиенту:

  • количество часов, за которое вы выставляете счета;
  • валовой доход на одного клиента.

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

!profit

Вы увидите, что некоторые клиенты занимают мало времени, приносят незначительный доход и маленькую прибыльность. Эти клиенты слишком незначительны. Другие клиенты слишком крупные. Ваша команда потратит на них слишком много времени, которое будет «съедено» на работу по исправлениям и писанину по просроченным результатам.  И клиент не будет слишком счастлив, и доходность по нему не слишком высокой.

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

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

5. Табели учёта рабочего времени

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

С этим невозможно согласиться.

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

!working time

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

Измеряйте свой успех в 2017 году

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

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

Тренды в UX-дизайне в 2017 году, vol.2

Постоянно растущая сфера UX-дизайна — это возможность смены парадигмы для многих компаний – от продажи продуктов к продаже опыта или переживаний. Это лучший способ создать устойчивое конкурентное преимущество.

В прошлом году мы стали свидетелями серии инноваций, произошедших в мире UX. Самый крупный и заметный из них — дополненная реальность PokemonGo – мобильная игра-бестселлер в США, заработавшая 50 миллионов скачиваний через 13 часов после своего релиза.

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

1. Дизайн, экономящий ваше время

2017-ux-5

Безупречный UX-дизайн интуитивно понятен и экономит время пользователя — в единицу времени пользователь выполняет только одно действие. Яркий пример — на Uber процесс совершения сделки в системе бронирования предельно ясен и понятен.

Безупречный UX-дизайн интуитивно понятен и экономит время пользователя

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

2. Умная персонализация

2017-ux-4
И компании, и пользователи – все любят персонализацию. Но в 2016 году персонализация информации принесла не слишком приятные сюрпризы. Многие люди были шокированы результатами Brexit’а и президентских выборов в США, так как их ближайшие окружение создало ощущение, что весь мир разделяет их мнение.

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

3. Метрика за пределами интерфейса

2017-ux-3

Традиционные методы измерения пользовательского опыта это:

  1. Время, проведенное на сайте.
  2. Переходы по страницам.
  3. Где произошёл уход со страницы до совершения пользователем целевого действия.

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

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

4. Расширение роли и специализации в проектировании интерфейсов

2017-ux-2

Проектирование интерфейсов – всегда было обширной сферой, но в 2017 году специализация в этой сфере будет направлена на новые технологии, такие как виртуальная реальность, искусственный интеллект.

Каждый, кто занят в разработке элементов интерфейса, является частью UX-команды.

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

5. UX как практика менеджмента

2017-ux1

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

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

B2B контент-маркетинг: ожидаемые тренды в 2017 году

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

Разработка весомой стратегии контент-маркетинга стоит того: B2B компании, которые делали записи в блогах более 11 раз в месяц, наблюдали трёхкратный рост траффика  по сравнению с компаниями, обновляющими блог только раз в месяц.

Сегодня в инфографике — тренды, возможности, приоритеты для B2B маркетологов, на которые стоит обратить внимание в 2017:

!B2B-Content-Marketing-Trends-in-2017-HD

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

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

На заре развития веба были три главные кнопки навигации – «Главная», «О нас», «Контакты».  В зависимости от сайта могло быть больше кнопок, а могло и не быть. Важнее всего был хороший внешний  вид этих кнопок.

Nav2

В старые добрые времена, было много фреймов, кое-как сгенерированного HTML-кода, передоз флэша, и, как следствие, — никаких шансов для SEО.

Навигация была похожа на джунгли.

NAv

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

Навигация прошла длинный путь развития. И все ещё есть не решен вопрос как сделать ее оптимальной. Ведь для разных сайтов подходят разные решения.

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

Перемены – единственное, что постоянно в мире IT. Чтобы понять откуда мы пришли, и куда мы идём, нужно понять причины развития навигации. Стандартное исполнение навигации менялось по трём причинам:

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

Среднестатистические сайты-визитки — основная часть веб-пространства — стали меньше. Многие бизнесы вполне обходятся такими одностраничными сайтами для продвижения своих услуг. И уже никто не пишет многостраничные эссе  в разделе «О нас». Объём текста на страницах постоянно сокращается: клиентам всего-то нужно что вы продаете, где вы это продаёте и по какой цене.  И они не против узнать ваши контактные данные и профили в соц. сетях.

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

2. Девайсы изменились

Device

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

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

UX

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

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

Где мы сейчас

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

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

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

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

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

По началу это кажется не таким уж необходимым в случае версий для десктопа. Но, например, как в случае с сайтом http://www.awwwards.com/ это имеет смысл: так как меню — многоуровневое, и скрытие панели навигации не наносит ущерб юзабилити.

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

На больших сайтах и, конечно, в веб-приложениях часто нужно использовать больше одной формы навигации. Хороший пример — http://www.itsnicethat.com/ — основное меню расположено слева в шапке cтраницы, а более полное и подробное спрятано за кнопкой гамбургерного меню.

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

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

Зайдите на какой-нибудь блог. Или новостной сайт, или Pinterest. Здесь обитает такой вариант навигации. Её цель – помочь пользователю найти нужный однородный контент среди обилия информации, систематизированной по тематике, тегам, дате.

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

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

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

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

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

6 трендов в UX–дизайне в 2017 году

Web – непрерывно меняющаяся индустрия. Каждый год – новые инструменты, фрэймворки, технологии и, конечно, тренды.

ux-design-trends-2017

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

Что касается пользовательского опыта – мы постоянно что-то улучшаем, чтобы увеличить конверсию и снизить показатель отказов. В 2017 году следует обратить внимание на следующие инструменты:

1. Оценка времени на чтение, чтобы увеличить число читателей

Открывая статью, пользователь, как правило, пролистывает её до конца, чтобы понять, сколько времени уйдет на её чтение. Если текст выглядит длинным и неинтересным, пользователь просто просканирует его или сразу закроет страницу. Чтобы этого не происходило, указывайте время на прочтение каждой статьи. Сайт Medium.com уже год использует этот приём.

«Чем больше у нас сведений о чём-либо, включая точное время на совершение какого-либо действия, тем более вероятно, что мы выполним его.»

New-Yorker

Time-To-Read

2. Чатботы для лучшего взаимодействия с клиентом

Чатботы — это новый способ коммуникации с клиентами. Это как консультанты в магазинах, только ненавязчивые и в онлайне. Еще до того, как вы просмотрите похожие категории товаров или набрали что-либо в строке поиска, чатбот уже готов вам помочь. Благодаря последним новшествам в машинном обучении, чатботы уже используются многими известными брендами — Google Now и eBay. На eBay это значительно улучшило покупательский опыт, так как позволяет найти нужное быстрее, чем обычный поисковик.

eBay

3. Голосовые и жестовые интерфейсы

Графические пользовательские интерфейсы постепенно уходят. Им на смену приходят голосовые и жестовые интерфейсы.  И вы уже ими пользуетесь или пользовались хотя бы раз — Google AssistanceApple Siri and Microsoft Cortana.  Больше не нужно печатать запрос, а просто его  озвучить, что существенно упрощает поиск в приложении или на сайте.

Ok_Google

4. Значимые микровзаимодействия

Микровзаимодействия – визуальные реакции сайта на действия пользователя. Это подсказки, анимации, CSS-переходы при наведении/клике мыши. Они создают у пользователя чувство контроля — он получает мгновенную реакцию от сайта или приложения на свои действия. Пример с Facebook: новые эмотиконы наконец-то дали возможность пользователям точнее выражать свои эмоции по поводу контента, а не ставить под грустной фоткой отметку «Нравится».

facebook-reaction

5. Анимация при скроллинге

Уникальный вид анимации — при скроллинге страницы вниз визуальные элементы начинают изменяться. Это идеальный способ сторителлинга и демонстрации продукта. Учитывая то, как наш мозг воспринимает разные виды контента, лучше показать что-либо через визуал, чем заставлять пользователя читать длинный текст.  Отличный пример – сайт MacPro.

6. Меньше — больше

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

Используйте пространство, негативное пространство. Негативное (пустое) пространство фокусирует внимание на контенте и увеличивает показатель конверсии. Но не стоит убирать нужные элементы, например, панель навигации в футере.

Сайт gDiapers.com увеличил конверсию на 20% после добавления пустого пространства между баннером на главной и двумя картинками с призывами к действию.

negative-space-gdiapers

Тренды приходят и уходят. Не стоит сразу применять все перечисленные инструменты и на всех своих ресурсах. Имеет смысл протестировать выбранные приёмы на отдельной странице, чтобы выяснить, что влияет на показатели конверсии и отказов.

Помните, что разные инструменты подходят для разных сайтов. Например, если у вас одна единственная страница, то голоcовой или жестовый интерфейс вряд ли понадобится.

 

46 фактов, которые нужно знать о предпринимательстве

Популярная культура сделала предпринимательство очень привлекательным. После фильмов «Joy», «Социальная сеть» очень трудно понять что на самом деле собой представляет открытие и ведение бизнеса.

Суровая правда мира стартапов: 90% из  них проваливаются, и самая частая причина провалов — недостаточный спрос на продукцию или услугу. И при этом 68% предпринимателей считают, что их бизнес-идеи — самые лучшие, тогда как маркетинговые исследования могут доказать обратное.

Сегодняшняя инфографика о том, как в мире обстоят дела с предпринимательством.

!!Enterpeneur