7 ошибок при работе с контентом, которые испортят ваш...
TRANSCRIPT
![Page 1: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/1.jpg)
7 ошибок при работе с контентом, которые испортят ваш сайт
nimax.ru Инесса Шилло
![Page 2: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/2.jpg)
Инесса Шиллоnimax.ru
7 ошибок при работес контентом, которыеиспортят ваш сайт
![Page 3: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/3.jpg)
Обычная ситуация
Агентство отдает вам сайт и уходит в туман
![Page 4: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/4.jpg)
Обычная ситуация
Вы начинаете с ним жить и он уже не так красив, а вам неудобно
![Page 5: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/5.jpg)
Ожидание — реальность
![Page 6: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/6.jpg)
Ожидание — реальность
![Page 7: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/7.jpg)
Аспекты работы над сайтом
Графическое наполнение
Текстовое наполнение
Работа с шаблонами дизайна
Фотографии и иллюстрации
Контент статей и новых страниц
Карточки нового товара, новые адреса магазинов, страницы услуг
Стайлгайд / Руководство по работе с графическим контентом
Контент-гайд / Руководство по работе с текстовыми материалами
UI-kit + шаблонные страницы + инструкция по наполнению
![Page 8: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/8.jpg)
7 ошибок
![Page 9: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/9.jpg)
1 ошибка
Разный стиль фотографий
![Page 10: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/10.jpg)
1 ошибка. Зачем соблюдать?
Консистентность коммуникацииСм. Билли Миллигана
![Page 11: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/11.jpg)
1 ошибка. Пример
![Page 12: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/12.jpg)
1 ошибка. Хороший пример
![Page 13: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/13.jpg)
1 ошибка. Из-за чего может быть
Отсутствие гайдовили их непонимание
![Page 14: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/14.jpg)
1 ошибка. Как исправлять
1. Просить агентство разработать2. Провести обучение или обсуждение3. Разработать один фильтр для обработки4. Проанализировать то что есть, выявить общее,
использовать все понравившиеся как референс
![Page 15: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/15.jpg)
1 ошибка. Пример гайда
![Page 16: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/16.jpg)
2 ошибка
Технические ошибки в обработке фотографии
![Page 17: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/17.jpg)
2 ошибка. Зачем соблюдать?
Объективные правила из живописи
![Page 18: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/18.jpg)
2 ошибка. Пример
![Page 19: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/19.jpg)
2 ошибка. Пример
![Page 20: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/20.jpg)
2 ошибка. Из-за чего может быть
Дизайнер не описал — думал, что все знают
![Page 21: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/21.jpg)
2 ошибка. Как исправлятьЗапомнить это:
1. Нельзя кадрировать по суставам
2. Нельзя выкладывать фотографии меньшего размера, чем указано в инструкции
по наполнению
3. Нельзя произвольно заменить фотографию баннером
4. Для фотографий нужен формат jpg, для изображений с текстом — png
Изображение jpg надо сохранить в safe for web в фотошопе с 60-70 процентов
качества
![Page 22: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/22.jpg)
3 ошибка
Иллюстрации разного стиля
![Page 23: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/23.jpg)
3 ошибка. Зачем соблюдать?
Консистентностькоммуникации!См. Билли Миллигана
![Page 24: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/24.jpg)
3 ошибка. Пример
![Page 25: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/25.jpg)
3 ошибка. Пример
![Page 26: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/26.jpg)
3 ошибка. Хороший пример
![Page 27: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/27.jpg)
3 ошибка. Пример гайда
![Page 28: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/28.jpg)
3 ошибка. Из-за чего может быть
Не продумали на старте, с каким иллюстратором будете работать
![Page 29: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/29.jpg)
3 ошибка. Как исправлять
1. Работать с одним иллюстратором всегда (утопия)
2. Составить руководство по иллюстрациям, обучать
следующего иллюстратора силами предыдущего,
изначально работать с похожими по стилю
3. Назначить арт-директора или дизайнера
контролировать
![Page 30: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/30.jpg)
4 ошибка
Разная стилистика текста
![Page 31: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/31.jpg)
4 ошибка. Зачем соблюдать?
Консистентность коммуникации!!См. Билли Миллигана
![Page 32: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/32.jpg)
4 ошибка. ПримерNIMAX WEB NIMAX BRANDS
![Page 33: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/33.jpg)
4 ошибка. Пример гайда
![Page 34: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/34.jpg)
4 ошибка. Из-за чего может быть
Нет руководства по контенту или оно игнорируется
![Page 35: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/35.jpg)
4 ошибка. Как исправлять
1. Просить агентство разработать2. Провести обучение или обсуждение3. Проанализировать то что есть, выявить общее,
использовать все понравившиеся как референс
![Page 36: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/36.jpg)
5 ошибка
Call-to-action не подходит под стилистику сайта
![Page 37: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/37.jpg)
5 ошибка. Зачем соблюдать?
Единство стиля
![Page 38: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/38.jpg)
5 ошибка. Пример
![Page 39: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/39.jpg)
5 ошибка. Хороший пример
![Page 40: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/40.jpg)
5 ошибка. Из-за чего может быть
Выбрали модуль с плохой кастомизацией
![Page 41: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/41.jpg)
5 ошибка. Как исправлять
1. Попросить агентство подобрать модульи кастомизировать
2. Выбрать тот, который дает больше возможностей для персонализации
3. Покрасить в фирменные цвета
![Page 42: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/42.jpg)
6 ошибка
Не помещаются длинные текстовые блоки
![Page 43: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/43.jpg)
6 ошибка. Зачем соблюдать?
Может поехать вёрстка+ Длинные полотна
текста трудно читать
![Page 44: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/44.jpg)
6 ошибка. Пример
![Page 45: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/45.jpg)
6 ошибка. Хороший пример
![Page 46: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/46.jpg)
5 ошибка. Хороший пример
![Page 47: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/47.jpg)
6 ошибка. Из-за чего может быть
Не учли на разработке
![Page 48: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/48.jpg)
6 ошибка. Как исправлять
1. Писать текст под ограничения, которые даны2. Сворачивать дополнительный текст3. Сокращать (почти всегда можно)4. Править на дизайне и вёрстке с учетом
большего количества текста5. Примерять разные варианты при разработке
![Page 49: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/49.jpg)
7 ошибка
Добавление непредусмотренных блоков
![Page 50: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/50.jpg)
7 ошибка. Зачем соблюдать?
Может поехать вёрстка и композиция
![Page 51: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/51.jpg)
7 ошибка. Пример
![Page 52: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/52.jpg)
7 ошибка. Как надо
![Page 53: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/53.jpg)
7 ошибка. Из-за чего может быть
Не учли на разработке /Сайт разрастается
![Page 54: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/54.jpg)
7 ошибка. Как исправлять
1. Внимательно посмотреть все артефакты и страницы сайта — точно ли нельзя использовать существующее
2. Обратиться к дизайнерам
![Page 55: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/55.jpg)
7 ошибка
Исключение некоторых блоков
![Page 56: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/56.jpg)
7 ошибка. Зачем соблюдать?
Может поехать вёрстка и композиция
![Page 57: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/57.jpg)
7 ошибка. Пример
![Page 58: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/58.jpg)
7 ошибка. Пример
![Page 59: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/59.jpg)
7 ошибка. Пример
![Page 60: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/60.jpg)
7 ошибка. Из-за чего может быть
Переподготовились на этапе разработки
![Page 61: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/61.jpg)
7 ошибка. Рекомендации
1. На дизайне или вёрстке пробовать несколько вариантов страниц с выключением спорных блоков
2. Убирать лишние разделители у блоков3. Обратиться к дизайнерам
![Page 62: 7 ошибок при работе с контентом, которые испортят ваш сайт](https://reader033.vdocuments.site/reader033/viewer/2022042707/586e8d891a28aba0038b8907/html5/thumbnails/62.jpg)
Спасибо!
Инесса Шиллоnimax.ru