Ченджлог на главной: первое приближение

[solarrust]

Первый подход к вёрстке блока с ченджлогом на главной

Десктоп

Планшет

Мобилка

На мобилке пока расположила всё в столбик. Если у @igsekor получится отображать месяц не словом, а цифрой, то переверстаю.

@skorobaeus нужен твой глаз-алмаз.

@igsekor нужно прикрутить логику, чтобы инфа подтягивалась из ченджлога.

[TatianaFokina]

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

Ещё может быть есть смысл слегка увеличить нижний паддинг у даты на мобилках?

[solarrust]

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

Ещё может быть есть смысл слегка увеличить нижний паддинг у даты на мобилках?

В макете ссылочки тоже стоят друг над другом https://share.cleanshot.com/PvrPmrz7 Нужен совет @skorobaeus

[TatianaFokina]

В макете ссылочки тоже стоят друг над другом https://share.cleanshot.com/PvrPmrz7 Нужен совет @skorobaeus

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

[TatianaFokina]

Блин, как круто получилось. Нашла только пару мееееелких штук, которые не супер важные, и, если есть время, можно поправить в этом пиаре. Если что, могу донести потом отдельным.

@skorobaeus, продолжаю душнить про слегка увеличенный отступ между ссылкой на материал и страницу автора на мобилках. Реально сложно прицелиться куда надо. Как-то так это может быть:

Шрифт у строчек с кодом сейчас дефолтный, надо будет накинуть на <code> классы font-theme font-theme--code. Можно попробовать так это сделать:

{% set codeInTitle = item.title | replace('<code>', '<code class=font-theme font-theme--code">') %}
<a href="{{ item.url }}" class="changelog-item__title link">{{ codeInTitle | safe }}</a>

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

Может заменим внутри li дива на спаны, всё же? 🥺 Могу я, так как именно мне они не дают покоя.

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

[Inventoris]

Всем привет! Невероятно крутая фича, давно её ждал 🤩

Не могу пройти мимо и предлагаю несколько улучшений, как сторонний наблюдатель.

Наверное, ещё надо удалить ссылку в баннере выше про бэклог?

Как выше отметил Игорь, ссылки на бэклог действительно задублировались, и лучше оставить одну из них. На мой взгляд, та, что в баннере, лучше. В нём собранны три главные ссылки Доки, а ченджлог — про ченджлог.

[skorobaeus]

@Inventoris, спасибо за фидбек! Я тоже думала над заголовком для секции ченджлога, но он пока не прижился в макете, потому что на главной вовсе нет заголовков в привычном понимании слова. Но подумаю ещё :) Если не трудно, скажи, пожалуйста, есть ли такой же эффект, что не сразу понятно, что происходит, когда скроллишь через фичеринг (большие цветные блоки) и рубрикатор (пять колонок с разделами)?

Ссылка на горящий бэклог действительно должна быть одна, и я переместила её на новое место намеренно, потому что метрика показывает, что на ссылки в блоке "Друг для друга" вообще никто не кликает 😅 Хотим проверить гипотезу, будет ли эта ссылка работать лучше, завёрнутая в осмысленный призыв словами.

[Inventoris]

Если не трудно, скажи, пожалуйста, есть ли такой же эффект, что не сразу понятно, что происходит, когда скроллишь через фичеринг (большие цветные блоки) и рубрикатор (пять колонок с разделами)?

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

Фичеринг. Понятно не сразу, но не критично. Тем более у карточек есть описания, из которых сразу понимаешь, что это именно карточки статей.

Рубрикатор. Эффекта, что я описал выше, точно нет. Всё сразу понятно, там также есть видимые заголовки h3, которые отлично группируют секцию по спискам.

[github-actions[bot]]

Превью контента из c49ea7eb86a4e6cb7e8b21a353a7d9a3aec0a52a опубликовано.

[vitya-ne]

Привет, спасибо за новую фичу! Можно добавить своё впечатление (на правах одного из упоминаемых на скриншотах 😃 )?

