Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Анатольевна Никулина
Чек лист для корпоративного сайта:
1. Присутствует оригинальный дизайн сайта в фирменных цветах и с использованием логотипа, фирменного шрифта.
2. Есть качественные фотографии производства, помещений, фото сотрудников, с указанием должностей.
3. Сертификаты, дипломы, разрешения, лицензии, благодарственные письма, отзывы.
4. Разветвленный модуль «О компании»: История компании, Рассказ о компании: миссия, философия, продукт, Сотрудники, Схема работы, Регионы работы.
5. Новости, блог.
6. Модуль «Наши работы» или «Портфолио».
7. Модуль «Контакты» и карта проезда. Фото офиса снаружи. Виртуальный гид по офису или производству.
Распечатайте эти чек-листы и проверьте по ним созданный вами дизайн-сайта, добавьте недостающие элементы.
Глава 3. Типы сайтов
Звонит клиент (девушка-офис менеджер) в веб-студию:
– Здравствуйте, нам директор сказал, что нам нужен сайт, вы же этим занимаетесь?
– Да, конечно…
– Хорошо, только вот у нас бюджет маленький, поэтому нам не нужен дорогой сайт, можно даже чёрно-белый…
Анекдот из сети Интернет
В этой главе:
1. Контент и функционал сайта
2. Классификация сайтов по технологии создания
3. Классификация сайтов по назначению
1. Контент и функционал сайта
В предыдущей главе в разделе «Чек-лист на продающий сайт», вы, наверное, заметили, что чек-листы отличаются для разных типов сайтов. И действительно, в зависимости от целей и задач, которые решает сайт, все Интернет-ресурсы делятся на несколько видов или типов. В зависимости от типа сайта применяются разные модули на первой странице, и допускается разные типы дизайна. Функционал и контент сайта так же отличаются в зависимости от типа сайта.
Веб-дизайнер должен хорошо разбираться в типах сайтов, чтобы сразу спроектировать функциональную структуру сайта. В этой главе будут описаны разные типы сайтов с их краткой характеристикой и даны советы по дизайну каждого типа.
Веб-дизайнер, приступая к разработке дизайна сайта, должен чётко понимать: что такое функционал и контент сайта, чтобы отобразить их на веб-дизайне.
Функционал сайта – это набор различных опций, которые решают определенные задачи пользователей для удобной работы с веб-ресурсом. Базовый функционал определяется разработчиком CMS (движка сайта). Он содержит все базовые возможности, которые должны присутствовать на каждом проекте.
Для посетителей сайта это:
– Меню.
– Сайдбары.
– Постраничная навигация.
– Формы обратной связи.
– Подписка на RSS-ленту.
– Кнопка заказа звонка.
– Поиск по сайту и прочие элементы.
Для администратора сайта:
– Возможность регистрации и входа в административную панель.
– Удобный текстовый редактор со стандартным функционалом (выделение текста, вставка символов, цитат, подзаголовков, ссылок и так далее).
– Обычные настройки профиля (логин, пароль, аватарка).
– Предоставление стандартных типов записей (рубрики, метки, страницы, посты).
– Настройка урлов (URL).
– Возможность обновления и добавления модулей, плагинов и тем.
– Работа с медиафайлами (фото, видео).
– Базовая статистика по сайту (количество опубликованных постов, комментариев) и так далее.
Расширенный функционал сайта
Расширенный функционал основан на различных дополнениях, которые расширяют базовые возможности сайта и CMS. Как правило, расширяют за счет отдельных скриптов, плагинов.
Для посетителей сайта это:
– Галерея, слайдеры, аккордеоны, вкладки.
– Расширенные возможности меню и сайдбаров.
– Содержание постов.
– Возможность поделиться или подписаться в социальных сетях.
– Расширенная система комментирования (можно добавлять фото, видео, подписка на уведомления и так далее).
– Система рейтинга записей и комментаторов.
– Форумы, интернет-магазины.
– Онлайн чат, калькулятор, счетчик, календарь.
– Карта сайта.
– Опросы, квизы.
– Онлайн-консультант.
Для администраторов сайта:
– Расширенная статистика сайта (количество входящего трафика, его источники, ключевые слова, нагрузка на сайт и так далее).
– Расширенный редактор (добавление шорткодов, таблиц и так далее).
– Улучшение коммуникации среди пользователей (календарь событий или работ по сайту, распределение ролей, подписка на уведомления и так далее).
– Защита сайта (файервол, ограничение роли пользователя, создание бэкапов и так далее).
– Удобное редактирование метаданных записей (прямо в административной части сайта можно прописать title, description, данные для микроразметки).
– Добавление пользовательских типов записей и так далее.
Контент сайта – это любая информация, размещенная на нём. Чаще всего под контентом понимают текстовое наполнение, реже – видео- и аудиоматериалы.
Без качественного и регулярно обновляемого контента практически невозможно повысить эффективность онлайн-бизнеса и вывести сайт в ТОП поисковых рейтингов. Любая информация, которую сайт предлагает пользователю, – должна быть полезной!
В разработке дизайна сайта в первую очередь продумывается функционал сайта, располагаются на первой странице все ключевые элементы (ссылки, меню, кнопки, формы обратной связи, калькуляторы, корзина товаров, счетчики посетителей и т.д.) и во вторую очередь идёт работа над дизайном контента (тексты, фотографии, видео и т.д.).
2. Классификация сайтов по технологии создания
Если вы интересовались разработкой сайтов или веб-дизайном, то наверняка слышали, что сайты создаются разными способами (при помощи разных технологий). Старые технологии отступают и дают место новым. На данный момент лидирующими технологиями считаются системы управления сайтами, например, такие, как: WordPress, 1C-Битрик, NetCat, Drupal. Сайты в этих системах «написаны» на языке программирования PHP. Также обороты набирают популярные сейчас конструкторы сайтов и технологии, позволяющие создать сайт простому пользователю ПК, без дизайнеров и программистов.
Классификация веб-сайтов по технологии создания:
1. Технология CMS.
Язык: PHP (язык программирования сайтов).
Определение:
CMS – информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления содержимым сайта (контентом и дизайном).
CMS обычно состоит из двух основных компонентов:
а) приложения для управления контентом в качестве внешнего пользовательского интерфейса, позволяющего пользователю сайта добавлять, изменять и удалять контент с веб-сайта без вмешательства веб-мастера (административная часть сайта),
б) приложение доставки контента, которое компилирует контент и обновляет веб-сайт.
(Определение из Википедии)
Иными словами, CMS (Content Management System) – это система управления контентом. По-простому – «движок» сайта, который позволяет управлять содержимым сайта.
Пять наиболее популярных CMS:
WordPress (сайт wordpress.com)
На данный момент считается самой популярной CMS, подходит для создания блогов, корпоративных сайтов, портфолио. С помощью дополнительных инструментов (плагинов) этот движок используется для разработки интернет-магазинов.
Стоимость: бесплатно. Есть дополнительные платные модули (плагины), например, для интернет-магазина в ВордПрессе используется модуль e-Commerce или WooCommerce.
Язык интерфейса: 19 языков, включая русский, английский, испанский и др.
Интеграции: более 50 тысяч. Самые популярные: Google Analytics, Unisender, все социальные сети, Мой Склад, СДЭК, ИнвойсБокс, Roistat, Битрикс24, Carrot quest и т.д.
Рис. 21. Редактирование страницы в WordPress в административной части сайта
Плюсы WordPress
1. Удобно сделан под блоги, но можно адаптировать под любой сайт.
2. Удобный и интуитивно понятный интерфейс для пользователя
