Как проверить дизайн сайта на готовность?

Автор статьи:
,

Введение

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

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

Технические страницы для сайтов, про которые часто забывают

Начнем с технических страниц, которые обязательно должны быть на сайте, помимо основных страниц:

Страница регистрации

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

01
Помимо стандартной регистрации, нужна опция входа на сайт с помощью аккаунтов в социальных сетях, а также возможность войти через Apple.
02
Используйте номер телефона или адрес электронной почты, вместо отдельного имени пользователя. Люди неохотно придумывают такие логины и легко их забывают.
03
Укажите требования к паролю и добавьте индикатор его надежности.
04
Страница регистрации должна быть минималистичной и простой, чтобы пользователь не отвлекался от заполнения формы.

Форма «Забыли пароль»

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

Здесь важно подумать не только про удобство для пользователя, но и про безопасность его данных. Обычно используется текст: «Неправильный логин или пароль». Так злоумышленникам сложнее определить, зарегистрирован ли этот человек на сайте, и подобрать правильный вариант.

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

История заказов

При создании интернет-магазина не забудьте о разделе, где покупатель сможет найти историю своих заказов. Там необходимо отобразить номер заказа, дату, купленные товары, их стоимость и статус заказа.

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

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

Страница поисковой выдачи

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

01
Вариант
Отображение самого запроса и карточек товаров, которые ему соответствуют.
02
Вариант
Нулевая выдача (по запросу ничего не найдено). Такой результат увидит человек, если на сайте нет нужного товара. Однако, с точки зрения продаж даже в таком случае стоит показать клиенту карточки похожих товаров, новинок или товаров по акции.
Отображение результатов на странице поисковой выдачи lamoda.ru
Нулевая выдача на ozon.ru

Сообщения об успешной отправке формы

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

Пример такого сообщения в интернет-магазине lamoda.ru

Ошибка 404

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

01
Оформить данную ошибку в соответствии с дизайн-концепцией всего сайта.
02
Объяснить, как и почему человек попал на эту страницу, что ему нужно сделать дальше.
03
Добавить кнопку или ссылку, которые вернут пользователя обратно на сайт, например, на главную страницу.
Nastya Niksen

Состояние загрузки

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

01
Вариант
Можно добавить индикатор загрузки, который покажет, сколько времени нужно ждать.
02
Вариант
Можно разместить простой вращающийся спиннер, так пользователь поймет, что страница не зависла.
digitz.fr

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

Пример каркасного экрана vk.com

Всплывающие окна

Поп-апы (pop-ups) выглядят как баннеры, которые появляются поверх основного контента сайта. В них пишут про акции, специальные предложения, запрашивают подтверждение действий на сайте и т. д.

letu.ru

Есть информация, которая обязательно должна быть на сайте, но не всегда в виде отдельной страницы:

Страница отзывов

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

Оформление отзывов может отличаться. Часто они располагаются в конце главной страницы или на странице конкретного товара, но при необходимости вы можете вынести их на отдельную страницу. Главное — чтобы она была на видном месте.

Пример отзывов на сайте агентства Case

Часто задаваемые вопросы (FAQs)

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

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

pinkspink.ru

Следующие страницы являются опциональными, хотя и несут определенную пользу для бизнеса:

Контактная информация

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

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

Пример контактной информации на сайте hervebaillargeon.com

Страница команды

Эта страница более актуальна для сайтов компаний, у которых есть постоянная команда сотрудников. Например, вы можете встретить страницу команды на сайтах медицинских учреждений или digital-студий. Дело в том, что наличие этой страницы на сайте укрепляет доверие пользователей: клиентам спокойнее, если они заранее видят исполнителей.

Работа ученицы UPROCK — Anastasia Zarubina

Юридические страницы, про которые часто забывают

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

Реквизиты

К реквизитам относится информация о владельце сайта: название компании или ФИО предпринимателя, юридический адрес (для компаний), физический адрес (для ИП и самозанятых), адрес электронной почты, ОГРН или ОГРНИП (если на сайте размещается реклама или продаются товары и услуги), ИНН.

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

rosbank.ru

Оферта

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

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

Акцепт

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

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

Пример всплывающего окна

Политика конфиденциальности

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

В документе нужно указать: какие данные и каким образом собирает сайт, срок хранения информации и меры по ее защите, передает ли сайт персональные данные третьим лицам, каким образом пользователь может запросить свои данные и удалить их. Здесь же можно указать политику использования файлов cookie.

Ссылку на политику конфиденциальности размещают в подвале сайта, а также под каждой формой (обратной связи, регистрации, подписки и т. д.), где пользователь оставляет свои данные.

Например, сайт нашей школы UPROCK

Пользовательское соглашение

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

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

Уведомление о сборе cookie-файлов

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

elisava.net

Согласие на получение рекламы

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

hoff.ru

Чек-лист проверки готовности дизайна сайта

Итак, для вашего удобства суммируем в чек-листе все, что мы рассказали выше.

Проверить наличие следующих технических страниц:

Страница регистрации

  • Добавить вход с помощью соц. сетей или Apple.
  • Логин — это номер телефона или электронная почта.

Форма «Забыли пароль»

  • Текст без указания, что именно пользователь ввел неправильно, например: «Неправильный логин или пароль».
  • Сообщение об отправке письма для сброса пароля на почту пользователя.

История заказов

  • Информация о заказе.
  • Возможность перейти к карточке товара.
  • Кнопка «Повторить заказ».

Страница поисковой выдачи

  • Результаты поиска.
  • Нулевая выдача.

Сообщение об успешной отправке формы

Страница ошибки 404

  • Информация о том, как человек попал на эту страницу, и что нужно сделать.
  • Кнопка возврата на сайт.

Состояние загрузки

Всплывающие окна

Отзывы: есть на отдельной странице или на странице товара

FAQs: есть на отдельной странице или на главной странице

Страница контактов — опционально

Страница команды — опционально

Проверить наличие следующих документов:

  1. реквизиты,
  2. оферта,
  3. акцепт,
  4. политика конфиденциальности,
  5. пользовательское соглашение,
  6. уведомление о сборе cookie-файлов,
  7. согласие на получение рекламы.

Заключение

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

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