Комментарии 14
Когда выбирал шрифты для своего текущего сайд-проекта, чуть с ума не сошёл... Тоже фокус на текстах. Перебирал их десятками. В итоге остановился на PT Sans как основном. Для кириллицы, кмк, самое оно.
Во-первых, лично для меня, интерфейс Хабра - лучшее, что я вообще видел за 25 лет в интернете. Длительное вдумчивое чтение не утомляет, все просторно, ясно и на своем месте.
Сравните со всякими фейсбуками, вконтактиками, реддитами, сайтами газет и прочим - нигде больше я не видел такого удобного для чтения больших текстов интерфейса.
Во вторых: Вы пишете о недостатках интерфейса и шрифтах и... вставляете картинки с примерами шрифтов в ЖИПЕГЕ? серьезно? На хабр нельзя грузить png? я правда не в курсе, если нельзя, то вот это серьезнейшее упущение, серьезней любых шрифтов. А если можно, то почему вы делаете такую серьезную ошибку?
Во-первых, лично для меня, интерфейс Хабра — лучшее, что я вообще видел за 25 лет в интернете.
А какой ОС вы пользуетесь? Мне вот на новой версии не очень удобно стало и я знаю как можно сделать лучше.
На хабр нельзя грузить png?
На Хабре есть возможность использовать jpg, gif, png. Это моё упущение. Из-за общего веса картинок я выбрал jpg.
Из-за общего веса картинок я выбрал jpg
Пробовали PNG-8 вместо PNG-24?
WIndows 10, Ubuntu 20.04, Android 10, 90% времени Хабр читаю с Windows на 23" IPS дисплее. А это существенно?
Я, в целом, согласен, что хабр не идеален, но было бы интересно увидеть, а что есть лучше? И если лучшего примера не найдется, я бы предпочел, чтоб нынешний дизайн не трогали :)
Конкретно замечания из статьи, будучи применены к Хабру (на десктопе), меня бы не устроили. Мне не нравится отображение вложенности с вертикальными линиями - если взглянуть на Реддит, где это сделано, пока уровней 1-2 они действительно помогают, но дальше становится очень плохо, все равно не разобраться кто кому на что ответил.
Про заголовки - мне кажется, что вы не учли не только сам шрифт, его размер и насыщеность, но и отступы. Даже неяркий заголовок за счет отступов выделяет нужную структуру достаточно хорошо.
Там, где вы привели картинку с фразой "А вот привычная и правильная иерархия: "
видимо, ошибка - там 2 одинаковых H1 и H2 по 24px. Или я не правильно что-то понял?
А это существенно?
На старой версии Хабра вы статьи читали в оформлении Segoe UI, в новой — Arial, а на смартфоне — Roboto или Droid Sans. Везде разное восприятие информации и разный комфорт. Для вас это может быть не существенно, но исходя из моей практики, для многих это играет большую роль.
Там, где вы привели картинку с фразой «А вот привычная и правильная иерархия: „
видимо, ошибка — там 2 одинаковых H1 и H2 по 24px. Или я не правильно что-то понял?
H1 используется на странице только один раз и его размер не существенен и не влияет на наполнение статьи. А вот H2 влияет и задаёт начальный размер для всех последующих заголовков. Даже в оформлении Хабра H1 и H2 всегда равные по размеру.
Я выступаю за доведения до идеала той формы, что уже есть на Хабре и скорей старой его версии дизайна, чем новой.
Лично для меня "проблема" зоопарка шрифтов на различных сайтах всегда решалась запретом загрузки сторонних шрифтов и принудительным использованием системных. Да, я понимаю, что такое не всем подойдёт. Зато шрифты можно выбрать (в настройках браузера) те, которые нравятся лично тебе.
Тут, как и в предыдущей статье многое было написано про дизайн, но очень мало про проблемы с юзабилити. Вот пример:
Я давно не заходил в авторизованную версию сайта и пропустил момент, когда в комментариях добавили эту опцию. Уже почти набрав предыдущий комментарий, я решил посмотреть: что же сделали? Для этого, нажал на значок справки. И? И меня перекинуло на другую страницу с потерей всего набранного текста.
Вот из-за подобных причин, как мне кажется, есть недовольство по поводу нового дизайна.
Там всё по мелочам и скорей подобное подойдёт для баг-трекера, нежели для красивого описания суть проблемы и её решения.
Так проблема, как по мне, в том что таких недоработок масса. А вот шрифты или отступы меня вообще не беспокоят. Если что — стили можно и принудительно подправить, а вот с логикой сложнее.
Ещё пример: кнопка загрузки новых комментариев меняет своё место, в зависимости от близости к концу блока комментирования. Логично? Да. Удобно? Нет, т.к. приходится каждый раз отслеживать: не поменялось ли расположение. Это не было бы проблемой, если бы была горячая клавиша (или всплывающая подсказка о ней),
Долгое время была проблема, что при использовании горячей клавиши для перехода на следующий непрочитанный комментарий, новые комментарии не помечались как прочитанные. Сейчас, вроде бы, это исправили.
В тех же "новых" комментариях, лично меня напрягают не отступы, а то, что теперь один комментарий занимает больше места по вертикали. Было минимум две строчки, а стало — три, т.е. требуется больше усилий для прокрутки страницы.
я в свое время занимался версткой под офсетную печать. Я умом и прошлым опытом понимаю, что эта игра со шрифтами имеет какой-то смысл, кроме упорядочивания, но глазами существенных отличий не вижу. И 99% населения, полагаю, также не видит в этом визуальных отличий и не считает это особо существенным.
Новая версия Хабра. Ещё не всё потеряно, ещё не всё?… (часть вторая)