Posts

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

Список слов, которые нужно использовать в общении с пользователями — в интерфейсе, в новостях и в разговоре с клиентами.
guides.kontur.ru

У нас новый гайд — по Сайдпэйджу. Это аналог лайтбокса. Мы его используем, когда нужно сохранить контекст и показать большое количество данных. Отличается от лайтбокса еще тем, что занимает всю высоту окна браузера и располагается у правого края экрана.

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

https://guides.kontur.ru/components/sidepage/

Модальное окно, которое открывается поверх основной страницы и занимает всю высоту окна браузера
guides.kontur.ru
Reviews
5.0
1 Review
Tell people what you think
Posts

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

Однострочное поле для ввода пароля, в котором символы заменяются на точки
guides.kontur.ru

Опубликовали гайд по цвету в интерфейсах Контура: https://guides.kontur.ru/principles/color/

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

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

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

See More
Правила использования цвета в интерфейсах Контура. Рабочие цвета для вывода и структурирования информации, смысловые и фирменные цвета, палитра.
guides.kontur.ru

Немного обновили гайд постраничной навигации. В нем появились пункты про обратный пейджинг и добавление новых записей. Если коротко — обратный пейджинг это плохо, и новые записи или строки не должны появляться и влиять на пейджинг при переходе по страницам: https://guides.kontur.ru/components/paging/#10

Способ представления большого количества однородной информации, когда контент разбивается на страницы
guides.kontur.ru

Мы адаптировали сложный и интересный гайд про автокомплит для отображения на смартфонах. https://guides.kontur.ru/controls/autocomplete/
Около 10 процентов наших пользователей смотрят гайды с мобильных платформ, но контент не всех страниц легко адаптировать для мобильных. Одним из таких был гайд про автокомплит. Теперь он переверстан, и его можно читать с телефона.

Контур.Гайды — это первоисточник требований к дизайну интерфейсов СКБ Контур
guides.kontur.ru

В Контур.Гайдах обновился гайд по валидации.Мы не просто обновили несколько строк или абзацев, мы переписали его полностью: https://guides.kontur.ru/principles/validation/

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

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

В этой версии мы рассмотрели валидацию зависимых полей, упростили сложное поведение тултипов, рассмотрели по шагам пример валидации небольшой формы.

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

Это не последняя версия, он будет дополняться и уточнятся, как и все гайды.

See More
Валидация — это проверка значений, указанных пользователем, и отображение найденных ошибок
guides.kontur.ru

Страница интерфейсных иконок адаптируется под разные размеры экрана, и её контент выровнен по центру, так же как и на всех остальных страницах Гайдов: https://guides.kontur.ru/resources/icons/

А еще наши новости можно читать тут:
Канал в Телеграм — https://t.me/KonturGuides
Твиттер — https://twitter.com/KonturGuides
ВК — https://vk.com/KonturGuides
Инстаграм — https://www.instagram.com/konturguides/

...

Подписывайтесь, следите за обновлениями, узнавайте интересные факты, читайте небольшие обзоры и интервью с дизайнерами Контура!

See More

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

Копирование иконок в буфер обмена — на странице интерфейсных иконок символ иконки копируется в буфер обмена сразу при клике на нее. Попробуйте! https://guides.kontur.ru/resources/icons/

Молния! 🌩
Появились метки у некоторых разделов на главной https://guides.kontur.ru. Их задача — привлекать внимание к некоторым страницам, которые нужно срочно прочитать! Это обновленные, новые или просто интересные страницы.
Например, за это время сильно обновился календарь, который теперь называется Поле с датой: https://guides.kontur.ru/controls/calendar/ и появились новые гайды: Пейджинг https://guides.kontur.ru/components/paging/ и Бесконечный скролл https://guides.kontur.ru/components/endlesscroll/.

Изначально Контур.Гайды задумывались как ресурс для использования внутри Контура, но в конце прошлого года мы открыли Контур.Гайды для всех. По задумке полезный ресурс должен продвигать Контур в профессиональной среде. Посещаемость Гайдов постепенно растет. Периодически про нас пишет какой-нибудь популярный блог и тогда случается «взрыв» посещений. Но если отбросить пики, ежедневная аудитория на текущий момент составляет порядка 300 человек в день.

Наибольший интерес у посети...телей вызывают не описания отдельных контролов, а более сложные и «аналитические» документы. Например, многие ставят ссылку на наш стандарт по валидации. Это большой, сложный гайд, который сам Контур еще не воплотил в жизнь до конца

TOP-5 материалов по популярности за всё время:
1. Валидация форм https://guides.kontur.ru/principles/validation/
2. Проектировщик интерфейсов https://guides.kontur.ru/principles/uidesigner/
3. Редполитика https://guides.kontur.ru/text/texts/
4. Типографика https://guides.kontur.ru/text/typography/
5. Автокомплит https://guides.kontur.ru/controls/autocomplete/

See More

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

Теперь на каждой странице под заголовком стоит дата последнего обновления гайда. Эта дата генерируется автоматически. Некоторые страницы мы постоянно вычитываем, уточняем и улучшаем. https://guides.kontur.ru/text/texts/

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

Меню навигации по гайду
Появилось меню/оглавление внутри гайда для быстрого перехода к нужной части. Можно скопировать и передать ссылку на определенный подзаголовок: g.kontur.ru/principles/uidesigner/#Prototip