Как создать личный кабинет, который понравится пользователям — Дизайн на

Основные требования

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

При разработке личного кабинета учитывайте следующие нюансы:

• Интерфейс должен выглядеть корректно на любом устройстве – как на ПК, так и на смартфоне.
• Лучше сделать все поля в окне регистрации обязательными к заполнению, так как пользователи обычно игнорируют необязательные.
• Стоит установить строгие требования к созданию пароля, чтобы мошенники не могли взломать аккаунты ваших клиентов. Пусть пароль содержит цифры, буквы верхнего и нижнего регистров, символы.
• Можно настроить отправку предупреждения о том, что пользователь вводит пароль кириллицей. Возможно, он забудет поменять язык клавиатуры.
• Лучше сделать переход в личный кабинет после регистрации автоматическим, чтобы клиент не тратил время на повторный ввод данных. Также оставьте возможность сохранения пароля в браузере пользователя.
• Двухфакторная верификация с помощью СМС поможет повысить уровень безопасности вашего сайта.
• Для удобства пользователей можно разрешить вход по нескольким ID. Тогда клиенты будут проходить авторизацию через социальные сети или Google-аккаунт и попадать в свой единственный профиль.

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

Best practice

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

Если на продуктовом или промосайте большую роль играет эмоциональное вовлечение, то в персональной зоне этого не бывает. Этот фактор накладывает отпечаток на все: интерфейс, look & feel, структуру меню и страниц кабинета.

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

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

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

Баланс удобства и безопасности

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

Автор Telegram-канала «Про удобство» Михаил Греков советует по каждому полю на форме регистрации задавать себе вопрос: нужна ли эта информация именно при регистрации. Кроме того:

Восстановление доступа

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

1. Нужно нажать кнопку «Забыли пароль».
2. В пустой графе требуется указать адрес электронной почты, который был введен на этапе первичной регистрации.
3. Нужно отправить на обработку указанные данные.

Важно! На почту пользователя будет отправлено сообщение. В нем будут содержаться новые данные для авторизации.

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

Детальная информация по объектам

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

Зачем делать личный кабинет

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

Чем это удобно компании?

Зачем личный кабинет нужен для обычного пользователя

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

Все лежит в одной системе, и пользователь в идеале работает только в ней.

Зачем нужен компании

С помощью личных кабинетов клиентов организации могут:

• Продвигать бренд. Маркетологи предлагают представителям целевой аудитории регистрироваться на сайте компании в обмен на бесплатный продукт. Далее специалисты работают с личными данными пользователей. Например, используют их для email-рассылки, с помощью которой информируют клиентов об акциях и новинках, делятся актуальными новостями и прочее.
• Отслеживать действия покупателей. Интегрируйте CRM с сайтом компании, чтобы систематизировать всю информацию о клиентах: историю заказов, предпочтительные способы оплаты, контактные данные.
• Сформировать положительное отношение аудитории. Многие компании предлагают зарегистрироваться на сайте, чтобы стать участником программы лояльности. Когда клиент заводит личный кабинет, он получает дополнительные привилегии, например, приятную скидку в день рождения или возможность копить баллы за покупки и рассчитываться ими.

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

• Ненавязчиво предлагать дополнительные товары (делать допродажи). Многие клиенты не любят, когда им звонят или присылают уведомления об акциях и новинках на e-mail. В личном кабинете на сайте интернет-магазина пользователь увидит блок сопутствующих предложений и, по желанию, воспользуется этими рекомендациями.
• Улучшить качество обслуживания покупателей. В личном кабинете можно найти всю интересующую информацию о доставке и оплате, отследить статус заказа, узнать ответы на часто задаваемые вопросы. За счет этого клиенты будут реже обращаться в службу поддержки, перестанут тратить время на диалоги с сотрудниками и ожидание ответа оператора на линии, а вы оптимизируете деятельность контакт-центра.

В cквозной аналитике Calltouch доступны интеграции с такими CRM-системами, как amoCRM, 1C:CRM, Microsoft Dynamics CRM, RetailCRM, Битрикс24, Zoho CRM и другими. Объединяйте необходимые для анализа данные в единый интерфейс и контролируйте приоритетные показатели.

