18 June

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

GitHubDesign


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

Tags:githubredesignbetaредизайнalexandrtovmachбета-тестирование
Hubs: GitHub Design
+18
9.4k 3
Comments 25
Popular right now
Art Director/Head of Design Department
from 240,000 ₽Direct Line DevelopmentМосква
Teamlead React developer
from 180,000 to 210,000 ₽Самозанятые.рфМосква
Senior UI Angular Developer
from 3,600 to 4,300 $AWWCOR Inc.Remote job