Зачем дизайнить�интерфейсы в 1С?

Элементы UX-дизайна в бизнес-приложении

Ганиев С. Хабаровск 2020

Хорошее ПО экономит ресурсы

Умственные

Как решить задачу?

На какую кнопку нажать?

Что ввести в окошко?

Как применить результат, полученный от формы?

Физические

Набрать что-то на клавиатуре

Подвести мышку

Выполнить щелчок, двойной щелчок

Временные

Дождаться, когда программа посчитает и выдаст результат

Не популярно для 1С говорить про дизайн

• Платформа всё делает за нас
• Не документируется
• Функционал важнее

• Что и когда использовать?
• Есть вакансия дизайнера интерфейса

НО

UX-дизайн

• Правила удобства
• Может измениться
• Магия – в удобстве

Как мы принимаем решение

Цель

1

Поставить подпись в документе

Планирование

Найти ручку

Положить документ на ровную поверхность

Вспомнить свою роспись

Уточнение плана

Снять с ручки колпачок

Расписать

Убедиться, что документ открыт на нужной странице

Найти графу для подписи

Исполнение

Расписываемся

3

2

4

Преимущества удобного интерфейса

• Пользователь выберет удобство при прочих равных
• Быстрее решается задача, для которой используется ПО
• Меньше времени на принятие решений и отвлечение коллег

Как сделать форму удобной?

Муки выбора

• Помоги пользователю сделать выбор
• Сделай выбор за него
• Предположи, что он выберет
• Не дай сделать неправильный выбор

Правильный элемент выбора

Кнопка vs гиперссылка

• Действие производится непосредственно в форме

• Пользователь будет перемещён, действия продолжатся в другой форме

Иерархия отступов

Создать свои�штатными средствами…

Виджет

Слайдер

Индикаторы групп отбора

… или разработать новые

HTML + CSS + JS = «Красинт»

Спасибо за внимание!

@OneSCast