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

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

Главная страница профиля теперь состоит из четырёх больших блоков:

  1. информация о пользователе,
  2. полученные достижения,
  3. заслуженные сертификаты,
  4. прогресс прохождения курсов.
Новый профиль
Пример моего профиля

Достижения

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

Достижения в новом профиле
Пример страницы достижений

Сертификаты

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

Сертификаты в новом профиле
Превью сертификатов в старом и новом дизайнах

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

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

Статистика прохождения курсов

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

Прогресс прохождения курсов Алексея Симоненко
Плохая статистика прохождения курсов

Не очень-то большой, правда? А вот прогресс прохождения у Ирины Смирновой.

Прогресс прохождения курсов Ирины Смирновой
Великолепная статистика прохождения курсов

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

Приватность

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

Управление ссылками на соцсети в новом профиле
Каждую ссылку на соцсеть можно сделать приватной в настройках

А для самых-самых неопознанных енотов мы добавили возможность скрыть свой профиль полностью.

Доступность

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

Новые кнопки
Базовые интерактивные компоненты

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

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

Адаптивный, резиновый, мобильный

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