Что не так с редизайном Хабрахабра

    Это случилось: Хабр получил новый дизайн в стиле остальных ТМ-продуктов.



    Вообще-то я люблю перемены, и редизайн привычных вещей вызывает в первую очередь оптимизм. Это как перестановка мебели в квартире: обстановочку освежать надо. Но помимо приятного чувства новизны некоторые изменения вызывают вопросы. Понятно, что Хабр уже не торт и мы всегда будем помнить его тёплое ламповое старое лого, но я хочу поговорить про то, что можно оценить вполне объективно — про юзабилити нового хабрадизайна.

    Две ложки мёда


    ▌Ссылка на создание поста

    Функция «создать пост» теперь получила отдельную кнопку в самом главном меню. Раньше это была целая история — выучить алгоритм, по котором можно найти кнопку с карандашиком, чтобы написать пост. Возможно, в этом была своя сермяжная правда — Хабр не ЖЖ, как нам напоминают в правилах, поэтому перед тем, как что-то написать — нужно подумать. Но намеренное усложнение навигации, конечно, не тот путь, который ведёт к качественному контенту, так что вынос кнопки «Написать пост» на видное место — безусловный плюс и главное (для меня) положительное достижение редизайна.

    Смущает разве что выбранная иконка: плюс означает добавление чего-либо, но совершенно неочевидно, что это что-либо — пост. Чаще в подобных интерфейсах за ним скрывают разворачивание дополнительных пунктов меню. Старый добрый карандашик был бы куда понятнее — мало того, что иконка знакома всем авторам Хабра, она ещё и универсальна.

    ▌Планшетизация

    Вторая ложка мёда — адаптация дизайна под тач-интерфейс. Это победа со слезами на глазах, потому что насколько пользователям мобильных устройств остро необходимы нормально адаптированный под них веб, настолько больше юзеров всё равно читают сайты с десктопов и лэптопов. Т.е. объяснять зачем затачивать дизайн под планшеты не нужно — это правильно и за это спасибо. Но стоит упомянуть о том, почему нельзя забывать про пользователей традиционных устройств. Поэтому этот пункт я повторю в недостатках редизайна.

    Бочка дёгтя


    ▌Планшетизация

    Каких-то полтора года назад я написал исключительно популярный пост "Что не так с Windows 8". И одной из главных моих претензий к дизайну новой ОС было чрезмерное увлечение тач-штуками. Я писал о том, что рано отказываться от панели задач и на десктопах приложения во весь экран — пустая трата места. Время подтвердило мою правоту: в последнем апдейте Windows 8.1 приложения в режиме Metro получили отображение на панели задач и привычные атрибуты традиционных окон — кнопки «свернуть» и «закрыть».

    Теперь на те же грабли наступил Хабр. Планшеты — исключительно важная часть экосистемы гаджетов, но они дополняют мир ПК (я имею в виду устройства с вводом НЕ с экрана, а с физической клавиатурой, мышью и т.д.), а не заменяют его. Нельзя забывать про скучающий офисный планктон, который даёт большинство просмотров в рабочее время со своих десктопов и лэптопов, а вовсе не планшетов и смартфонов. Да, это претензия скорее концептуального характера. Но ошибка в стратегии обязательно вылезает массой мелких неудобств в повседневной деятельности. Поэтому, как говорят урбанисты Собянину — помните о немобильных гражданах.

    ▌В поисках поиска

    Это уже чисто юзабилити-момент: на сайте, где многие посты сохраняют свою актуальность годами, нельзя прятать поиск. Для Хабра внутренний поиск так же важен как для гугла, и должен быть всегда доступен. Сейчас же его спрятали аж за двумя кликами, причём поиск поиска абсолютно неинтуитивен — пришлось просто перебрать все вкладки. И это следующая претензия.

    ▌Пора выйти из шкафа

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

    Разгадать значение иконок теоретически можно:



    Первая, понятно, ведёт на главную. Вторая — в профиль юзера. Третья — уведомления, четвёртая — уже пример дискриминации юзеров ПК, т.к. подобный значок меню используется именно в мобильных устройствах, соответственно если вы зашли на Хабр с планшета — среда поможет, и вы скорее всего догадаетесь, что это меню. Но в десктопных ОС такая иконка не используется, поэтому интуитивность решения моментально теряется. И про пятую иконку — добавление поста — я уже писал выше. Верните карандаш!

    Но догадаться, какие именно функции спрятаны в этих ящиках — практически нереально. Можно только тыкать во все вкладки по очереди, пока не выучишь наизусть, где что находится или чем «Посты» во вкладке «Трекер» отличаются от ссылки «Посты» во вкладке «Меню»:



    Это странное решение даже для мобильного интерфейса — во-первых, все эти пункты меню можно спрятать, за одной кнопкой. Разбивать 18 пунктов меню на 3 вкладки — это явно чрезмерная страсть к порядку. Во-вторых, их можно сделать более информативными, добавив иконки, превьюшки, нотификации.

    ▌Нажми на кнопку — получишь результат

    И ещё один минус нового меню — все 5 кнопок в нём выглядят одинаково, но действуют по-разному. Кнопки №1 и №5 — ссылки на главную и страницу создания поста. Кнопки №№ 2-4 — вызывают подменю без перезагрузки страницы. В результате, тыкая на ссылки слева, я дважды уходил со страницы этого недописанного поста — к счастью, автосохранение на Хабре работает надёжно. Но одинаково выглядящие кнопки с разными функциями — это косяк, превращающийся в неприятную угадайку. А что если автосохранение текста сглючит? Очевидно, что нужно придумать, как визуально отличить кнопки-ссылки от кнопок-меню.

    Резюме


    Общий счёт перемен — в пользу ретроградов:

    Ссылка «Написать»
    Планшетизация

    Планшетизация
    Слишком далеко запрятанный поиск
    Слишком много вкладок с непонятным содержимым
    Путаница с действиями кнопок в основном меню

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

    P.S. Официальный пост.

    P.P.S. Денискин взял на карандаш:

    image

    P.P.S. Процесс пошёл: в ТМ ищут UI/UX-дизайнера.
    Поделиться публикацией
    Похожие публикации
    Реклама помогает поддерживать и развивать наши сервисы

    Подробнее
    Реклама
    Комментарии 361
    • НЛО прилетело и опубликовало эту надпись здесь
      • +163
        Потому что то, что я хотел сказать, тянет на целый пост. И если я уверен, что он будет полезным — почему бы не написать? Теперь ценность моего суждения пусть определяет коммьюнити. Кнопочки голосования не для красоты сделаны.
        • НЛО прилетело и опубликовало эту надпись здесь
          • +5
            Это по факту так получается в ряде случаев. По идее же — голосование создано именно для оценки полезности/ценности материала.
            • +4
              Полезность тоже субъективна, а ценности в чистом виде просто не существует.
          • 0
            Согласен с автором насчет поиска и вкладок.
            В остальном — удобно, хоть и очень непривычно. Разумное использование пространства. Очень удобно для ноутбука 15.6"
          • +40
            Я бы сделал разворачивание подменю по наведению, так было бы интуитивнее. Не разворачивается — значит переход на новую страницу.
            Проверить удобство можно попробовав в консоли браузера:

            $('.nav_panel > .tab').hover(function () {
                $(this).click();
            });
            
            • –6
              А на планшетах-телефонах?
              • +18
                А на планшет-телефонах — по клику.
              • +2
                Реально, так удобнее, непонятно вообще зачем сделали 2 раза кликать.
                • +2
                  Это нормально если в хроме нет возможности перейти на вложенный пункт меню, панелька сразу схлопывается при любом движении вправо?
                  Как это выглядит
                  • +1
                    Это ненормально, но в этом порочность того кода. Событие клика действует только до тех пор, пока вы не уберёте курсор с нужного таба, вот вам и эффект. Убираете курсор — все классы и прочее тоже убираются. Тогда уж надо имитировать поведение клика полностью, а не так.
                    • 0
                      ясное дело что код не совершенен, это был скорее сарказм =)
                      • +3
                        Иногда сарказм всё-таки стоит помечать тэгом :-|
                    • +4
                      Из-за этого я ненавижу все сайты, где есть всплывающее меню.
                      • +4
                        Поблему выпадающего меню отлично решили в своё время ребята на Amazon. На Хабре даже есть статья, посвященная этой теме: Загадка выражающего списка «Амазона»
                      • +3
                        hover вызывает два события, по наведению и отведению мыши. Правильный код выглядит так:

                        $(".nav_panel > .tab").mouseenter(function () {
                          $(this).trigger("click");
                        });
                        
                        • +1
                          У меня в таком варианте не закрывается обратно при отведении мыши.
                        • +1
                          Согласен, так значительно удобнее и интуитивнее!
                          • +1
                            $('.nav_panel').on('mouseenter', '.tab', function () {
                               $(this).trigger("click");
                            });
                            
                          • +9
                            Надеялся на полную рекурсию в первом скриншоте :)
                            • 0
                              Аналогично, смотрелось бы здорово, сначало так и показалось.
                              • +2
                                Сделал что смог ;)
                                • 0
                                  Уберите серую линию предпросмотра (и пэддинг) ещё и будет самое-то.
                                  • 0
                                    Сорри, не удержался. Ховер на колокольчике все испортил :D
                                • +3
                                  По-моему всё прекрасно) Хабр с нами повсюду и на всех платформах)
                                  • +64
                                    И еще, только из этой статьи узнал, что «плюс» — это ссылка на создание поста. Думал, что это кнопочка для просмотра ссылок, иконки которых не помещаются при просмотре на меленьком экранчике моего ноутбука. Верните карандаш! :)
                                    • +4
                                      я лично был уверен, что это кнопка кастомизации, мол можно добавить свои кнопочки, например на «новое»
                                      • +1
                                        В тостере «Плюс» значит подписаться на вопрос
                                      • 0
                                        Про «гамбургер» не согласен. Пользователи ПК уже тоже начинают ее воспринимать как положенно. Ну а пост под это выделять я бы тоже не стал. По мне так просто еще многие элементы сайта не перевели в новый стиль, например, кнопки и иконки.
                                        • +30
                                          А в Firefox OS эта иконка означает «Уведомления». А в андроиде это вызов меню (как в Thunderbird'e было сделано). А на iOS эта иконка перетаскивания элементов в списке. Ваше «как положено» это какое «как положено»?

                                          Вообще, имхо, на редкость неудачная иконка. Как чёрный квадрат — сама по себе вообще ничего не значит.
                                          • +5
                                            В Хроме такая же иконка открывает меню.
                                            • +1
                                              И в обновленном Mozilla firefox тоже меню.
                                              • +2
                                                Да и на iOS гамбургер всегда меню открывал
                                            • 0
                                              Вызов меню. По крайней мере я встречал только это «как положенно».
                                            • 0
                                              Кем положено и кому положено?
                                            • +70
                                              Верните карандаш! :)

                                              Поддерживаю! Карандаш ассоциативнее, чем плюсик.
                                              • +59
                                                Ещё один минус, лично для меня довольно значимый — отсутствие хедера. Открываешь страницу и все блоги впритык к потолку, создаётся неприятное внутреннее ощущение, что что-то не догрузилось сверху или стили полетели =(
                                                • +15
                                                  Это временное ощущение. Потому что у всех сайтов бессмысленно выжраное пространство под заскролливающиеся хедеры. Это дело многолетней привычки.
                                                  • +2
                                                    Ага, особенно тренд помещать громадные фотографии и писать по ним большим кегелем. Боюсь, всё только начинается.
                                                    • +12
                                                      Ну… если бы я на секунду притворился дизайнером, то как-то так бы запилил:
                                                      Картиночка
                                                      image
                                                      • 0
                                                        Ой, карандашик забыл =(
                                                        Но идея думаю ясна — тупо перенести эту панельку наверх и всё.
                                                        • +1
                                                          Учитывая, что подавляющее большинство десктопных и ноутбучных дисплеев сейчас — широкоформатные, логично использовать драгоценную высоту для отображения полезного контента, а не меню. Я был бы не против переноса хедеров в бококую часть экрана и на других сайтах.
                                                        • –1
                                                          Отлично!
                                                          Да вообще в комментах уже массу вариантов предложили, в несколько раз лучше текущего.
                                                          • 0
                                                            Все варианты, что я углядел используют текущий вариант — сбоку, а не простую смену позиции, как набросал я. Горизонтальное пространство позволяет всё же немного больше вольностей со словами\названиями пунктов меню, нежели вертикальное.
                                                            • 0
                                                              Были предложения и сверху разместить, без картинки правда (теперь в двух темах фиг найдёшь, кто предлагал)
                                                              • 0
                                                                Поиск по слову «сверху» действительно дал результат без картинки, только в соседнем бложике: habrahabr.ru/company/tm/blog/222855/#comment_7590189
                                                                • 0
                                                                  И не лень вам было? :)
                                                                  • 0
                                                                    Любопытство пересилило так, что я решил узнать о каких именно предложениях по позиционировании меню шла речь, вдруг бы там ещё какие-то дельные замечания нашлись, которые я не учёл.
                                                          • –1
                                                            Да, название зафиксировать вверху — было бы здорово.
                                                            у меня куча закладок с Хабром всегда открыта — первый вопрос, после переключения в любую из них — «Где я?»
                                                      • +1
                                                        До поиска добрался случайно
                                                      • +16
                                                        А где вообще поиск?)
                                                        • НЛО прилетело и опубликовало эту надпись здесь
                                                          • +4
                                                            Довольно неочевидно.
                                                            Хотя, можно искать в гугле — Хабр очень хорошо проиндексирован и по тематическим запросам будет в первых местах выдачи. Конец шутки.
                                                            • +11
                                                              В общем, я так и делал сегодня. Пока не нашёл поиск.
                                                              • –4
                                                                Ну до чего лень дошла. Поиск найти не могут. :)
                                                              • +6
                                                                Неделя поиска поиска объявляется открытой =)
                                                                • +2
                                                                  Скоро страница проиндексируется настолько, что по поиску поиска будет сначала находиться поиск поиска поиска, а уже потом поиск поиска.
                                                              • +9
                                                                А я всегда искал в гугле: «запрос site:habrahabr.ru». Релевантнее местного поиска.
                                                            • +1
                                                              Ищите ответ выше — в тексте поста :)
                                                              • +3
                                                                Пожалуйста, делайте что угодно, но верните кнопки поиска и «Посты» ;(
                                                                • +1
                                                                  image
                                                                • +5
                                                                  Как автор классического логотипа уведомляю всех, что новый дизайн — ок! :)
                                                                  • НЛО прилетело и опубликовало эту надпись здесь
                                                                    • +10
                                                                      Да я в общем и не спорю. Допилить — и будет торт.
                                                                      • +7
                                                                        Да, допилить и вернуть теплое ламповое лого…
                                                                    • +3
                                                                      По-моему ЖЖ сегодня запустил очень похожий дизайн.
                                                                      • +1
                                                                        Да, сегодня день редизайнов. Но в отличие от Хабра, который ищет свой визуальный язык, ЖЖ продолжает следовать генеральной линии «Эй, мы тоже современные».
                                                                        • НЛО прилетело и опубликовало эту надпись здесь
                                                                          • +2
                                                                            Это вы ещё на 7 дюймах не видели. Читаю и плачу.
                                                                            По вечерам читаю Хабр и ЖЖ с планшета… Сегодня мои глаза кровоточат.
                                                                            • 0
                                                                              На нетбуке 11.6" с разрешением экрана 1366*768 всё вполне читаемо (Хромиум браузер).
                                                                              Мне вот другое не понравилось: несмотря на явную планшетоориентировасть, нет кинетической прокрутки aka touch panning (Ubuntu' Unity 3D на устройстве с сенсорным экраном). А жаль, прикольная фишка (после IE10 из Windows 8 немного недостает, тем не менее, ряд сайтов у себя имеет кинетическую прокрутку для таких случаев, как мой).
                                                                            • +2
                                                                              По-моему, это применимо к обоим проектам, к Хабрахабру даже в чём-то больше — рублёный флэт в качестве одного стиля для всех проектов они начали вводить сразу после того, как это стало модно. Так что своим визуальным языком назвать это сложно.
                                                                            • +3
                                                                              *Шутка про труп и палку*
                                                                              • +9
                                                                                Колитесь
                                                                                • +1
                                                                                  Я думаю, что имелось ввиду «Не стоит тыкать жмурика палкой». :)
                                                                            • +54
                                                                              Планшетизация сайта выглядит нелогичным шагом особенно потому, что она произошла после выхода официального мобильного приложения Хабра. Т.е. с телефона теперь можно и через браузер, и через приложение, а на десктопе мучайся с этим пальцеориентированным интерфейсом с просто ОГРОМНЫМИ кнопками.
                                                                              • +7
                                                                                Планшетизация сайта выглядит нелогичным шагом особенно потому, что она произошла после выхода официального мобильного приложения Хабра

                                                                                Я хотел об этом написать, кстати. Но потом подумал, что выпуск приложения не отменяет необходимость адаптации дизайна под новые платформы. Т.е. неудобный сайт с мелкими (для смартфона) ссылками под лозунгом «Не нравится — качайте приложение!» — тоже не вариант.
                                                                                • +1
                                                                                  А ведь анонсирована еще отдельная мобильная версия.
                                                                                  • +3
                                                                                    Звучит так, словно в ТМ запутались. Или это мы запутались относительно планов ТМ :)
                                                                                  • +1
                                                                                    Сейчас сайтом на смартфоне пользоваться невозможно.
                                                                                    • +2
                                                                                      Увы, сейчас сайт неудобен как раз для несмартфонов.
                                                                                      ГИГАНТСКИЕ кнопки отвлекают взгляд в угол огромного монитора.
                                                                                      И если «Не нравится — качайте приложение!» даёт хоть какой-то выход для всей аудитории, то текущий вариант оставляет пользователей в недоумении с несколькими мобильными интерфейсами без единого нормального.
                                                                                    • +2
                                                                                      А приложение на планшете не позволяет читать Хабр без авторизации. Или я чего-то не нашёл? Но я хочу иметь возможность читать Хабр без авторизации.
                                                                                      • 0
                                                                                        К сожалению, не могу ничего подсказать. Мне оказалось удобнее везде пользоваться RSS (+Readability на телефоне).
                                                                                        • 0
                                                                                          В Android версии уже можно (или скоро можно будет — не помню).
                                                                                      • +3
                                                                                        Хабр теперь почти юнити.
                                                                                      • +5
                                                                                        Да, поиск запрятали далеко, можно сказать убили
                                                                                        • НЛО прилетело и опубликовало эту надпись здесь
                                                                                          • +3
                                                                                            Ну да, два клика с любой страницы. Это ОЧЕНЬ далеко. Представьте себе Гугл, в котором для поиска вам надо сперва кликнуть по лого, а по «поиску» в меню.
                                                                                            • +2
                                                                                              Главный вопрос, почему вместо слова Поиск просто не используется поле для ввода. Ах да, оно же отличается от остальных пунктов… стоп, ну да, у него и смысл другой!
                                                                                        • +2
                                                                                          «колокольчик» можно было и более изящно изобразить, либо заменить метафору… imho
                                                                                          • 0
                                                                                            У гугла стырено. У них тоже колокольчик.
                                                                                            • 0
                                                                                              Точно. Все никак не мог вспомнить, где же я его недавно видел?
                                                                                        • НЛО прилетело и опубликовало эту надпись здесь
                                                                                          • +2
                                                                                            Это меню приложений, а я про гамбургер:

                                                                                            • +3
                                                                                              Гамбургер уже давно обитает на законном месте кнопки меню, например, в тех же Google Chrome и Firefox
                                                                                              • +1
                                                                                                Да, мне его уже показали. Что ж, возможно в вебе он приживётся. Я писал о другом: что некоторые символы, привычные и узнаваемые по одной платформе, не читаются с ходу на другой — просто потому что контекст и окружение меняются.
                                                                                                • –2
                                                                                                  На счёт Firefox вы неправы, кстати. Никаких «габургеров»:

                                                                                                  • +2
                                                                                                    Скрытый текст
                                                                                                    image
                                                                                                    • –4
                                                                                                      Интересно. Может это только в Windows?
                                                                                                      • +31
                                                                                                        Может это только у тех, кто всё-таки обновил Firefox?
                                                                                                        • 0
                                                                                                          А есть другой выход? Багофиксы ведь не будут выпускаться под старые версии вечно, или я чего-то не знаю?
                                                                                                          • 0
                                                                                                            Разумеется. Расширение называется Clasic Theme Restorer (плюс надо в его настройках выбрать желаемое и поредактировать панели). У меня теперь никакого гамбургера нет.
                                                                                                          • 0
                                                                                                            Да, в старой версии его не было. В новой появился:

                                                                                                            image
                                                                                                    • +2
                                                                                                      в моей системе (KDE на Gentoo) вообще ни разу его не видел ни в одном приложении. В том числе, в Fx.
                                                                                                    • +1
                                                                                                      Такая же кнопка в thunderbird есть. Он вползает постепенно всюду. Это как значок share. Сначала тоже все ругались, а теперь все его всюду пихают.
                                                                                                  • –24
                                                                                                    С редизайном Хабра не так то, что вас не спросили.
                                                                                                  • +65
                                                                                                    Кляксу жалко.
                                                                                                    • +2
                                                                                                      Ах да. Писал комментарий ниже, забыл об этом сказать. Старый логотип был очень крут! Очень жаль, что его сейчас нет.
                                                                                                      • +4
                                                                                                        Олдфаги будут помнить!
                                                                                                        • +1
                                                                                                          А когда можно начинать считать себя олдфагом и начать жаловаться детям, мол: «вот раньше было лучше, помню в мои времена были нормальные жирные кляксы, а не эти прилизанные квадратики, которые вы любите, эх, молодёжь...»?
                                                                                                      • +78
                                                                                                        Меня больше смущает почему акцентированная «планшетизация» не коснулась кнопок голосования. Сколько раз уже промахивался пальцем.
                                                                                                        • +14
                                                                                                          Когда коснётся, страшно будет. Один комментарий на полстраницы ради гигантских кнопок.
                                                                                                          • +7
                                                                                                            на самом деле ведь не обязательно высоту увеличивать сильно, можно и в ширину. Сейчас то палец на телефоне попадает на 3 кнопки махом…
                                                                                                            • +19
                                                                                                              Разнести по разным сторонам, как в голосовалке к посту/карме.
                                                                                                          • +2
                                                                                                            И скрытую пожаловаться, в которую я постоянно тыкаю при прокручивании на телефоне
                                                                                                          • +3
                                                                                                            2014 год, а сайт не адаптируется к мобильным телефонам — это плохо.

                                                                                                            Не знаю, что автор имел ввиду под «планшетизацией». На планшетах, наверное, это все тоже неудобное.

                                                                                                            Сверху отступ можно добавить, а над правой колонкой — поле поиска:

                                                                                                            image

                                                                                                            И теперь нет уникального логотипа.

                                                                                                            П.С. Статья ни о чем.
                                                                                                            • +2
                                                                                                              Есть как минимум такая версия — m.habrahabr.ru/
                                                                                                              • +1
                                                                                                                о, наконец-то, хоть кто-то ее использует кроме меня…
                                                                                                                • 0
                                                                                                                  Спасибо за ссылку.
                                                                                                                  Не подскажите, какие посты попадают, а какие не попадают в эту ленту?
                                                                                                                  • 0
                                                                                                                    Насколько я понимаю, эта лента — то, что видят разлогиненные пользователи на главной. Так боюсь, что испортят и его. Сейчас я могу читать Хабр в полевых условиях на самом дохлом телефоне с самым дохлым интернетом благодаря ему.
                                                                                                                    • 0
                                                                                                                      > то, что видят разлогиненные пользователи на главной.
                                                                                                                      да, скорее всего так
                                                                                                                  • +6
                                                                                                                    Извините за оффтоп, но вы не боитесь, что армия вкладок когда-нибудь на вам нападет?
                                                                                                                    • +6
                                                                                                                      image
                                                                                                                      • +2
                                                                                                                        Да, я никак не понимаю каким образом люди ищут вкладку для переключения когда не видно ни заголовки, ни иконки. И почему не используют расширения типа TreeStyle (вертикальные вкладки).
                                                                                                                        • +2
                                                                                                                          А я не понимаю зачем вообще нужно открывать больше десяти вкладок.
                                                                                                                          • +3
                                                                                                                            Чтобы не сохранять закладки и не переоткрывать из них все время.
                                                                                                                            • +3
                                                                                                                              Открытая страница != закладка же. Современные вебстраницы — это почти вебприложения, они в фоне могут много что делать. А потом мы удивляемся прожорливости браузера с 253 открытыми сайтами…
                                                                                                                          • 0
                                                                                                                            Через диспетчер вкладок, поди ))
                                                                                                                            • +1
                                                                                                                              Если развернуть окно, то видны иконки сайтов + Хром при наведении выводит Title страницы.
                                                                                                                            • 0
                                                                                                                              Нет. Их там всего 20-25.

                                                                                                                              На прошлой неделе было 59, но я уже прочитал многое или закинул в Pocket
                                                                                                                              • +1
                                                                                                                                всегда после скрина с таким количеством вкладок начинается холивор по этому поводу… я думаю что многовкладочность — это религия.
                                                                                                                              • +1
                                                                                                                                Глядя на ваши мучения с большим количеством вкладок, хочу спросить, чем не устроила лиса?
                                                                                                                                • 0
                                                                                                                                  Почему все думают, что я мучаюсь? Все ок.:) Это же не Опера 12. И RAM я нарастил до 3*4гб

                                                                                                                                  ФФ я никогда не пользовался. Все советовали Хром как более передовой. К тому же в ФФ всегда можно словить глюки шрифтов при увеличении или прокрутке:

                                                                                                                                  • 0
                                                                                                                                    Лиса — единственный браузер, который позволяет комфортно работать с большим количеством вкладок.
                                                                                                                                    • 0
                                                                                                                                      Странно. Я в Хроме не испытываю неудобств.
                                                                                                                                      • 0
                                                                                                                                        Все познается в сравнении )
                                                                                                                                        • 0
                                                                                                                                          В хроме насколько я знаю нет нормальных расширений для вертикальных вкладок. А в FF есть TreeStyle, и еще Tab Utilities (правда в последней версии он не полностью работает).
                                                                                                                                          • 0
                                                                                                                                            Да FF «из коробки» неплохо с этим справляется.
                                                                                                                                            • 0
                                                                                                                                              Где в FF из коробки вертикальные вкладки? А с обычными везде неудобно после вертикальных.:) Особенно при большом числе вкладок. Например, они либо (в ФФ) занимают много места и надо больше скроллить, сложнее искать, либо (в Хроме) не видно заголовков до наведения, что тоже неудобно.
                                                                                                                                              • 0
                                                                                                                                                Вертикальных нет, но они и не всем нужны. Есть выпадающий список вкладок, чтобы не скролить. Есть группировка вкладок.
                                                                                                                                        • +1
                                                                                                                                          Странно, а я с Оперой не испытываю никаких проблем с большим количеством вкладок.
                                                                                                                                        • +1
                                                                                                                                          Почему все думают, что я мучаюсь? Все ок.:) Это же не Опера 12.
                                                                                                                                          А с Оперой-то что не так? Там, как раз, и площадь вкладки на «пирамидки» не расходуется — при той же ширине вкладки в Хроме видно только «пирамидку», а в Опере видно весь значок. Да и переключение по ПКМ+скролл отлично решает проблему навигации по любым количествам вкладок.
                                                                                                                                          • +1
                                                                                                                                            А что не так с Оперой? И памяти у меня всего 4ГБ и вкладок по-больше, и всё работает.
                                                                                                                                      • +47
                                                                                                                                        Убрали подчёркивание со всех ссылок. На мой взгляд, это очень неудачное решение.
                                                                                                                                        • +2
                                                                                                                                          Небось хотели как на Lenta.ru
                                                                                                                                          • +7
                                                                                                                                            И получилось как на «ленте»: совершенно неочевидно, что кликабельно, а что — нет. Старожилы, конечно, и так знают, куда нажимать, а новичку или случайному посетителю будет первое время некомфортно — особенно на планшетах (под которые, вроде бы, затачивали интерфейс), где нет hover-а.

                                                                                                                                            Черт с ними, с подчеркиваниями — способ индикации ссылок может быть любым. Но он должен быть. Даже если принять серый цвет (который не очень-то различим) за способ индикации — это не работает: например, на правых сайдбарах заголовки («Лучшее», «Вопросы по теме...») внешне выглядят как ссылки, но ими не являются.
                                                                                                                                            • +3
                                                                                                                                              Да на ленте чертовски доставляло то, что все ссылки были красными. Теперь хабр перестал подчеркивать ссылки, эти модные тенденции реально пугают.
                                                                                                                                          • +12
                                                                                                                                            Человеки с нарушенным цветовосприятием негодуют и размахивают таблицами Рабкина…
                                                                                                                                            • +1
                                                                                                                                              Я думаю, что это текущий тренд современности. Многие поисковые машины (гугл — точно, вроде и бинг) экспериментируют с этим, например.
                                                                                                                                              Почитать же Лебедева — он это говорил в другое время, другую эпоху.
                                                                                                                                              Раньше ссылки было логично подчёркивать, сейчас же — перегружает визуальный ряд.
                                                                                                                                              • +2
                                                                                                                                                Не ради холивара ради вопрос — мне правда интересно. А почему сейчас ссылки не логично подчёркивать? Ну, положим, на той же ленте.ру можно хоть как-то оправдать это, так как на главной там 90% текста — ссылки. В общем случае мне кажется, что ссылки надо подчёркивать, а текст, который не является ссылкой подчёркивать нельзя, так как сразу очевидно где ссылка, а где нет. Тем более с распространением мобильных устройств — на компьютере можно хотя бы навести курсор и он поменяется, а на том же планшете остаётся только гадать.
                                                                                                                                                • 0
                                                                                                                                                  Я не знаю, как объяснят это вам дизайнеры (сам программист, поэтому можете не рассматривать моё мнение в качестве компетентного), но я лично вижу две причины этого тренда.

                                                                                                                                                  Причина первая — интерейсы усложняются, поэтому дизайнеры всячески пытаются в противовес их облегчить визуально. Видели эту классическую картинку — о том, что у эппл и гугла простые интерфейсы?
                                                                                                                                                  image
                                                                                                                                                  Так вот — у того же гугла очень, очень сложные приложения, очень мног информации, очень сильно перегружается интерфейс. Их дизайнеры прикладывают титанические усилия, чтобы компенсировать это облегчением дизайна — и пока худо-бедно им это удаётся (по крайней мере, стёбных картинок «этот простой интерфейс — гугл 2000, а этот сложный — гугл 2014» не появлялось — рубеж не перейдён)
                                                                                                                                                  Интерфейс реально усложняется и в первую очередь увеличивается число элементов, по которым можно кликнуть — и это уже давно не кнопки (занимают очень много места), это уже давно ссылки.
                                                                                                                                                  Скажите, что легче выглядит — вся страница состоит из 150 подчёркнутых ссылок или вся страница состоит из 150 НЕподчёркнутых ссылок? Как по мне — ответ очевиден.
                                                                                                                                                  Обратите внимание: отказываются от подчёркивания ссылок именно сайты, которые реально на странице выдают горы ссылок — именно им это важно как воздух (та же лента.ру, вы правильно понимаете тренд), а уже во вторую очередь копируют все кому не лень, кто тупо следует за модой, кто не понимает что и зачем делают крупные игроки.

                                                                                                                                                  Причина вторая. Выросло достаточно много поколений десктопных пользователей, которые уже знают, что такое ссылка — и уже все давно ПРИВЫКЛИ, что можно на странице попробовать кликнуть всё-что захочешь. Навёл на синий текст, ага курсор поменялся — значит, можно кликать.
                                                                                                                                                  И сейчас постепенно крупные игроки вводят эту новую модель, приучают пользователей к новой парадигме. Причём вводят не первыми — раньше SEO практики любили понапхать на страницу кучу переоптимизированных ссылок — а чтобы текст читался пользователями лучше — сделать их НЕОТЛИЧИМЫМИ от основного текста (болд и стронг тоже прятали так за css стилями)

                                                                                                                                                  Вот лично такое у меня мнение сложилось. Вообще, мне самому вопрос интересен, если бы кто из разбирающихся людей подготовил бы целую статью на хабре — только поприветствовал бы.
                                                                                                                                            • +55
                                                                                                                                              Мои 5 копеек. Редизайн, мягко говоря, ужасен — все даже хуже, чем на Тостере.

                                                                                                                                              1) Планшетизация — ужасно. Честно. Responsive дизайн придумали именно для этих целей. Показывать мобильному юзеру десктопную версию сайта — это плохо. Показывать десктопному юзеру мобильную версию сайта — тоже плохо. Когда ж до людей дойдет эта простая истина!

                                                                                                                                              2) Пиктограммы абсолютно неочевидные.

                                                                                                                                              Вердикт: если дизайнерам и верстальщикам нечем больше заняться и работы у них нет — то может не мучить людей и просто их отправить в отпуск?..
                                                                                                                                              • 0
                                                                                                                                                >>>Показывать мобильному юзеру десктопную версию сайта — это плохо.

                                                                                                                                                Почему-то многие путают это с идеей «Показывать мобильному юзеру полный функционал сайта — это плохо.»
                                                                                                                                                В результате получаются всякие мерзости типа мобильных Яндекс.Картинок и Яндекс.Маркета.
                                                                                                                                                • 0
                                                                                                                                                  >Показывать мобильному юзеру десктопную версию сайта — это плохо
                                                                                                                                                  Владельцы 10" планшетов и смартфонов с FullHD смотрят с недоумением.
                                                                                                                                                  • 0
                                                                                                                                                    Только те из них, кто обладает орлиным взглядом. Не в высоте шрифта в пикселях дело. У меня 17" FullHD и то многие вещи выглядят мелко. Плюс взаимодействие мышью и пальцем — разные вещи.
                                                                                                                                                • +10
                                                                                                                                                  Во-первых, мне не понравилась «прижатость к краям». Имхо, нужно увеличить отступы.

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

                                                                                                                                                  В-третьих, как уже сказали — карандашик!

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

                                                                                                                                                  В-пятых, я боюсь кликать по пунктам меню!!! Я думаю, что меня перебросит на новую страницу и все потеряется!

                                                                                                                                                  Что понравилось, так это кнопка «Наверх».
                                                                                                                                                  • +67
                                                                                                                                                    Ад перфекциониста:


                                                                                                                                                  • +39
                                                                                                                                                    Вот чего не хватает(извиняюсь за paint):
                                                                                                                                                    image
                                                                                                                                                    • +10
                                                                                                                                                      Это всё равно один лишний клик. Я бы вообще сделал полосу поиска в шапке, шириной во всю страницу.
                                                                                                                                                      • +2
                                                                                                                                                        Можно сделать первым в правой колонке, она все равно криво сверстана — с лишним отступом (на главной лучше всего видно)
                                                                                                                                                        • 0
                                                                                                                                                          Узкая для поиска слишком.