Зачем нужен пользователям

Покупателям личные кабинеты нужны, чтобы:

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

Зачем нужны личные кабинеты?

Личный кабинет — это способ организации некого бизнес-процесса. Процесс можно реализовать и в оффлайн — просто делать пометки на бумаге или в Excel о факте выполнения действий.

Защита данных от потери целостности или полной утраты

Ваша система должна делать резервные копии базы данных на удаленный ресурс. Это позволяет избежать полной потери данных. В случае бумажных данных любой пожар может полностью уничтожить архив данных.

Защита данных предприятия от воровства

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

Из чего состоит

Личный кабинет включает в себя следующие блоки:

• Информация. В ЛК пользователи могут ознакомиться с правилами возврата товаров, способами доставки и оплаты, перейти в раздел часто задаваемых вопросов. Сведения в этом блоке должны быть максимально полезными и актуальными для покупателей.
• Уведомления. Это оповещения о смене статуса текущего заказа, поступлении отсутствующего товара, получении чека. Отправляются покупателям в виде push-уведомлений, СМС, электронных писем.
• Специальные предложения. Акции, скидки и программы лояльности стимулируют клиентов совершать покупки. Делите аудиторию на сегменты и составляйте выгодные предложения, ориентированные на каждую группу покупателей.
• Форма для обратной связи. Это возможность задать оператору вопрос и получить приоритет в его обработке.
• Оптимальный вариант – настроить чат в самом кабинете. Клиент оставит вопрос и продолжит заниматься своими делами. Когда менеджер обработает обращение и направит ответ, пользователь получит соответствующее уведомление.
• Настройки. В этом блоке пользователи вводят свои личные данные: имя, электронную почту, номер телефона, дату рождения, адрес, реквизиты юридического лица и прочие. Они сохраняются в аккаунте, чтобы при следующей покупке не заносить их в форму заново. В любой момент клиент может самостоятельно внести изменения. Например, при смене фамилии или фактического адреса организации.
• Окно оформления заказа. В этом блоке покупатель выбирает предпочтительный способ доставки (Почта России, курьерская служба, самовывоз со склада) и оплаты (предварительно на сайте или при получении картой или наличными курьеру). Часто в этом блоке размещают калькуляторы для расчета стоимости разных вариантов доставки доставки, чтобы клиент мог выбрать наиболее выгодный.
• История заказов. В этом разделе сохраняется информация о ранее созданных заказах. При необходимости пользователь может повторить заказ полностью или добавить дополнительные позиции к стандартному списку покупок. Актуально для доставки продуктов.

Из чего состоит личный кабинет

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

Если это кабинет модератора, то можно сделать ему такие разделы:

• Модерация товаров
• Модерация комментариев
• Модерация профилей пользователей
• Модерация отзывов

Если это кабинет продавца в CRM, то модули следующие:

• статистика продаж (воронка, мои метрики)
• потенциальные клиенты
• сделки и заказы
• карта возражений/вопросов (база знаний по продажам)
• исполнение заказов

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

Как войти в персональный профиль

Для авторизации в аккаунте потребуется следовать простой инструкции:

1. Первым шагом станет посещение главной странички сайта Ридеро.
2. Нужно нажать на вкладку «Вход».
3. Требуется ввести адрес электронной почты и свой пароль.
4. Требуется нажать вкладку «Войти».

Если данные внесены без ошибок, то мгновенно происходит переход на страничку личного кабинета.

Как выглядит личный кабинет?

В качестве примера приведем нашу платформу Falcon Space — инструмент для быстрой разработки личных кабинетов. Если вы знаете SQL и HTML, вы сами сможете создавать сайты с системой личных кабинетов.

Вот несколько скринов личных кабинетов, реализованных на базе нашей платформы.

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

Как создать

Чек-лист по разработке личного кабинета:

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

Если у вас есть навыки программирования, можете попробовать создать личный кабинет самостоятельно с помощью конструкторов сайтов OpenCart, 1C-Umi, Tilda.

3. Протестируйте кабинет, устраните недочеты. Компании-разработчики обычно предоставляют гарантийный срок, в течение которого они дорабатывают ЛК в случае ошибок.

