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

nseld-agoqrsva7wtzs_7grwwfi.png

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


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

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

bsvfar9wcomiqaqbwtnlhg-am5c.png

Включаем интересующие обновления:

design beta enable


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

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


Страница Issue

issue new


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

issue old


Страница Pull Request

pull request new


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

pull request old

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


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

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


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


Репозиторий

Самое радикальное обновление как с позиции UI, так и UX досталось главной странице репозитория:

repo new


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

repo old

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


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

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

© Habrahabr.ru