Началось beta-тестирование нового дизайна GitHub


    GitHub предоставил возможность посмотреть на новый дизайн в раннем доступе.
    Скриншоты ДО/ПОСЛЕ под катом.


    Как включить beta-тестирование?


    Если сразу хочется посмотреть и пощупать новый дизайн, то кликаем на иконку пользователя в верхнем правом углу и выбираем "Feature preview":



    Включаем интересующие обновления из списка, кнопкой "Enable":


    design beta enable


    Общие улучшения


    Включив "Design updates" можно посмотреть на глобальные обновления стилей. Сюда входят кнопки, отступы, иконки и цвета.


    Страница Issue


    issue new


    Как было раньше?

    issue old


    Страница Pull Request


    pull request new


    Как было раньше?

    pull request old


    Видно что GitHub следует тенденциям:


    • добавление скруглений
    • отказ от объемности
    • утонченность шрифтов и иконок

    Эти изменения повлияли на a11y в лучшую сторону, но нужно ещё тестировать. Переработанная система отступов и размеров выглядит удобно. Потеря белого пространства не сильно ощутима.


    Моё мнение
    Выглядит интересно, но без эффекта "вау, как круто сделали". Добротный рефактор и актуализация дизайна, не более. Если бы мне показали кусок дизайна Twitter/Instagram я бы скорее всего определил кто есть кто, а вот GitHub выглядит как множество других сайтов.

    Репозиторий


    Включив "Repository refresh" мы получим переработанную главную страницу репозитория. Ей досталось самое радикальные обновления как по UI, так и по UX:


    repo new


    Как было раньше?

    repo old


    Теперь вся meta-информация вынесена в правую сторону, за счет чего увеличена функциональная область для файлового дерева по вертикали. Расширен главный контейнер и убрано белое пространство по бокам.


    Моё мнение
    Главная страница репотзитория по-факту является "landing page" и должна завлекать. Раньше основную часть занимал блок с файлами, который не особо важен при первом знакомстве с проектом. Теперь же, акцент смещен на описание, ссылки на сайт и README, название последнего релиза и т.д., что как раз является "продающей" и более интересной информацией. В качестве довода — при первом открытии репозитория вы ведь сразу скроллите к README, пропуская секцию с файлами, не так ли? В новой версии всё остается так-же, но курс определен. Думаю через пару итераций GitHub свернет блок с файлами по умолчанию, чтобы сразу показывать README. Запомните этот твит!

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

    Реклама
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее

    Комментарии 25

      +3

      Как по мне, Labels лучше списком на отдельных строках, чем сплошняком, по-родному. И правильно ли я понимаю, что информацию о языках убрали? Считаю это минусом.

        +2
        И правильно ли я понимаю, что информацию о языках убрали?

        Нет, перенесли в правый блок в самый низ

          +2
          ИМХО информация о языках была «фишкой дизайна», а теперь это дето внизу, причем подача какаято корявая.
            0

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

        0

        Дате угадаю: больше точно-точно ни одного расистского намека в дизайне и текстах (словно бы они раньше там были)?


        Даже страдательный залог, наверно, из текстов исключен. На случай.

          +9

          Т.е. темной темы не будет?
          =)

            +2
            Пока люди, которые никогда не были рабами, требуют извинения у людей, которые никогда не были рабовладельцами, про черную тему можно забыть, да. И в этой вашей винде тоже, и в MacOS-и, и в iOS-ах с Android-ами!

            Тут, правда, два варианта: либо темы, либо переименовать их в «сумеречные», или ещё в какие, политически нейтральные.

            P.S. Вы это, смайлик узкоглазый используете, а это тоже неверно.
              +1
              «Сумеречные» ущемят права всех не-Иных.
                0

                Да сделать как в телеге, ночную, вроде никого не оскорбит

            +5
            Было бы еще неплохо, если бы они файлы выделяли иконками как в GitLab.

            image

            Фидбэк отправил, но примут ли.
              0
              Не помню, было ли так раньше или нет, но кнопка добавления иконки статуса как-то через раз отрабатывает. При первом открытии окна — при клике на кнопку ничего не происходит, если что-то ввести в поле, закрыть и снова открыть, а затем кликнуть на кнопку — открывается набор эмоджи.
                +2
                нужно было треугольные аватарки сделать, это еще круче.
                0

                Из-за увеличения ширины в issues строки стали слишком длинными (до 140 символов влезает теперь), стало труднее читать


                Эти изменения повлияли на a11y в лучшую сторону

                Лично мне так не кажется, например. С моей точки зрения просто ничего существенного не изменилось (кроме вышеупомянутой ширины)

                  +1

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

                    0

                    Вставки сорцов — это да, однако в тех же issues это обычно редкость

                  +1
                  Всё хорошо, но опять эти омерзительные скругления, да доколе!
                    0
                    Думаю через пару итераций GitHub свернет блок с файлами по умолчанию,

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


                    Если GH захочет делать именно showcase, то лучше его отделить за какой-нибудь отдельный режим. Если свернёт файлы для всех реп, то будет больно. Если закроет код у чужих реп, и надо будет просто открывать чтобы посмотреть docs/, будет не оч всё равно.

                      0

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

                      0

                      Что-то как-то не очень теперь в разрешении 2k+


                      Скрытый текст

                      image

                        0

                        Можно скриншот как было до?

                          +1
                          Заголовок спойлера

                          image

                            0

                            Новый получше смотрится, файловое дерево влезло полностью + мета информация о проекте добавилась, а старый вариант не использует 2/3 пространства

                              0

                              Центральная область норм, но табы для меня — это всё-таки часть центральной области.
                              Но теперь они где-то слева отделены от центральной области. На больших мониторах это очень очень не удобно. Мне приходится мотать головой по экрану чтобы переключиться между issue, code или на actions. Это очень раздражает.


                              И справедливости ради, они используют лишние 300 пикселей. Из 2.5к это старые 2/5 против новых 1/2 экрана.

                        0
                        По мне, так новый дизайн убогий.
                        — добавленный сайд-бар абсолютно лишнее нововедение; в моем случае там 0 полезной информации, а занимает он значимую часть экрана
                        — все эти закругления, зачем?
                        — вырвиглазно голубые папки, зачем?
                        — непривычное расположение элементов, минут 5ть искал где вкладка `commits`
                        — навигация в топе при полном развертывании экрана улетает куда-то влево…

                        Как мне кажется, старый дизайн был минималистичным и функциональным. Даже может быть идеальным.

                        Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                        Самое читаемое