1. Немножко смущают даты (особенно на большом экране). Возможно заголовок (как предлагает @Inventoris) помог бы понять их необходиомость. Но так ли важно читателю (авторы не в счёт) знать дату публикации ? Мне кажется важнее подсветить новые материалы. Я бы предложил поставить первой колонкой название статьи.

2. Как насчёт добавить принадлежность статьи к разделу ? Например в виде вертикальной полоски с цветом раздела:

3. Если заговок длинный, мы увидим "точки элипсис" переходящий в другие точки: Может для длинных названий не показывать "обычные точки" справа ?

4. Блок с ченджлогом, по-моему, немного теряется на фоне блоков "Друг для друга" и избранных статей, потому что не имеет бэкграунда: Ещё немного смущает что текст в ченджлоге группируется в три колонки, так же как и избранные статьи. При беглом взгляде кажется что эти колонки как-то связаны.

5. Ченджлог рядом с бэклогом смотрится "бедным родственником": у бэклога и иконка есть и сам он важный, с большой буквы начинается :)

[skorobaeus]

Привет, спасибо за новую фичу! Можно добавить своё впечатление (на правах одного из упоминаемых на скриншотах 😃 )?

Нужно! Спасибо, что нашёл время пофидбечить!

1. Немножко смущают даты (особенно на большом экране). Но так ли важно читателю (авторы не в счёт) знать дату публикации ? Мне кажется важнее подсветить новые материалы. Я бы предложил поставить первой колонкой название статьи.

Чтобы ответить на любой вопрос, нужно отталкиваться от того, какую задачу мы решаем :) Задача ченджлога в целом — показывать, что проект активен и обновляется, а в частности — показывать, что именно в нём нового. Поэтому даты играют достаточно заметную роль.

Дальше, например, идёт блок фичеринга, единственная задача которого — выдавать максимум спотлайта статьям и иллюстрациям. Если мы будем подсвечивать статьи и там, и там, становится непонятно, зачем тогда нужны два блока?

Может быть — МОЖЕТ БЫТЬ — и правда нужно объединить сущности и сделать один блок, который будет и фичерингом, и ченджлогом одновременно? 🤔 Тем более что @solarrust не единожды предлагала фичеринг вообще убрать.

Возможно заголовок (как предлагает @Inventoris) помог бы понять их необходиомость.

На заголовок есть запрос, зафиксировала ✍

2. Как насчёт добавить принадлежность статьи к разделу ?

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

Немного "кухни" :)

3. Если заговок длинный, мы увидим "точки элипсис" переходящий в другие точки

На самом деле точек быть не должно, заголовок может выводиться полностью. Не доверстали маленько.

4. Блок с ченджлогом, по-моему, немного теряется на фоне блоков "Друг для друга" и избранных статей, потому что не имеет бэкграунда

Добро пожаловать в дизайнерскую ловушку! Если выделить всё, ничто не будет выделенным ☝

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

Ещё немного смущает что текст в ченджлоге группируется в три колонки, так же как и избранные статьи. При беглом взгляде кажется что эти колонки как-то связаны.

Интересная мысль. И звучит как +1 к идее объединить блоки.

5. Ченджлог рядом с бэклогом смотрится "бедным родственником": у бэклога и иконка есть и сам он важный, с большой буквы начинается :)

Мой косяк 😄

[vitya-ne]

Поэтому даты играют достаточно заметную роль.

Всё таки добавлю сомнений в идею показывать даты первой колонкой: что будет если несколько материалов будет смержено в один день (ну да, звучит неправдоподобно учитывая текущие темпы :(, но всё же ) ?

[skorobaeus]

Поэтому даты играют достаточно заметную роль.

Всё таки добавлю сомнений в идею показывать даты первой колонкой: что будет если несколько материалов будет смержено в один день (ну да, звучит неправдоподобно учитывая текущие темпы :(, но всё же ) ?

Выведется одна и та же дата, а что в этом такого? И как порядок колонок влияет на это?

В любом случае, это не та битва, где нужно биться насмерть, не нужно выискивать всё новые аргументы, чтобы меня убедить :) Достаточно уже того, что даты смущают, значит, я буду думать :)