Как создать аккаунт

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

Процесс создания учетной записи предполагает такой порядок действий:

1. В первую очередь, следует выполнить вход на главную страницу электронного сервиса Ридеро.
2. В правом верхнем углу странички есть вкладка «Вход». Ею необходимо воспользоваться для перехода в форму авторизации.
3. Для регистрации в пустой графе необходимо указать адрес своей электронной почты, затем активировать клавишу «Зарегистрироваться».
4. Через несколько минут на почтовый ящик пользователя поступит письмо с персональным паролем для авторизации в личном кабинете.
5. Выполнив первую авторизацию в аккаунте, следует заполнить личный профиль.

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

Контроль и учет рабочего времени

Персонал может вести свое время в системе, и это позволяет делать различные метрики и показатели по эффективности работы персонала.

Контроль процессов

За счет метрик и показателей можно реализовать контроль отклонений от стандартных значений. Причем этот контроль может быть автоматизированный.

Коротко о главном

• Разработку личного кабинета можно доверить профессионалам или попробовать создать его самостоятельно с помощью специализированных конструкторов: OpenCart, 1C-Umi, Tilda.
• В кабинете должны быть следующие разделы: блок информации, уведомления, специальные предложения, форма для обратной связи, настройки, окно оформления заказа, история покупок.
• С помощью личных кабинетов владельцы бизнеса отслеживают действия покупателей, продвигают бренд, улучшают клиентский сервис, повышают лояльность пользователей.

Литрес самиздат — личный кабинет: вход на сайт

Личный кабинет пользователя на сайте

Личный кабинет — это набор связанных страниц сайта, которые доступны пользователям определенной группы — Покупатели, Партнеры, Операторы, Модераторы.

Личный кабинет — это рабочее место пользователя на сайте.

Система знает, кто этот конкретный пользователь и предоставляет ему только необходимые инструменты для работы — страницы, формы, таблицы и т.д.

Логирование действий пользователей в личном кабинете

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

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

Лояльность клиента

Онлайн личный кабинет клиента — это не только средство удобной работы с клиентами или сотрудниками, но и способ выделиться на фоне конкурентов.

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

Метрики, вложенные показатели

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

Примеры

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

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

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

Сервис 24/7 для обслуживания клиента

Клиент может в любое время получить обслуживание в личном кабинете. Не нужно ждать утра. Он может сделать все в любое время (и даже ночью). При этом реальная обработка его запроса может проходить в определенное время. Но это не держит клиента, он сделал свое дело и теперь мяч на вашей стороне.

Снижение затрат на персонал, масштабирование сервиса

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

В идеале клиент должен сам себя обслуживать в личном кабинете.

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

Стандартизация бизнес-процессов

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

Уведомления в социальные сети и месседжеры

Если вам удобнее оперативно получать уведомления от сервиса
Автор24 в популярные месседжеры или социальные сети, подключите к вашему аккаунту профили в
сетях:

• Telegram;
• ВКонтакте;
• WhatsApp.

Сделать это можно в настройках вашего профиля, раздел
«Соц. сети».

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

Если всплывающее окно было заблокировано, позвольте показывать
всплывающие окна в вашем браузере для сайта Автор24 и разрешите перенаправления с него.

Ускорение рутинных действий

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

Функции

Личные кабинеты можно разбить на два типа.

Функции аккаунта

Следует отметить, что на сервисе Ридеро есть услуги не только для авторов, но и для читателей.

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

Для авторов личный электронный кабинет дает массу преимуществ:

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

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

Важно! Издать книги можно в любом электронном формате, а также в аудио-файле.

Платформа обладает удобным и простым интерфейсом. Для активных авторов есть аккаунт с расширенными возможностями.

Чеклист

#ux#интерфейсы

Подводим итог

Заключение

У нас есть 2 подробные статьи про создание личных кабинетов:

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

Если говорить о нашей платформе Falcon Space, она позволяет относительно быстро внедрить базовое решение с личными кабинетами для сотрудников/клиентов/партнеров, а затем постепенно развивать его по мере возникновения потребностей.

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