Началось 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. Они не умеют читать мысли, и без обратной связи никогда не смогут сделать дизайн удобным именно для вас.


ссылка на оригинал статьи https://habr.com/ru/articles/507154/


Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *