Новый Пикабу. Часть 1⁠⁠

В 2015 году Пикабу обзавелся мобильной версией. Работа заняла около года, потому что мы хотели выпустить максимально качественный продукт. На ее фоне десктопная версия выглядела морально устаревшей. Поэтому тогда же совместно со студией Smorodina.mobi мы начали работу над новой ПК-версией Пикабу.

Задача состояла в том, чтобы сделать Пикабу функциональным и современным.

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

Работа над постом, в большом размере

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

Варианты меню

Нашей основной задачей было даже не освежить внешний вид, а сделать Пикабу ещё удобнее для опытных Пикабушников и приветливее для новичков.

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

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

Главная страница

ЧТО НОВОГО

1. Общие изменения

– Плавающая шапка. Наведите мышь на зеленую полоску в шапке и появится меню. Наведите мышь на аватар и появится пользовательское меню:

– Изображения увеличены на 16% до 700 пикселей в ширину

– Ссылка на профиль изменена на pikabu.ru/@username

– Возможность загрузить фоновое изображение в профиле

– Поиск в шапке подсказывает пользователей и сообщества:

2. Лента постов

– Новая лента: самые сохраняемые посты с выбором интервала времени

– Кнопки голосования доступны в любой момент чтения поста

– Кнопка сворачивания теперь у всех постов, а не только у длиннопоста

– При наведении на username показана информация о пользователе с возможностью подписаться/добавить в игнор и прочитать заметку:

– Меню управления тегом при наведении:

– Переход к комментариям расположен под постом

– Индикатор заметки о пользователе в постах и комментариях:

– Выбор расположения тегов: над или под постом

– Индикатор причины, по которой пост попал в раздел «Моя лента»:

В следующем посте я расскажу об изменениях в комментариях. А доступ первым пикабушникам откроем на следующей неделе ;)