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

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

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

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

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

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

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

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

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