Контур.Гайды
275 members
1 photo
28 links
Новости и обновления Контур.Гайдов — требований к дизайну интерфейсов СКБ Контур. Ведущий @dzekh
Download Telegram
to view and join the conversation
Немного обновили гайд постраничной навигации. В нем появились пункты про обратный пейджинг и добавление новых записей. Если коротко — обратный пейджинг это плохо, и новые записи или строки не должны появляться и влиять на пейджинг при переходе по страницам: https://guides.kontur.ru/components/paging/#10
Опубликовали гайд по цвету в интерфейсах Контура: https://guides.kontur.ru/principles/color/

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

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

В планах расширить гайд, добавив в него варианты использования других цветов, кроме серых, фирменных и смысловых.
Обновили гайд поля с паролем. Кратко, что изменилось:
— Два варианта поля для разных сценариев: ввод пароля на странице авторизации, и смена или установка пароля в личном кабинете.
— Пароль становится видимым только при клике и удержании левой кнопки мыши на иконке.
— Добавили разделы про фокус, работу с клавиатурой, размер и расположение
https://guides.kontur.ru/controls/password/
У нас новый гайд — по Сайдпэйджу. Это аналог лайтбокса. Мы его используем, когда нужно сохранить контекст и показать большое количество данных. Отличается от лайтбокса еще тем, что занимает всю высоту окна браузера и располагается у правого края экрана.

Сайжпейдж уже прижился в интефейсах Контура. В нем удобно показывать подробности по элементу списка.

https://guides.kontur.ru/components/sidepage/
В предновогодней суете забыли рассказать о том, что в Контур.Гайдах появился Глоссарий. Наверстываем в Новом 2018. Глоссарий — это список слов, которые мы используем в общении с пользователями — в интерфейсе, в новостях и в разговоре с клиентами. https://guides.kontur.ru/principles/glossary/
Наши юзабилисты подготовили Гайд о принципах пользовательских исследований в Контуре. Его цель – согласовать ожидания заказчиков и возможности исследователей. Описали методы исследований для разных этапов разработки, принципы постановки задачи и правила для участников исследований.

https://guides.kontur.ru/principles/usabilityresearch/
Недавно обновили раздел «Ресурсы», где собраны все исходные материалы для дизайнеров Контура. В нем появилось описание библиотеки для Скетча, которую мы готовим для того чтоб выложить в открытый доступ. Следите за новостями! https://guides.kontur.ru/resources/library/
Новости Контур.Гайдов
Кроме этого канала в Телеграм, про обновления Гайдов мы пишем в Твиттер, Фейсбук и в Контакте. Эти каналы немного удобней тем, что там легко оставить комментарий или задать вопрос. Ну и их пока не планируют блокировать.
Есть еще аккаунт в Инстаграм, но там не так официально. Подписывайтесь, чтоб оставаться на связи. 😉
​​Дизайнерские выходные на Урале — мы позвали к себе в гости в Екатеринбург земляка из Челябинска. 29 апреля, в воскресенье, в нашем офисе разработки выступит Илья Бирман, дизайнер и арт‑директор бюро Артёма Горбунова. Илья расскажет, как делать полезные сайты. Приходите, будем рады: https://eventskbkontur.timepad.ru/event/703592/
Рассказали на Медиуме, как устроена наша библиотека компонентов в Sketch и предлагаем вам воспользоваться нашим опытом. В конце этой статьи — ссылка на библиотеку, выложенную в общий доступ. Её можно скачать и кастомизировать под свой дизайн.
​​Классно, когда дизайнеры собираются, показывают крутые штуки, делятся опытом и задают друг другу вопросы. Грустно, что таких встреч в Екатеринбурге немного.
Мы решили это исправить и организовали митап для дизайнеров. Тема первого — «Дизайн продуктов». Надеемся, что эти встречи станут полезными, уютными и регулярными.
Когда
26 мая, суббота
Продолжительность
15:30 – 16:00 — сбор гостей
16:00 – 19:00 — выступление спикеров
Где встречаемся
В офисе Контура на Малопрудной, 5
Участие бесплатное, но нужно зарегистрироваться, чтобы организаторы подготовили чай, кофе и печеньки для всех гостей.
Зарегистрироваться
Новый гайд — поле с токенами. Оно похоже на комбобокс, но используется в случаях, когда нужно указать сразу много однородных элементов — токенов. Пока только гайд, без реализации в библиотеке React UI. https://guides.kontur.ru/controls/token/
Описали, что нужно учесть при создании страниц ошибок: 400-х, 500-х или заглушек, на момент обновления или профилактических работ. https://guides.kontur.ru/components/errorpages/
Опубликовали гайд о письмах и рассылках, которые отправляют сервисы Контура. Гайд содержит правила, по которым мы создаем письма для массовых маркетинговых рассылок и единичных уведомлений: оформление шапки, подвала, области контента и типографику.
https://guides.kontur.ru/components/letters/
​​Привет! Давно не было новостей про гайды, не было большого повода или какого-то нового гайда, но тем не менее есть много мелких новостей, о которых мы расскажем позже.

А главная новость на сегодня — Design Update возвращается 😉

Встречаемся в субботу 2 марта в офисе Контура на Малопрудной 5. В гости ждем спикеров из Beavers Brothers, Контура и JetStyle.

Поговорим о найме дизайнеров в разных компаниях. Зачем нужны тестовые и можно ли обойтись без них? Почему нельзя обойтись портфолио и на что смотрят на собеседованиях?

В конце проведем батл. Два дизайнера получат задание и будут выполнять его на больших экранах перед зрителями. Победителем станет тот, чья работа больше понравится залу.

Design Update закончим пиццей и новыми знакомствами.

Про спикеров и темы их выступлений еще напишем в канале — https://t.me/designupd

Регистрация уже идет — https://is.gd/w94AsD

Design Update — это митап дизайнеров в Екатеринбурге который проходит раз в квартал.
Мы обновили структуру Контур.Гайдов и переделали главную страницу https://guides.kontur.ru. Много небольших изменений и уточнений внутри — обновили тексты комбобокса, пейджинга, тултипа и лайтбокса. Теперь во всех компонентах есть примеры из библиотеки React UI https://tech.skbkontur.ru/react-ui/
Обновление в гайде проектировщика — ссылка на таблицу, описывающую модель компетенций. То, как мы видим развитие проектировщика в Контуре, и где проводим границы между джуном, мидлом и сеньором https://guides.kontur.ru/principles/uidesigner/#03
Иногда в шутку спрашивают — «А есть ли у вас гайд как писать гайды?» Отвечаем: есть, и теперь он публичный. Там много интересного, почитайте:
Опубликовали новый гайд — по фильтрам, которые можно встраивать в шапку таблицы. Это удобно для сортировки и фильтрации списков, где данные разделены по колонкам. https://guides.kontur.ru/principles/filters/
У нас два новых гайда: «Модуль и сетка» https://guides.kontur.ru/principles/grid/ и «Отступы и выравнивание» https://guides.kontur.ru/principles/indents/

Базовой размерной единицей для интерфейсов Контура стал модуль в 8 пикселей. На его основе мы строим типографику, контролы и иконки, выбираем отступы между элементами.

До этого у Контура не было единой сетки. Продукты Контура и Гайды будут поэтапно переходить на восьмипиксельный модуль, этот процесс займет какое-то время.

В первую очередь мы начинаем применять этот модуль в отступах — https://guides.kontur.ru/principles/indents/
В скором времени в соответствии с модулем обновятся наши библиотеки компонентов и типографика.