Как сделать личный кабинет на сайте html
Перейти к содержимому

Как сделать личный кабинет на сайте html

  • автор:

Как создать авторизацию и личный кабинет на сайте?

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

  • Вопрос задан более трёх лет назад
  • 13477 просмотров

Комментировать
Решения вопроса 0
Ответы на вопрос 3
xmoonlight @xmoonlight
https://sitecoder.blogspot.com

session_start();
в начале каждой страницы в ЛК должно присутствовать, чтобы получить доступ к чтению значений переменных сессии.

Ответ написан более трёх лет назад
Нравится 1 2 комментария
Helig @Helig Автор вопроса

Это все есть, но пропадают значения. Сессия то работает, а вот взаимодействовать с ней больше нельзя.

xmoonlight @xmoonlight
Helig, значит куки в браузере не сохраняются.

nepster-web

nepster-web @nepster-web

Посмотрите в сторону frameworks. Есть много видео курсов на youtube которые решают вашу проблему.
https://www.youtube.com/watch?v=3hSJLgRvn-E

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

Ответ написан более трёх лет назад
Helig @Helig Автор вопроса

У меня просто скоро конкурс по вэб-разработке среди школьников, я уже все продумал кроме этого(((( Все готово кроме регистрации и т.д.

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

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

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

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

  • Посмотреть расписание событий и зарегистрироваться;
  • Подключить сервисы и услуги;
  • Задать вопрос в чате;
  • Проверить баланс счета и бонусов;
  • Посмотреть статус и историю заказов.

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

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

Личный кабинет от Leavingstone для сбора статистики

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

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

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

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

    Форма авторизации на сайте журнала Сноб

Пользовательский путь

Google Cloud: советуют, как сделать сценарий использования аккаунта привычным и безопасным:

  1. Оставьте возможность сохранять пароли. Они должны храниться в зашифрованном виде с помощью, например, PBKDF2, Argon2, Scrypt, или Bcrypt. Разрешите пользователям использовать любые символы и длину пароля, ведь они защищены криптографией.
  2. Разрешите авторизацию через соцсети, так вы избавляете пользователя от необходимости запоминать еще один пароль.
  3. Используйте двухступенчатую верификацию. У подтверждения по SMS много слабостей, но это удобно пользователю и многократно повысит уровень безопасности.
  4. Разделите концепт авторизации пользователя и личного кабинета. Ваши пользователи — это не имейлы, номера телефонов или ID. Пользователи на сайте — это уникальный набор персональных данных и опыта использования вашего сервиса.
  5. Разрешите нескольким ID присоединяться к одному личному кабинету. Пользователь, неделю назад заходивший под логином и паролем, может выбрать авторизацию через Google, не понимая, что он создает второй аккаунт.
  6. Разрешите удалять аккаунт и сопутствующие данные.

Среди хороших примеров пользователи Quora предсказуемо называют Facebook, Google, LinkedIn, Twitter, Invision, а также отмечают удобство аккаунтов платформы для блогов Medium:

  • Вход через Facebook или Google автоматически подтягивает аватар из этих аккаунтов;
  • Чтобы добавить персональные данные, нужно просто кликнуть на пустое поле и начать печатать — все интуитивно;
  • С первой секунды понятно, что нужно делать на этом сайте: писать текст;
  • Чистый UI. Пользовательский контент — это главный элемент на странице.

Функциональности

  1. Утилитарные кабинеты с простыми функциями для рекламных компаний и промомеханик. Взаимодействие с интерфейсом минимальное: нужна возможность принять участие и следить за статусами.
    Конечная задача одна: пользователь должен получить приз. Внутри такого личного кабинета не должно быть интерфейса, в идеале только регистрация, поле ввода и одна кнопка.
  2. Сервисные личные кабинеты для крупных проектов, ecommerce. Это рабочий инструмент решения множества задач. После логина доступно больше опций настройки сервисов, в том числе под конкретного пользователя.

Там могут быть функциональности управления услугами, оплаты, бонусной программы. Все функции открываются после регистрации.

Best practice

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

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

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

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

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

На сайте Alfa Travel пользователь в Личном кабинете узнает баланс накопленных миль и обменивает их на билеты.

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

  1. Личный кабинет пользователя входит в UX-экосистему.
  2. Интерфейс гораздо более рациональный и менее эмоциональный, чем сайт.
  3. Акцент на пользовательском взаимодействии и интерфейсных характеристиках продукта.

Личный кабинет для обмена купонами от Rwds

Создание личного кабинета пользователя

Какова будет цена за создание личного кабинета пользователя, следующего характера:

1. Авторизация и регистрация.
2. Кабинет пользователя.
3. Админ панель.
4. Желательное использование bootstrap.
5. Адаптивность под мобильные устройства.

Описание к пунктам:

1. Авторизация и регистрация.
— У каждого пользователя должен быть свой ID.

2. Кабинет пользователя:
В профиле пользователя должны быть следующие данные:
— Иконка профиля (фото) (виден всем авторизованным пользователям)
— ФИО (виден всем авторизованным пользователям)
— Баланс (баллы) (виден только пользователю и администратору)
— Умения: (название), (название), (название) (виден всем авторизованным пользователям)
— При регистрации пользователь должен иметь возможность выбрать категорию своего профиля (Профиль 1) или (Профиль 2) эта категория должна отображаться в профиле пользователя.

3. Админ панель:
Администратор должен иметь возможность:
— Изменять иконку (фото) Пользователя.
— Изменять ФИО.
— Изменять Баланс ( количество баллов)
— Изменять Умения.
— Изменять категорию профиля.
— Админ должен иметь возможность вставлять html блок в профиль пользователя, в отдельной вкладке.
— У админа должен вестись лог всех выполненных переводов баллов от ID к ID
— Поиск пользователя по ID

2. Кабинет пользователя.

— Профиль 1 должен иметь возможность переводить баллы Профилю 2.
— У Профиля 2 в кабинете каждый день в 00:00 должно генерироваться новое 4 значное число.
— Профиль 1 должен иметь возможность перевести баллы только зная 4 значное число Профиля 2.
— Переводить баллы возможно только один раз в сутки.
— максимальное число баллов для перевода к примеру (20 баллов)

Какова примерная цена выполнения такой работы?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *