что такое опции сайта
Функционал сайта: польза и излишки
Функционал
Андрей Батурин
Посмотрим на любой типовой сайт. Увидим там информацию о компании, о ее услугах, раздел с контактами, новостями, блог, если это интернет-магазин — то каталог, корзину, форму заказа. Это все основа. Но есть дополнительные инструменты, которые призваны сделать сайт полезным. В связи с этим часто возникает вопрос: где польза, а где излишки? Как создавать сайты, максимально функциональные, но при этом не перегруженные лишними опциями?
Какие возможности нужно заложить в функционал сайта
Есть основные законы, по которым строится любой сайт. Соответственно, есть некий общий функционал, отступать от которого не стоит.
Каждый гость ресурса должен получить информацию о деятельности компании, ее возможностях, услугах и их стоимости. Должны быть наглядно представлены способы связи для обсуждения деталей сотрудничества. Любой посетитель при переходе на страницы сайта оценивает, иногда подсознательно:
Все это, безусловно, не должно идти в разрез с интересами компании. Если есть возможность онлайн-покупки, то должна быть корзина и система расчетов. Удобство навигации, логика перемещения по разделам, поиск значимой информации — это то, что обязательно должно быть реализовано. Но тут важно не перестараться!
Первое, на что нужно обратить внимание, это тип ресурса. Информационному порталу не нужна корзина для покупок. Интернет-магазин одежды не заинтересован в форме онлайн-заказа еды. На лендинг не получится внедрить каталог с системой фильтров. То есть, изначально функционал связан и зависит от разновидности сайта.
Второе, что обязательно учитывается, это специфика бизнеса и цели владельца сайта. Его можно сколько угодно убеждать в полезности формы обратной связи для мгновенной онлайн-консультации. Но если бизнес молодой, и пока просто некому всегда находиться за компьютером, онлайн-консультант действительно не нужен. Его «молчание» вызовет недовольство посетителей.
Как реализовать функционал сайта
Возможности ресурса и CMS определены имеющейся базой. Ее можно расширять с помощью разработки и установки необходимых расширений или внедрения уже созданных компонентов.
В базовые опции обычно включают: редактор страниц, новости, форму контактов, слайдеры событий или услуг, фото и другое. А дополнительный функционал создается на заказ, так как представляет собой расширенные возможности. В зависимости от сложности различаются и цены на такие услуги.
Для создания и внедрения потребуется время. Разработчикам необходимо собрать нужные сведения, подготовить актуальные методы решения вопроса, написать программу (плагин, расширение), затем интегрировать ее в CMS.
Что может стать дополнительным функционалом:
Прежде чем заказывать подобные доработки функционала, надо тщательно проанализировать все их плюсы и минусы. Лучше получить рекомендации профессионалов.
Что делать, если вы поняли, что функционал сайта устарел?
Если сайт перестал быть удобен пользователям и по своим возможностям сильно проигрывает конкурентам, важно переработать его функционал и сделать его более полезным.
Что здесь нужно учитывать
Или получите от нас бесплатную консультацию
Или получите от нас бесплатную консультацию
— Сайт должен продавать и помогать посетителю решать его проблему, а собственнику – получать прибыль. Сделать его надо простым и удобным, понятным и современным, но не перегруженным. Создавать сайты именно с таким функционалом – наша работа.
Функционал сайта
Опубликовано: 26.07.2020 в категории: Сайтострой
Функционал сайта — это набор различных опций, которые решают определенные задачи пользователей для удобной работы с веб-ресурсом. Сегодня мы поговорим о том, на что стоит обратить внимание при разработке функционала сайта и на ряд важных моментов, которые могут негативно повлиять на состояние вашего ресурса.
Функционал сайта и его виды
Базовый функционал как правило определен разработчиком CMS. Он содержит все базовые возможности, которые должны присутствовать на каждом проекте.
Для обычных посетителей это:
Для администраторов:
Расширенный функционал сайта
Расширенный функционал основан на различных дополнениях, которые расширяют базовые возможности сайта и CMS. Как правило, расширяют за счет отдельных скриптов, плагинов или аддонов.
Для посетителей ресурса:
Для администраторов и залогиненных пользователей:
Как определить, какие функции необходимы сайту?
Многие могут ломать голову, а какие же функции сайта мне необходимо задействовать. Все зависит от того, какого вида у вас проект. И каковы его основные функции.
Если это одностраничник, то форма поиска тут явно будет лишней.
Для интернет-магазина, форума или инфо-сайта однозначно стоит использовать практически весь базовый функционал. Без него люди просто не смогут нормально работать.
Далее уже выписываете дополнительные задачи, которые должен решать сайт.
Для начала, подумайте, какие расширенные функции важны для данного проекта. Обязательно поищите в интернете похожие проекты. Посмотрите, какие опции реализованы на этих сайтах.
Важное условие!
Функционал сайта должен быть не просто полезным. Он должен быть необходимым для ваших посетителей, они обязательно должны им пользоваться!
Если в аналитике вы видите, что посетители какой-то функционал используют очень редко, то возможно, его стоит вообще убрать, чтобы не перезагружать сайт ненужными функциями..
Разработка функционала сайта
Когда вы точно определились с поставленными задачами, то начинаем проводить разработку функционала сайта. Если вы используете CMS (системой управления сайтом) вам будет легче решить этот вопрос.
Расширить функции сайта можно с помощью уже готовых плагинов и модулей. Для различных CMS существует различное множество как платных, так и бесплатных вариантов. Для движка WordPress например имеется более 40 000 бесплатных плагинов способных решать практически любые задачи.
Если же у вас самописная CMS, то тут будет намного сложнее!
Во-первых, вам однозначно нужно платить деньги за разработку новой функции. Во-вторых, придется обращаться именно к тем, кто эту CMS разрабатывал.
Дело в том, что не каждый специалист сможет толково расширить чужой самописный движок. Поэтому, если вы не владелец Роснефти или Газпрома, лучше использовать только готовые варианты. Например, WordPress, Joomla, Битрикс, OpenCart.
Для определенных видов сайтов существуют специализированные CMS. Функционал у них может быть разный. Какие-то заточены под интернет-магазин, другие под доску объявлений, третьи под сайт знакомств и т.д..
Существуют и универсальные CMS. Например, WordPress с плагином WooCommerce вполне подойдет для создания полноценного интернет-магазина.
Если вы хотите прикрутить доску объявлений, интернет-магазин или форум к уже существующему ресурсу, можно сделать это отдельным проектом. Например, установить специализированную CMS на отдельный поддомен. Это хорошо для безопасности. Даже простые форумы или интернет-магазины имеют большое количество функций, А это дополнительная уязвимость для взлома. Поэтому такие проекты лучше размещать изолированно.
Поэтому всем своим клиентам рекомендую использовать недорогой и надежный хостинг SpaceWeb, где уже предусмотрены соответствующие меры безопасности!
Функционал интернет-магазина
При разработке функционала интернет-магазина существует ряд важных моментов пренебрегать которыми крайне нежелательно. Это может привести к самым серьезным последствиям.
И так, что необходимо учитывать при разработке функционал интернет-магазина.
Несовместимость функций
Нельзя забывать, что любые полезные функции для сайта могут работать с ошибками. Нередко бывают ситуации, когда в одной части сайта что-то доработали и улучшили, а в другом месте перестало работать.
Вы даже можете не сразу это заметить и понять! Поэтому после внедрения нового функционала всегда проводите анализ юзабилити сайта. Посмотрите, все ли нормально работает.
К примеру, вы поставили или обновили модуль для анти-спама. Но после этого действия посетители теперь не могут оставить комментарий на сайте потому что имеется конфликт скриптов.
Или после обновления отдельных модулей или плагинов, проект на десктопах работает хорошо, а в мобильной версии появляются серьезные ошибки.
Проблемы с поиском на сайте.
Бывают не очевидные ошибки, которые могут возникать в нестандартных ситуациях. Вам очень важно отслеживать, каким функционалом пользуются посетители. Необходимо понимать, есть ли разница в конверсии среди тех, кто этим функционалом пользовался или нет. К примеру, те, кто пользовался поиском на сайте, у них конверсия была в 2 раза ниже чем у тех, кто не использовал поиск.
Одна из распространенных проблем, это ситуация, когда посетитель заходит на сайт, на котором есть интересующий его товар. Он начинает набирать его в поиске, но не находит. В таком случае он просто уйдет с сайта!
Отслеживание ошибок в веб-аналитике
Если у вас на сайте выводятся какие-то сообщения об ошибках (что-то человек неправильно ввел, начал вводить номер телефона, но ввел не в том формате, какое-то поле не заполнил и так далее), то обязательно все это отслеживайте в веб-аналитике.
Распространенные ошибки в форме заявки на сайте. Сообщение о неправильном вводе формата данных в форме заявки. К сожалению, редко кто смотрит, какой процент посетителей сталкивается с этими сообщениями об ошибке. Если настроите аналитику для отслеживания, то вы все поймете.
И если человек совершает какое-то ошибочное действие, вы сможете информировать его, какие действия необходимо произвести, чтобы избежать ошибки.
Сейчас системы аналитики позволяют фиксировать любые события (всплыло какое-то окно или посетитель не туда нажал) прописать отдельной целью. Ваша задача — видеть все эти проблемы.
Вывод
Используйте только тот функционал сайта, который действительно необходим!
Старайтесь отбирать только хорошие продукты. Какую-нибудь функцию можно реализовать различными плагинами и скриптами. Но проблема в том, что эти дополнения могут работать по-разному (конфликтовать с другими функциями или нагружать сайт). Поэтому всегда всесторонне тестируйте устанавливаемый функционал.
Как разработать функционал сайта
Функционал сайта — это все его опции и инструменты, которые помогают пользователям решать определенные задачи. Разные составляющие функционала сайта в конечном итоге приводят пользователей к целевому действию — покупке товара, заказу услуги и так далее.
В этой статье расскажем, почему важно продумать весь функционал сайта до разработки дизайна и начала верстки, как узнать, что именно за инструменты нужны вам на сайте. А также, как построить работу над функционалом так, чтобы не терять время на переделки.
Содержание
Почему важно продумать функционал сайта до разработки дизайна
Если решили создать сайт и уже представляете, какой стильный и необычный дизайн на нем будет, советуем приостановиться. Да, разработка функционала может показаться не самой интересной вещью, но нужно начинать именно с нее.
Если проработаете функционал сайта до того, как приступите к выбору цветовой схемы, шрифтов, изображений, сможете избежать многих ошибок и сэкономите время на переделках.
Например, дизайнер разработал прототип страницы, утвердили его, а потом пришлось все переделать, потому что нужно добавить некоторые функции.
Разработав сразу функционал сайта, вы и ваша команда не потратите время на работу, которая окажется не нужной. Например, вы «задизайнили» кабинет пользователя, но потом решили использовать просто кнопку «Купить в один клик».
Если разрабатывать дизайн сайта до его функционала, дизайнер все время будет искать компромиссы. Ведь он помнит о том, что в любой момент функционал сайта может измениться и придется пожертвовать интересной фишкой.
Этапы разработки функционала сайта
В создании функционала сайта советуем опираться на принцип разработки сайта, предложенный UX экспертом Джессом Гарреттом.
UX, то есть user experience, с английского переводится как «опыт пользователя» или «опыт взаимодействия». UX объединяет все, что можно реализовать с помощью функциональности и дизайна, чтобы привести пользователя к желаемой цели. UX — это про то, чтобы пользователю было удобно и приятно взаимодействовать с вашим сайтом. Чтобы посетитель сайта легко дошел до логической точки и совершил полезное действие, за которым он к вам обратился: получил необходимую информацию, узнал расписание работы компании, цену товара или оформил подписку. В свою очередь это полезное действие будет подводить пользователя к целевому действию для вас — покупке.
Джесс Гарретт предлагает разделить работу над функциональным наполнением сайта на пять уровней:
Такой метод мы и предлагаем использовать при разработке функционала сайта. Только, чтобы было удобней ориентироваться, мы скомпоновали эти уровни в несколько этапов: подготовка, проектирование функционала сайта и реализация.
Что нужно сделать перед разработкой функционала сайта
Начнем с подготовительного этапа. Он включает в себя постановку задач для сайта, анализ целевой аудитории, функционала сайта конкурентов и так далее.
Какие задачи будет решать сайт
Как и в любом бизнесе, вы, скорее всего, планируете получать с помощью сайта прибыль. Поэтому посмотрите на сайт как на бизнес-инструмент и подумайте, как основной функционал сайта должен приводить пользователей к нужному вам действию.
Понятно, что сайт должен продавать товары и услугу или формировать нужное впечатление о компании и так далее. Это его конечная задача. Но нужно подумать о том, как ее добиться — какие небольшие задачи, которые помогут выполнить основную цель, должен решать ваш сайт. Например, чтобы посетитель сайта купил товар, он должен его захотеть. Для этого нужно показать то, что вы продаете, во всей красе. Например, продемонстрировать возможности товара и его пользу для клиента с помощью видео. Дальше посетитель, возможно, захочет узнать какую-нибудь дополнительную информацию, значит, на сайте должен быть онлайн-консультант или форма заказа обратного звонка. И наконец, чтобы посетитель сайта оформил заказ, вы должны добавить на сайт корзину и механизм оплаты.
В зависимости от решения необходимых вам задач выбирайте и формат сайта. Если хотите оставить в интернете минимум информации и контактные данные — обратите внимание на сайт-визитку. Он подойдет небольшим компаниям, которые только вышли на рынок, индивидуальным предпринимателям, юристам, врачам, психологам. Творческому человеку, который хочет показать результаты своей работы — картины, вышивку, изделия из кожи, —понадобится сайт-витрина, который выполнит функцию портфолио.
Если собираетесь дать в интернете максимум информации о компании, ее услугах и товарах, достижениях, актуальных предложениях и новостях, поможет многостраничный корпоративный сайт. Он справится с задачей привлечения клиентов и партнеров. А если нужно продавать несколько групп товаров и оформлять заказ на сайте, делайте интернет-магазины.
Лендинг лучше всего справится с продажей одного товара, узкой группы товаров, одной услуги или информационного продукта. По такому же принципу можно двигаться дальше: кому-то подойдет для продвижения товара яркий промосайт с обилием анимации, а кому-то — сайт, ориентированный только на текстовый контент. Это может быть блог, новостной портал или контент-проект. Ведь для их монетизации не используют прямые продажи.
Но помните: вашим посетителям должно быть удобно взаимодействовать с сайтом, чтобы поставленные задачи выполнялись. Например, владелец отелей заказывает сайт, чтобы привлечь больше гостей и охватить тех, кто привык бронировать номера через интернет. И чтобы это осуществить, сайт должен упрощать для гостя выбор номеров и процесс бронирования, помогать регулировать финансовые вопросы: оплату, отмену бронирования, заказ дополнительных услуг.
Анализ посетителей сайта
Мы уже пришли к выводу, что разработка функционала сайта — это в первую очередь о том, как сделать опыт взаимодействия с сайтом максимально комфортным. Поэтому чем больше вы будете знать о тех, кому интересен ваш товар, тем выше шансы превратить их в клиентов.
Выясните, кто ваша целевая аудитория — люди, которые придут на сайт и совершат целевое действие: купят товар, закажут услугу, подпишутся на обновления. Не зная свою ЦА, вы рискуете: или функционал окажется провальным и вы ничего не заработаете, или спустите бюджет на ненужные опции и постоянную доработку.
Понять и отсегментировать целевую аудиторию перед разработкой функционала сайта помогает метод 5W. Его придумал и детально описал в своей книге «Добавленная ценность: алхимия роста с помощью бренда» Марк Шеррингтон. Для сегментации целевой аудитории он предлагает ответить на пять вопросов:
Также вы можете обратиться к статье «Как составить портрет клиента и где брать данные», где подробно рассказано о портретах целевой аудитории и методике сбора данных о них.
Нормально, если во время анализа вдруг поймете, что у вас несколько категорий пользователей, и они даже не похожи друг на друга. Например, кейтеринговая компания может с помощью сайта заинтересовать минимум две категории пользователей: организаторов выездных мероприятий и мам, которые хотят накормить гостей на дне рождения ребенка.
Посмотрим на пример описания нескольких портретов целевой аудитории для сайта косметического салона:
Пример описание портретов целевой аудитории
Что можно использовать для сбора информации, которая поможет составить портреты ЦА:
Когда вы точно узнаете, как выглядит и что ищет ваш потенциальный клиент, поставьте себя на его место и спросите несколько вопросов:
Какие проблемы вашего бизнеса решит сайт
Когда вы продумали основные задачи сайта и поняли, как помочь посетителям выполнить целевое действие, время подумать о том, как функционал сайта может решить проблемы в бизнес-процессах. Например, у вас перегружен колл-центр. Чтобы снизить количество звонком, можно добавить на сайт форму обратной связи.
На сайте официального дилера KIA можно заказать обратный звонок и заранее выбрать тему обращения
А ответы на самые частые вопросы разместить в блоке FAQ.
В сервисе SmartAvia подготовили ответы на вопросы, которые интересуют потенциальных клиентов
Компания-застройщик сократит штат колл-центра, если подробно расскажет на сайте об объектах на этапе строительства, создаст страницу с ответами на типичные вопросы, выложит прайс с реальными условиями покупки, сделает форму обратного звонка. А если на сайте есть трехмерная модель здания, посетитель сможет «прогуляться» по будущей квартире и оценить месторасположение дома: как далеко от него остановки общественного транспорта, школа, поликлиника, парк, торговый центр. Весь этот функционал сайта влияет на то, каким в итоге будет решение клиента.
Панорама ЖК «Крылья» помогает оценить расположение дома, не выезжая на объект
Может быть и такая проблема: у вас молодой бренд и к нему еще не сформировалось доверие. Чтобы это исправить, записывайте видеообзоры, которые будут доказывать качество вашего продукта, и просите покупателей в отзывах делать то же самое. Чтобы подтолнуть клиентов делать это, можно, например, дарить бонусы за видеораспаковку товара.
На главной странице производителя кухонной бытовой техники Ariete есть детальные видеообзоры новинок
Какие еще проблемы поможет решить функционал сайта: наладить контакт с целевой аудиторией в социальных сетях, сгенерировать больше лидов и так далее. Например, последнее автосалон может реализовать так: вначале предложить «поиграть» с комплектацией автомобиля в конфигураторе, а затем оформить заявку на тест-драйв понравившейся модели.
Что заставит пользователей посещать ваш сайт
Клиент может уже знать вас и придти на сайт, чтобы что-то уточнить или перепроверить. Подумайте, какие могут быть причины и проработайте их с точки зрения функционала сайта.
Причинами, которые вынуждают ЦА искать сайт, а не идти к вам напрямую, даже если вы находитесь на соседней улице, могут быть банальный страх, неуверенность или желание сэкономить время.
На сайте стоматологии можно за пару кликов узнать, сколько стоит поставить брекеты. Это проще и быстрее, чем прийти в стоматологию и услышать от администратора сумму, которую клиент не планировал потратить на эту услугу. Еще на сайте можно увидеть, какое оборудование использует клиника, как обустроен зал ожидания, какие специалисты работают в штате — все это поможет сформировать правильные впечатления и сделать окончательный выбор.
«Галерея улыбок» на сайте St. Paul Dental Center наглядно показывает результаты работы стоматологов
Анализ функционала сайта конкурентов
Скорее всего, ваш бизнес не уникален. Вы можете открывать десятую в городе студию кухонь или пятидесятый по счету маникюрный салон и столкнетесь с теми же проблемами, что и другие. Посмотрите на сайты конкурентов: как они реализовали те или иные задачи, в каком порядке выстроили функциональные блоки на странице, на чем акцентировали внимание и где допустили ошибки.
Но сначала конкурентов нужно найти:
Ищите конкурентов в своей сфере, но не ставьте слишком строгие рамки. Если у вас студия свадебных причесок, обратите внимание на сайты салонов красоты и студий ногтевого дизайна. Стоматология — загляните на сайты других узкопрофильных медицинских клиник.
Хоть услуги и разные, ваши клиенты и клиенты конкурентов из смежных ниш будут искать на сайте похожие функциональные элементы. Это может быть актуальный прайс, контакты и схема проезда, раздел с отзывами, презентация каждого специалиста, функционал записи на конкретное время.
Выберите среди конкурентов самых сильных и интересных — тех, чьими услугами вы бы воспользовались сами. После этого приступайте к анализу основного функционала их сайтов:
При разработке функционала сайта часто допускают такие ошибки: сложно найти контактные данные, меню сайта перегружено лишней информацией, нет кнопки отключения музыки. В интернет-магазине «Корзину» покупатель может не удивить, если вы расположите ее в непривычном месте, или часть нужных для заказа элементов скроет панель навигации при скроллинге.
На главной и некоторых других целевых страницах магазина «Мистер Дом» используется не привычная кнопка «Купить», а кнопка «Подробнее». В результате посетитель вынужден выполнять лишнее действие. Вначале ему нужно перейти на страницу товара по кнопке «Подробнее», и только потом он может добавить его в «Корзину».
Пример неудачной реализации функционала покупки
Чтобы не потеряться в чужих фишках и ошибках, заносите их в таблицу или используйте mind map. Это поможет структурировать информацию.
Разработка функционала сайта
Приступаем к разработке функционала сайта на основе информации, которую собрали на предыдущем этапе. У вас уже есть цели и задачи сайта, портреты ЦА, то, что вы узнали о функционале конкурентных сайтов и так далее.
Продумайте структуру
Представьте структуру сайта в виде дерева. Основные страницы — крупные ветки, дополнительные — ответвления от них. «Главная» будет стволом дерева, а крупными ветками — разделы «О компании», «Услуги», «Контакты», «Блог». Разделы внутри основных страниц изображаются ответвлениями.
Если какая-то из страниц повторяется несколько раз, то она будет шаблоном. Например, страницы услуг или товаров, где строение идентично, а отличается только наполнение, изображают на дереве в виде двойного прямоугольника.
Пример древовидной структуры сайта
Сделаете структуру сайта логичной и понятной, и люди будут с удовольствием на него заходить. Помните, что интернет-пользователи с каждым годом становятся более капризными и не хотят разбираться в запутанном меню, искать кнопки оформления заказа. Второго шанса сделать клиентом посетителя сайта может не быть, потому разработать удобный функционал сайта — ваша основная задача.
Если делаете структуру интернет-магазина, проработайте каталог:
«М.Видео» объединила в одну категорию всю теле- и аудиотехнику. Телевизоры разбиты на несколько категорий, отдельно выделены новинки. Основные фильтры — по диагонали и бренду, ведь это главные критерии, на которые обращают внимание покупатели.
Фрагмент каталога из интернет-магазина «М.Видео»
Чтобы все смогли разобраться в структуре сайта, используйте «хлебные крошки» и HTML карту сайта для людей, а XML карту — для поисковых роботов.
«Хлебные крошки» — дополнительное навигационное меню, которое показывает весь путь от главной страницы сайта до той, на которой сейчас находится пользователь.
«Деятельность» > «Госзакупки»» src=»https://www.spcdn.org/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif» data-lazy-type=»image» data-src=»https://www.spcdn.org/wp-content/uploads/2020/05/rostehnadzor-breadcrumbs.png» alt=»Хлебные крошки на сайте «Ростехнадзора»: «Главная» > «Деятельность» > «Госзакупки»» width=»1080″ height=»483″ /> Хлебные крошки на сайте «Ростехнадзора»: «Главная» > «Деятельность» > «Госзакупки»
HTML карта — каталог основных разделов сайта, размещенных по иерархии, то есть это оглавления сайта. HTML карта помогает пользователю найти нужную страницу, раздел, категорию товара.
Фрагмент карты сайта на торговой площадке ebay.com
XML карта содержит информацию для поисковых систем. Это перечень всех страниц сайта, которые необходимо проиндексировать поисковым роботам. Одни CMS по умолчанию генерируют, а затем автоматически обновляют XML карту без участия человека, другие делают это только после установки специального плагина. Также вы можете воспользоваться сторонними сервисами. Например, Screaming Frog просканирует страницы сайта и сгенерирует XML карту бесплатно, если на сайте менее 300 страниц.
Не злоупотребляйте уровнями вложенности страниц — это количество кликов, которое отделяет любую вложенную страницу от главной. Если в интернет-магазине сложную иерархию можно с натяжкой оправдать каталогом, то с другими типами сайтов вы рискуете потерять пользователя. Он запутается, потратит больше времени, чем ожидал, и уйдет.
Поисковые роботы будут дольше индексировать сайт и дадут страницам с большим уровнем вложенности низкий приоритет. А это повлияет на выдачу. Три — оптимальное количество уровней вложенности.
Пример интернет-магазина с четырьмя уровнями вложенности
Подберите компоненты для каждой страницы
Зайдите на все основные ветки воображаемого дерева и продумайте их наполнение. То же самое сделайте для каждой группы страниц. Начните с «Главной»: вынесите на страницу все самое важное и интересное потенциальным клиентам. Дальше двигайтесь к меньшим «веткам».
На сайте компании, которая доставляет питьевую воду, часто есть страница «Кулеры для воды». Все страницы, которые принадлежат этой ветке — «Кулеры настольные», «Кулеры напольные» и «Держатели для стаканов», — оформляют в едином стиле. Например, можно сделать так: перечислить представленные в продаже модели, добавить кнопку сортировки, в текстовом блоке описать особенности выбора или преимущества товаров этой категории.
Далее подготовьте эскиз с функциональными блоками целевых страниц сайта. Используйте сервисы для разработки интерфейсов и прототипирования, например, Axure или Figma. В интернет-магазине на странице раздела-категории могут располагаться такие элементы:
Чем важнее информация, тем выше ее размещают. В основном пользователи любят скроллить ниже пары окон.
Думайте о владельцах смартфонов и планшетов: им тоже должно быть удобно и они сразу должны увидеть то, за чем пришли пришли на сайт. По подсчетам Blue Corona, 40 % пользователей закроют сайт, если он не адаптирован под их мобильное устройство.
Не забывайте и о персонажах, которых вы создали на этапе анализа целевой аудитории. «Примерьте» на каждого содержание типовых страниц и попробуйте понять, найдут ли они на странице все, что нужно.
Показатель отказов в «Яндекс.Метрика» демонстрирует, сколько процентов пользователей провели на сайте менее 15 секунд. Хотя у этой метрики нет универсального порогового значения, большое количество отказов говорит о том, что ваш сайт не соответствует ожиданиям посетителей. Причиной может быть неудобная навигация, отсутствие нужной информации или тех функций, ради которых пользователь зашел на сайт. Эксперты по цифровому маркетингу из агентства Blue Corona утверждают, что у вас есть всего 10 секунд, чтобы задержать внимание посетителя и показать, что вы решите его проблему.
Пример хорошо продуманного функционала сайта
HeadHunter (HH) — крупнейший в России сайт для размещения вакансий и поиска работы. Сюда приходят, чтобы найти подходящие вакансии, разместить резюме или предложения о работе. Посмотрим, реализован функционал этого сайта.
Ключевым элементом на главной странице стало поле для поиска работы — то, зачем пользователи приходят на HH. Если они настроены искать работу, собирая отклики на резюме, то могут воспользоваться кнопкой «Создать резюме».
А те, кому удобнее посещать сайт с мобильного устройства, могут сразу скачать приложение на свои смартфоны под iOS и Android. Разработчики не перегружали интерфейс лишними деталями, а использовали лишь те элементы, которые действительно полезны соискателям.
Главная страница HH
Форма входа в личный кабинет позволяет авторизоваться новым пользователям с помощью любой из семи популярных в России социальных сетей.
Вход в личный кабинет на сайте HH
Соискателю при регистрации нужно заполнить минимум полей. Дополнительно соглашаться с условиями второй стороны, как это часто реализовано на других сайтах, не нужно. Для этого достаточно нажать кнопку «Зарегистрироваться».
Форма регистрации нового соискателя на сайте HH
Если пользователю удобнее работать с сайтом на мобильном устройстве, можно запросить ссылку на скачивание приложения из Google Play и App Store. Владельцы сайта попутно решают еще одну задачу — получают соглашение на отправку SMS оповещений. Соответствующий блок можно увидеть, прокрутив главную страницу на несколько окон вниз.
Форма отправки ссылки на мобильное приложение для HH
Задать вопрос сотруднику проекта можно в онлайн-форме, которая вызывается кнопкой «Помощь», размещенной вверху страницы. Дополнительно представляться или вводить контактные данные не нужно, таким образом, пользователь может сразу обратиться за помощью, не совершая лишних действий.
Форма связи с онлайн-консультантом на сайте HH
Чтобы каждый раз не сортировать вакансии от более новых к старым, для постоянных посетителей сайта на главную страницу вынесен блок с лучшими предложениями дня.
Блок с новейшими вакансиями на сайте HH
Для тех, кто хочет делегировать составление резюме специалистам, есть платная услуга — «Готовое резюме», ссылка на которую доступна в нижней части главной страницы HH. Здесь пользователю предлагают три варианта взаимодействия, которые отличаются перечнем услуг и стоимостью. Можно увидеть, что входит в тарифный план, и сразу оформить заказ.
Форма заказа резюме от экспертов на сайте HH
Что стоит запомнить
Подробная разработка функционала сайта — не самоцель. Воспринимайте рекомендации выше не как строгое руководство к действию, а как помощь. Описывая портрет целевой аудитории, анализируя конкурентов, выбирая приоритетные для себя и пользователей задачи, всегда ориентируйтесь на конечный результат.