Новый профиль 2.0
- 4 ноября 2016
- 5 мин
- 2 879
Как-то раз мы уже обновляли профиль и написали об этом статью, поэтому эта статья будет содержать версию 2.0.
Несколько месяцев назад мы обновили дизайн и обещали обновить страницы курсов и профиль. Со страницами курсов мы разобрались очень быстро, а вот с профилем пришлось повозиться.
Главная страница профиля теперь состоит из четырёх больших блоков:
- информация о пользователе,
- полученные достижения,
- заслуженные сертификаты,
- прогресс прохождения курсов.

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

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

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

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

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

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

Мы вернули обводку для всех элементов, в том числе кастомных. После этого было несколько интересных писем: «Это некрасиво», «Уберите дурацкую обводку» и так далее. Пришлось провести разъяснительную работу и рассказать, что это не про «красиво», а про «доступно». Также убедились, что все наши новые интерфейсы доступны с клавиатуры и что у всех полей есть состояния и подписи.
Мы только начали работать над доступностью, поэтому нас всех впереди ждёт ещё много интересного.
Адаптивный, резиновый, мобильный
Как и ранее, все новые страницы адаптируются под мобильные устройства и будут хорошо смотреться при любом разрешении.
Похожие статьи
Центр карьеры HTML Academy. Итоги 2020
189 вакансий, 94 новых разработчика, отзывы выпускников и компаний.
Обзор тренажёра «Знакомство с HTML и CSS»
Рассказали о заданиях и испытаниях тренажёра, рассмотрели особенности курса.
Как мы делаем тренажёры
Мы встроили браузер в ваш браузер, чтобы вы писали код, пока пишете код.