Europarts Rus - web-site

Текущая работа над сайтом euro-parts.ru

From the to-do list: Дизайн личного кабинета

✔ Главная страница личного кабинета

Comments

Степан Галкин on July 7, 2013:

Первоначальная версия главной страницы.

Степан Галкин on July 8, 2013:

Примечания к главной:

  • Лента активности - довольно удобная вещь для детального отслеживания всех операция в личном кабинете пользователя. Все действия с данными пользователя (заказы, отгрузки, сообщения), а также действия самого пользователя будут сразу же видны в ленте. В "Настройках оповещений" можно настроить дублирование ленты на почту.
  • Предусмотрена аватарка (фотография) пользователя, которую он может закачать самостоятельно.
  • Домашний регион пользователя (или организации) устанавливается менеджером при регистрации (по полю "Город" регистрационной формы). Домашний регион позволит системе выдавать пользователю соответствующие значения склада (если таковой имеется), а также автоматически рассчитывать стоимость доставки при оформлении заказа. При клике появляется окошко выбора региона.
  • Индикатор лояльности выполнен в виде индикатора процесса с отображением соответствующего значения. При клике на шкалу можно, например, показывать табличку со списком бонусов с подсветкой активных.
  • Баланс, кредит и оплаченная доставка объединены в единой блок, для логичности.
  • Все настройки аккаунта выведены в отдельное меню, поскольку настраиваются зачастую один раз и редко меняются. Закрытые разделы недоступны по ссылке, в меню помечаются замочком.


Меню тулбара: toolbar_menu.jpg

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


Менеджер в отпуске: managers.jpg

Степан Галкин on July 8, 2013:

Комментарии Константина Хлебникова от 30.04.

  • Лента активности
    Не нужная функция, так как эта функция дублирует уже существующие функции сайта.
  • Аватарка
    Убираем, зачем клиенту смотреть на самого себя в рабочем кабинете сайта при покупке запчастей.
  • Индикатор лояльности 
    Пусть остается в виде процесса загрузки. Но не нашел где и как может  отображаться таблица со списком бонусов и подсветкой активных.
  • Меню тулбара 
    Здесь должны не дублироваться функции, а это должно быть единственное место где они будут показываться.

Степан Галкин on July 8, 2013:

Дизайн главной страницы — версия 2.

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

Denis Slabakov on July 10, 2013:

Степан,

вернуть фотографию
сгруппированная лента активности - ок
город - ок

Ждем новый макет

Степан Галкин on July 10, 2013:

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

Denis Slabakov on July 10, 2013:

ок

Alex Kirin on July 15, 2013:

а где мне взять псд кабинета для работы? пак есть?

Степан Галкин on July 15, 2013:

Алексей, в данный момент готовится, корректируется и дополняется.

Степан Галкин on July 22, 2013:

Обновленная версия главной страницы личного кабинета.

Макеты:
  • account_main_1 - индикатор лояльности, аватарка, лента активности
  • account_main_2 - наведение на аватарку, наведение на менеджера, меню настроек, пример обозначения закрытого раздела
  • account_main_3 - вариант без аватарки, меню личного кабинета в тулбаре, менеджер в отпуске, прайс-листы
  • account_main_4 - изменение домашнего региона
  • account_main_5 - окошко с информацией об уровне лояльности (появляется при клике на индикатор)
  • account_main_6 - список всех сотрудников компании (появляется при клике на соответствующую ссылку в блоке менеджеров)
  • account_main_7 - карточка менеджера

