Вчера ночью на наши площадки накатили новые размеры шрифтов внутри статьи. В мобильной версии изменения практически незаметны, но у пользователей десктопной версии возник дискомфорт.
Откуда возникла задача
Мы не успели осознать, как быстро у нас изменилась пропорция десктопных и мобильных пользователей: уже более 80% читают с маленьких экранов, доля непрерывно растёт. А наш подход к дизайну социального сервиса для новых паттернов устарел — много артефактов досталось от медиа, из которого мы выросли. Много лишних открытий отдельных страниц и разновидностей вёрстки, что больше свойственно традиционным издательствам.
Перейдя к парадигме mobile first, мы начали разрабатывать концепты разных подходов к навигации. Где, например, статья может разворачиваться и сворачиваться прямо в ленте, а комментарии открываться поверх.
Задача — построить навигацию с меньшим количеством неудобных действий пальцами, то есть максимально избавиться от серии свайпов для возвращения на исходные экраны (интересную, кстати, концепцию в этой части во вчерашнем релизе предложил Telegram).
Это просто один из наших пока что поверхностных концептов:
Мы не знаем, будет ли это реализовано так или иначе, но в процессе разработки концептов стало ясно, что стили статьи в ленте и внутри должны совпадать. Тогда у нас станет на одну группу стилей меньше — это позволит сделать еще один шаг в сторону унификации, которая в итоге ускорит выпуск новой функциональности.
В декстопе есть одна проблема
На самом деле, размер шрифта в статьях режет глаза больше с непривычки. Если сравнить его с текстом других платформ, который мы читаем ежедневно, то у нас он даже заметно крупнее.
Трудности возникли с тем, что в десктопной версии ширина контейнера с текстом осталась слишком большой. Дисбаланс размера шрифта и ширины контейнера замедляет скорость восприятия. В ближайшее время мы сократим ширину на 40 пикселей и всё станет аккуратнее.
Заголовок — не ключевая сущность
Конечно, мы не планируем от них отказываться, но, как минимум, будем менять акценты. Предполагаем, что в этой верстке нужно повысить приоритет сообществам и авторам. Сегодня аватарки в ленте даже сложно разглядеть. Это тоже просто набросок:
Стили внутри редактора остались крупными
Это мы поправим в ближайшее время. Стили в редакторе должны совпадать со стилями на публикации.
Зачем уменьшили элементы управления
Речь идёт про линию с количеством комментариев, добавлением в закладки и голосованием. Действительно получилось не очень, их размер откатим обратно.
*****
Так что приносим извинения десктопным пользователям за временные неудобства. Скоро всё сбалансируем.
Комментарий недоступен
А то думал, где мне еще свободного места по краям взять, слишком уж его мало, и тут редакция его так благородно предоставила
как придется читать дтф в ближайшее время
Ваще похую. Зажимаю контрол, кручу верчу колёсико мышки и ставлю ту ширину которая мне нравится)
А мне нравятся большие заголовки и подзаголовки внутри статьи.
Как-то гармонично разделяет смысловые части поста, а так даже немного сливается.
ИМХО конечно.
Согласен. Посты без заголовков в половине случаев пролистываю, потому что вообще мимо внимания проходят, да и приходится читать, чтобы понять, интересен тебе вообще этот пост или нет. Потом думаешь: на кой хрен я это прочел только что.
шрифт в десктопной версии
Ведь у людей работающих за компьютером идеальное зрение. Сделайте шрифты ещё меньше, будет глазную мышцу дружно тренеровать!
Ctrl+колесико мыши вверх могут помочь
Починил размер через Ctrl+'+' — текст теперь достаточно крупный :)
Комментарий недоступен
Комментарий недоступен
А может просто взять и сделать хорошо?
То, как есть сейчас — очевидно плохо. Даже представлять боюсь, что там на 4К.
Комментарий недоступен
теперь смотрю ваш сайт на 110%, классные у вас дизайнеры, спасибо
Именно поэтому вы добавили еще пару лишних страниц для просмотра сообщений или уведомлений, которые раньше прекрасно отдельным виджетом поверх уже открытой страницы работали?
Проблема с уведомлениями в мобилке решена: если зашли на уведомления, то первый клик на иконку «домой» вернет вас на предыдущую страницу — это решение более устойчивое, чем попап.
Сейчас у многих уже разрешение не 640x480, и полезный контент совсем маленькую долю экрана занимает.
Ради теста попробуйте не шрифт уменьшит, а ширину блока с контентом увеличить.
ладно шрифты, но кнопки почему стали меньше (на телефоне в том числе)?
Потому что ДТФ мельчает.
Я же написал об этом
У вас шрифты в комментах больше чем в тексте статьи и более читаемы.
Шрифт одинаковый. Межстрочный интервал разный, поэтому такое ощущение. Поправим.
Кстати, ты оказался не прав — все один в один. Оптическое искажение.
Влад, мне больно.
Вах, и не увидел, что такой расфокус.
Тогда, пожалуйста, сделайте уже что-то с отскоком в ленте. Я имею ввиду, что когда в мобильной версии переходишь в статью, а затем возвращаешься назад в ленту, зачастую лента смещается на десяток постов вверх и приходится скроллить обратно к тому месту, на котором ты остановился.
Это все хорошо, а темная тема будет?
Ты чего не видел?) Mobile в приоритете. А там есть темная темa
(¬ ¬)
80% читателей сидят с телефона, а там есть. Для декстопа как говорится "не в приоритете" )
А каким макаром теперь в постах выделят подразделы, чтобы они не сливались с общим фоном? Прям щас пишу пост, уже и звездочки влепил, и картинки, но все равно уродски выглядит.
Раньше сидел на dtf в 90% размере, теперь пришлось в 110% :/
это "вернём размер текста как было" или или "сократим ширину на 40 пикселей"?
Нормальный кегль у основного текста, я даже масштабирование с 90% не убрал. Вот заголовки мне кажутся мелковатыми.
Это что касаемо десктопа, что там на мобилках не знаю.
Заголовок статьи или заголовки внутри текста?
Комментарий недоступен
Комментарий недоступен
Комментарий недоступен
Да, терпел, но не вытерпел. увеличил масшаб до 110. Я ж не враг себе
@Vlad, вы чёт там намудрили и у нас подсайт PlayStation из рейтинга пропал) Можно шрифты и подсайт обратно?) Ладно, шрифты необязательно. @Сломалось ты тож погляди шо происходит.
Ничего себе Виабу оторвался от всех
Да, похоже, есть какие-то проблемы с обновлением рейтинга сегодня. Вот тут обсуждали, договорились подождать и свериться завтра утром
Нас ждёт обновление, где заголовки и подзаголовки могут стать больше? это плюс
Главное не проебать десктоп в погоне за мобилками
Хотел уточнить один момент, который я упустил
У нас всегда была незначительная разница между высотой заголовков или это условие нового обновления?
Комментарий недоступен
спасибо за убитые глаза
Доброго дня. Сегодня что-то со шрифтами и их размером произошло и в мобильном приложении. Если на десктопе шрифт поменялся уже как дня три, то в мобилке это произошло сегодня утром (может у меня обнова позже поставилась).
На телефоне мелкий шрифт смотрится более менее, привыкнуть думаю будет можно. Однако уменьшенный шрифт цифр на репостах и лайках выглядит очень некомфортно. Тем более, что на комментах размер шрифта у цифры остался прежний (совсем "костыльно" выглядит). Размеры шрифта самих комментариев, как и размер цифр лайков у них тоже не совпадают с аналогичными у статей, несмотря на утверждения об оптической иллюзии.
В идеале, как мне кажется, стоит сохранить размеры цифр на лайках и репостах, как было, а то создаётся ощущение, будто стало сложнее попадать по кнопке. Размеры шрифта в статьях на мобилке можно оставить как есть, единственное, что сделать шрифт чуть жирнее и немного всё же увеличить размеры заголовка и подзаголовков.
Спасибо.