Медиа издательство
о дизайне приложений и интерфейсов

У нас тут апдейт: добавлена навигация по статьям, обновление главной и другие мелочи

Обновления — это как генеральная уборка. Не видно, но дышать стало легче. Мы немного покопались в макетах, заглянули в аналитику, послушали вас и перетряхнули главный экран, карточки постов и сами статьи. Рассказываю, что поменяли и зачем.

Главная страница теперь не просто лента, а витрина

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

Новая главная страница
Новая главная страница

Добавили:

  • Блок интересной статьи. Один сильный пост, который мы считаем особенно стоящим. Чтобы он не утонул в потоке.
  • Блок свежей статьи. Для тех, кто хочет быть в курсе новинок.
  • Подборка для новичков. Если ты только влетаешь в мир ui/ux дизайна, тут можно зацепиться: базовые гайды, понятные разборы, без заумностей.
  • В шапке теперь указано, что за сайт. Раньше там была фраза «From pixels to perfection», и все гадали: это тост, лозунг или пароль от Wi-Fi. Теперь всё ясно: это itsets, медиа о дизайне интерфейсов.

А в правом сайдбаре теперь:

  • Популярные статьи за неделю, месяц и год. Чтобы не пропустить ничего важного, даже если ты отвлёкся на дедлайны или отпуск.
  • Виджет «О проекте». Напоминание, что мы здесь не просто тексты пишем, а строим медиа о дизайне интерфейсов.

Карточки постов стали чище и понятнее

Иногда маленький штрих делает всю погоду. Мы пересобрали карточки статей:

  • Просмотры переехали вправо. Там им и место — на виду, но не мешают.
  • Лайки, комментарии и сохранения остались слева. Как группа поддержки у сцены.

Статьи получили навигацию и таймер прочтения

Откроешь статью — и чувствуешь себя в Ikea: всё удобно, всё под рукой, и даже стрелочки есть. Мы переработали страницу статьи:

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

Всё это работает и на мобильных

Ничего не обрезалось, не сломалось и не уехало. На мобильной версии:

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

Словом, мы не просто поправили вёрстку, а собрали удобную, внятную, логичную систему навигации по знаниям. И это только начало. Будем продолжать развивать itsets, чтобы дизайнеры чувствовали себя здесь как дома — но с подсказками, путеводителями и доброй атмосферой.

38
28