Про сайты
Мало создать сайт и заняться его техническим продвижением — важно понимать, как должен выглядеть сайт, чтобы привлекать внимание. Нужно вызвать у посетителя желание пользоваться сайтом, а для этого — продумать не только функционал, но и внешний вид ресурса. Чтобы понять, как должен выглядеть современный сайт, необходимо рассмотреть, из каких составляющих складывается его привлекательность. Как продумать привлекательность сайта на каждом этапе.
1. Wix
Конструкторы сайтов: wix
Один из самых популярных конструкторов сайтов, который постоянно обновляется и предлагает пользователям новые возможности. Он позволяет создавать ресурсы любого формата: начиная с блогов и визиток и заканчивая онлайн-магазинами. На выбор пользователей предлагается свыше 500 стильных шаблонов, сгруппированных по тематике. Причём каждый можно посмотреть ещё до регистрации на сайте, что действительно удобно.
Сервис отличается интуитивно понятным интерфейсом, возможностью использования собственных шрифтов и HTML-кода, а также богатым набором дополнительно подключаемых элементов. Мобильная версия сайта активируется в одно нажатие, при этом редактировать её можно отдельно от десктопной.
Однако есть и недостатки. Два наиболее доступных тарифных плана из пяти предлагают ограниченную функциональность. При этом самый дешёвый, как и бесплатный, не позволяет удалить рекламу Wix. Выбрать короткий и запоминающийся домен, а также подключить собственный почтовый ящик на бесплатном тарифе также нельзя.
Тарифы: бесплатный; платные — от 4,08 евро в месяц.
Tilda Publishing
Конструкторы сайтов: Tilda Publishing
Этот конструктор делает акцент на типографике и возможностях детальной настройки доступных блоков, которых всего около 450. Выбор шаблонов невелик, да и уникальными многие из них не назовёшь, но именно за счёт кастомизации доступных элементов пользователю предлагается самостоятельно привести дизайн к нужному виду.
Для быстрого старта Tilda Publishing предлагает полезные статьи и видеоуроки по работе с сервисом, которые новичкам будут очень кстати. Также предусмотрен встроенный поиск изображений, доступных по лицензии Creative Commons, и инструмент для их редактирования.
Tilda Publishing отлично подходит для лендингов, промостраниц и различных портфолио, но возможности сервиса этими форматами, конечно, не ограничиваются. При выборе самого дорого из двух платных тарифных планов можно создавать крупные проекты с возможностью экспорта исходного кода и API. Бесплатно же доступен один сайт с базовым набором блоков.
Тарифы: бесплатный; платные — от 500 рублей в месяц.
3. uKit
Конструкторы сайтов: uKit
Этот конструктор ориентирован на малый бизнес, то есть на небольшие фирмы, которые без лишних затрат и усилий хотят получить красивый и удобный сайт. Сервис предлагает несколько сотен шаблонов, сгруппированных по тематике и цветам. Все они предоставляются уже с готовыми текстами, описаниями услуг и другой информацией, которая может быть полезна вашим клиентам.
Тексты изображения шаблонов, конечно, можно отредактировать, но сделать уникальным сам дизайн вряд ли получится. Сервис предоставляет минимум опций настройки блоков и доступных виджетов. Кроме того, нельзя отдельно отредактировать мобильную версию сайта: она формируется автоматически. В режиме предпросмотра вы можете увидеть уже готовые макеты под планшеты и смартфоны.
Бесплатно пользоваться сервисом можно лишь в рамках пробного периода, после которого нужно подключить один из тарифов. Самый доступный из них уже включает в себя домена вида site.ru, неограниченное количество страниц и места на сервере, встроенную статистику, а также автоматические бекапы.
Тарифы: бесплатный (14 дней); платные — от 2,98 доллара в месяц.
4. Nethouse
Конструкторы сайтов: Nethouse
Ещё один достаточно простой для освоения конструктор с ориентацией на сайты-визитки малого бизнеса и продажи через интернет. Сервис не отличается большим набором и разнообразием шаблонов. Всего доступно 127 вариантов дизайна с минимальными настройками внешнего вида. Многие из них заточены именно под онлайн-витрины товаров и услуг.
Nethouse позволяет интегрировать сайт с «Яндекс.Кассой», программами «1С», а также сервисами «Большая птица», «Мой склад», СДЭК, DDelivery и другими. Подключив тариф «Бизнес», можно будет использовать разделение прав доступа, что позволит создать отдельные аккаунты для контент-менеджеров, маркетологов и бухгалтеров.
В случае возникновения сложностей с конструктором всегда можно воспользоваться набором бесплатных вебинаров, подробно рассказывающих обо всех ключевых этапах создания и продвижения. С их же помощью можно обучать и персонал. При регистрации предоставляется 10 дней полного доступа ко всем возможностям Nethouse. После вы автоматически будете переведены на бесплатный тариф с ограничениями.
Тарифы: бесплатный; платные — от 1 рубля в месяц.
5. 1С-UMI
Конструкторы сайтов: 1С-UMI
Этот конструктор изначально предлагает создать сайт бесплатно, но по факту тарифа без вложений не предусмотрено. В зависимости от типа вашего сайта будет варьироваться и цена. Самым доступным является сайт специалиста, а далее по возрастающей — лендинг, сайт компании и интернет-магазин. При регистрации любого из них сервис потребует ваш мобильный телефон, на который будет выслан пароль.
Выбор шаблонов невелик, далеко не все имеют адаптивный дизайн, да и в целом большинство из них можно назвать однообразными и устаревшими. Менять шаблоны в процессе создания можно, но сменить тип вашего сайта уже нельзя. Если вместо визитки вы решили сделать лендинг, придётся начинать всё заново.
Из достоинств 1С-UMI можно отметить предоставление доступа к CSS, удобный импорт товаров, а также интеграцию с сервисами «1С: Управление торговлей», «Мой склад», «Яндекс.Маркет» и другими. В рамках пробного 15-дневного периода пользоваться можно всеми доступными функциями, но после придётся выбрать один из доступных тарифов.
Тарифы: только платные — от 110 рублей в месяц.
6. Weebly
Конструкторы сайтов: Weebly
Этот конструктор не отличается большим набором готовых шаблонов, однако имеющиеся радуют современным и стильным дизайном. Каждый из них можно настроить по своему усмотрению. Опций предостаточно: начиная от смены основных изображений и заканчивая редактированием CSS-стилей. Отдельно стоит отметить возможность использования видеофона, доступного на нескольких тарифах.
В режиме редактирования страниц поддерживается простое перетаскивание элементов (drag-and-drop), что заметно упрощает добавления новых форм и изменения положения уже имеющихся. Встроенный магазин приложений предложит ряд различных подключаемых модулей, в числе которых удобные таблицы для сайта, счётчики, галереи снимков из социальных сетей и много других полезных инструментов.
Все шаблоны Weebly имеют адаптивный дизайн, но редактировать мобильную версию отдельно от десктопной нельзя. Вне зависимости от выбранного тарифа сервис предоставляет бесплатный SSL-сертификат для вашего домена.
Тарифы: бесплатный; платные — от 8 долларов в месяц.
7. Mozello
Конструкторы сайтов: Mozello
Один из самых простых конструкторов для новичков. Он отлично подходит для блогов и сайтов-визиток, но по части набора доступных шаблонов конкурентам заметно уступает. Есть почти 50 вариантов дизайна, часть из которых отличаются лишь изображениями и расположением главного меню.
Для каждого шаблона уже предусмотрено несколько различных вариантов разметки страниц, то есть разработчики максимально упростили даже перемещение компонентов. При этом каждый шаблон можно попытаться сделать уникальным, заменив в нём все изображения, выбрав другую цветовую схему и одним нажатием сменив все шрифты. Возможность редактирования HTML и CSS также присутствует.
Mozello позволяет создавать и онлайн-магазины, но по соотношению количества предоставляемых услуг и цен он более известным сервисам проигрывает. Тут можно отметить как отсутствие возможности загрузки товаров из CSV, так и поддержку далеко не всех платёжных систем.
Тарифы: бесплатный; платные — от 299 рублей в месяц (+НДС).
8. uCoz
Конструкторы сайтов: uCoz
Это один самых старых сервисов по созданию сайтов, который уже давно перерос само понятие конструктора. uCoz сегодня предоставляет множество дополнительных услуг и модулей для интернет-проектов. При всём этом создать простую визитку, блог, форум или онлайн-магазин он всё ещё позволяет.
uCoz предлагает воспользоваться огромным количеством различных блоков, выбирать которые можно как на начальном этапе, так и по мере развития сайта. Есть масса шаблонов с возможностью редактирования кода, но по части дизайна многие из них уже давно устарели. Более или менее современные макеты предоставляются платно.
Новичкам такой сервис может показаться сложным. Освоение всей иерархии меню и способов подключения нужных элементов займёт немало времени. К тому же простые сайты, созданные в рамках бесплатной программы использования, дополняются большими рекламными баннерами, что тоже вряд ли кого-то порадует. Иными словами, uCoz сегодня ориентирован на опытных пользователей, кто готов платить за качество.
Тарифы: бесплатный; платные — от 3 долларов в месяц.
Структура и прототип
Этап прототипирования во многих случаях следует предварять составлением и анализом семантического ядра.
Зная, какие запросы наиболее близки тематике сайта, вы спроектируете более релевантную структуру разделов и страниц. Так пользователи смогут интуитивно ориентироваться на сайте и воспринимать его более позитивно.
Функционал
Разработка функционала на самом деле следует после прототипирования и дизайна, но вспомним про техническое задание. Всё начинается именно с него.
Чтобы юзабилити сайта отвечало всем требованиям аудитории, важно предусмотреть всю конструкцию сайта заранее. Для этого следует составить подробное техническое задание, в котором прописаны, как минимум:
Цели и задачи;
Технические требования;
Требования по функциональности;
Пользовательские сценарии.
Только потом элементы оформления «нанизываются» на выверенную и тщательно описанную структуру и функции.
Дизайн
Дизайн — обширное понятие, включающее в себя множество компонентов.
Веб-дизайн;
Графический дизайн;
UI- дизайн;
UX-дизайн.
Они могут частично пересекаться и включать друг друга, мы не будем вдаваться в детали. Важно то, что к удобству пользования и внешнему виду нужно подходить с нескольких сторон.
В частности, большая ответственность лежит на тех, кто берёт на себя фронт работ по UX/UI-дизайну. Они решат, как именно пользователи взаимодействуют с сайтом и как выглядит интерфейс.
Важно создать простой, чистый и понятный дизайн, благодаря которому пользователи смогут легко работать с сайтом и возвращаться туда при необходимости.
Критерии удобного привлекательного сайта
Рассмотрим по отдельности, как внешний вид и функционал сайта влияют на восприятие его пользователями.
Внешний вид сайта
Если все элементы занимают чётко отведённое им пространство, не перекрывают друг друга, разделены по смысловым категориям, это выглядит привлекательно.
Так выглядел сайт Сбербанка в июне 2017 года. Огромный баннер съехал вниз, оставив гигантское пустое пространство под главным меню и перекрыв элементы навигации ниже. Серый заголовок баннера просто физически не читается из-за однородности цвета шрифта и фона.
Сайт фирмы должен быть в безопасности! Хранится у вас на флешке или в письме на эл. почте хотя бы. Сайты, сделанные на разных конструкторах «Тильда», «Викс», «Позор фирмы» и т.д.- сразу отметайте! Потому что сайт на конструкторе делают люди далёкие от профессии веб-разработчика, нельзя доверять свой бизнес школьникам и аферистам! Делать сайт лучше на системе управления сайтом (СМС), но надо понимать, что есть «детские» СМС и «взрослые» СМС, которые резко отличаются по своей структуре. Например, к «детским» можно отнести самые распространённые Вордпресс и Джумлу — СМС для блогов. Они бесплатные, уже установлены на многих хостингах и запускаются одной кнопкой, затем выбирается шаблон дизайна сайта, меняется название и вы становитесь обладателем сайта, который как две капли воды похож на миллион других, поэтому плохо продвигаются в поиске и т.д. В придачу к детским сайтам вы получите кучу вирусов, которые могут создать серьёзные проблемы для вас! Ко взрослым сайтам можно отнести такие СМС как Друпал, Инстантсмс2 и Битрикс, но Битрикс имеет зашифрованные файлы, для того, чтобы шантажировать вас, если не получит денег. Лучше всегда иметь открытый исходный код в файлах, то есть быть настоящим хозяином своего сайта!