Проектирование интерфейса

При разработке 1С:Бухгалтерии мы очень внимательно относимся к проектированию интерфейса. Продумываем его еще до того, как написана первая строчка кода, потому что важно заранее понять как все будет выглядеть для пользователя.

Инструментов для проектирования много - как платных, так и бесплатных:
Figma, UXPin, Penpot, Mockups или MakerStudio

Мы исторически используем Mockplus. В нем можно быстро собрать форму из готовых элементов и описать простую логику. Например, нажали на кнопку Создать - открылась новая форма, нажали на кнопку Закрыть - форма закрылась. Пример такого интерфейса на картинке.

Чем такой подход полезен:
1. Ранее выявление проблем.
Можно заметить неудобные или непонятные места в логике или навигации еще до того, как написан код

2. Снижение стоимости изменений.
Исправить макет обычно дешевле и быстрее, чем переделывать готовую реализацию

3. Быстрая проверка идей.
Можно сравнить несколько вариантов интерфейса, выбрать лучший или объединить удачные решения в одно

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

5. Его не жалко выбросить.
На создание такой формы вместе с логикой ушло пару минут