Добавить в корзинуПозвонить
Найти в Дзене

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

При разработке 1С:Бухгалтерии мы очень внимательно относимся к проектированию интерфейса. Продумываем его еще до того, как написана первая строчка кода, потому что важно заранее понять как все будет выглядеть для пользователя. Инструментов для проектирования много - как платных, так и бесплатных: Figma, UXPin, Penpot, Mockups или MakerStudio Мы исторически используем Mockplus. В нем можно быстро собрать форму из готовых элементов и описать простую логику. Например, нажали на кнопку Создать - открылась новая форма, нажали на кнопку Закрыть - форма закрылась. Пример такого интерфейса на картинке. Чем такой подход полезен: 1. Ранее выявление проблем. Можно заметить неудобные или непонятные места в логике или навигации еще до того, как написан код 2. Снижение стоимости изменений. Исправить макет обычно дешевле и быстрее, чем переделывать готовую реализацию 3. Быстрая проверка идей. Можно сравнить несколько вариантов интерфейса, выбрать лучший или объединить удачные решения в одно 4.

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

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

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

Figma, UXPin, Penpot, Mockups или MakerStudio

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

Чем такой подход полезен:

1. Ранее выявление проблем.

Можно заметить неудобные или непонятные места в логике или навигации еще до того, как написан код

2. Снижение стоимости изменений.

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

3. Быстрая проверка идей.

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

4. Прояснение требований.

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

5. Его не жалко выбросить.

На создание такой формы вместе с логикой ушло пару минут