Вопросы и комментарии:
  • Список сотрудников. Удобно разбить сотрудников на группы-отделы, тогда отпадет необходимость писать длинные должности, вроде "Начальник отдела региональных продаж" - делаем группы "Региональные продажи", тогда должность будет - "Начальник отдела". Требуется подтверждение.
  • Карточка менеджера. Решил убрать биографию сотрудников, поскольку считаю это лишней информацией для клиента. Даже если кому-то это интересно - он прочтет один раз и забудет, т.е. биография сотрудника не должна все время висеть в его карточке, а сама карточка - должна быть функциональной. Единственная функция в данном случае - возможность контакта с менеджеров, делаем форму отправки личного сообщения. Требуется подтверждение.
  • Кнопка "Помощь". Будет висеть везде и всегда на любых страницах сайта. При клике - окошко с выбором: "Позвонить в клиентский отдел", "Задать вопрос онлайн", "База знаний и скринкасты". Дизайн окошка в работе. Требуется подтверждение.

Denis Slabakov on July 27, 2013:

Список сотрудников. Удобно разбить сотрудников на группы-отделы, тогда отпадет необходимость писать длинные должности, вроде "Начальник отдела региональных продаж" - делаем группы "Региональные продажи", тогда должность будет - "Начальник отдела". Требуется подтверждение.
не нужно - нас всего 20 человек

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

Личные сообщения убираем из функционала вовсе, это не нужно
Биографию сотрудника оставляем.

Кнопка "Помощь". Будет висеть везде и всегда на любых страницах сайта. При клике - окошко с выбором: "Позвонить в клиентский отдел", "Задать вопрос онлайн", "База знаний и скринкасты". Дизайн окошка в работе. Требуется подтверждение.

Кнопку помощи делаем, но пользователю будет доступно только база знаний и скрин касты
 
 
account_main_2 и account_main_3 - предлагаю объеденить меню настроек, так как для пользователя каждый раз будет вопрос в какое место нажать для нужных настроек, я бы всё вынес в меню личного кабинета

остальное ок

Степан Галкин on July 29, 2013:

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

А как насчет формы "Задать вопрос", которая сейчас доступна в личном кабинете, и кнопкой "Позвонить"?

Denis Slabakov on July 29, 2013:

Оставляем оба функционала

Степан Галкин on July 29, 2013:

Кстати, а есть какая-то статистика по этим инструментам связи? Сколько людей звонят, сколько вопросы онлайн задают?

Denis Slabakov on July 29, 2013:

Кнопка "Задать вопрос" - 10 в день

"Позвонить" - запросил в Манго телеком

Степан Галкин on July 31, 2013:

account_main_2 и account_main_3 - предлагаю объеденить меню настроек, так как для пользователя каждый раз будет вопрос в какое место нажать для нужных настроек, я бы всё вынес в меню личного кабинета

Хочу аргументировать дублирование разделов личного кабинета в account_main_2. Дублированием это можно назвать на картинке. В действительности же, если посмотреть верстку, ссылки "Заказы" и "Отгрузки" в тулбаре по клику вызывают выпадающие списки с последними активными заказами и отгрузками. Из списка можно перейти либо в конкретный заказа или отгрузку, но перейти в общий список заказов или отгрузок - нельзя, т.к. следующий клик по ссылке закрывает выпадающий список.

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

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

Denis Slabakov on July 31, 2013:

убедил)

Степан Галкин on October 2, 2013:

По главной странице личного кабинета нужен еще вид страницы без ленты активности (когда новый клиент).

Denis Slabakov on October 3, 2013:

верно - нужен

Степан Галкин on January 10, 2014:

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

Что предлагается:
  • Предложить клиенту полностью заполнить свой профиль (данные плательщика, домашний регион, параметры заказа, etc)
  • Помочь клиенту быстро разобраться в возможностях личного кабинета — скринкасты.
Вопросы:
  • Всегда ли нужно показывать "список задач" или  сделать кнопку "Пропустить", например?
  • Есть ли смысл всегда показывать блок "баланс клиента"? Предлагаю показывать как только после первого успешного заказа. Ну, если только не использовать этот блок в промо-целях, скажем, в помощи дать описание что такое баланс, как осуществляются платежи и прочие моменты.

Denis Slabakov on January 10, 2014:

Степан,

Список задач показывать всегда

Баланс клиента будем показывать после первого заказа