Лучшие практики проектирования приложений

x:::(Info)
Before diving into design best practices, узнайте, как user research{target=_blank} это основа успешного проектирования приложений, позволяющая создавать наиболее эффективные приложения для вашей деятельности и обеспечивающая максимальную отдачу от ваших временных инвестиций.

В этой статье речь идет о двух приложениях библиотеки Tulip: App Design Templates{target=_blank} и App Design Best Practices{target=_blank}.
:::

Хороший дизайн зависит от контекста, то есть решения принимаются с учетом конкретных потребностей вашей отрасли, операторов и процесса, и будут меняться в зависимости от целей и функций каждого приложения и этапа. Лучшие практики для Life Sciences{target=_blank} приложений будут отличаться от лучших практик в общем производственном дизайне.

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

Чтобы начать работу, ознакомьтесь с нашими шаблонами дизайна в разделе Tulip Library{target=_blank} и используйте следующие лучшие практики, которые помогут вам настроить эти шаблоны для создания интуитивно понятных и удобных приложений.

{width="500" height="315"}

Стандартизируйте шаблоны приложений

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

Для начала можно воспользоваться следующими Tulip Library templates{target=_blank} для начала.

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

Размер шрифта должен быть одинаковым и удобным для восприятия человеком. Подберите размер шрифта в соответствии с разрешением Interface (устройства отображения).

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

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

Создайте библиотеку компонентов

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

• базовые макеты приложений (например, планшетные и мобильные)
• Макеты шагов (например, выравнивание контейнеров и панелей)
• Верхняя и нижняя панели навигации
• Панели меню
• Экраны маршрутизации или терминалы
• Приборные панели
• Формы (например, формы событий или дефектов)
• Контрольные списки
• Записи измерений
• Общая информация, расположенная рядом (например, интерактивная таблица часто отображается рядом с записями встроенной таблицы)

Пример двухпанельного экрана, позволяющего пользователям просматривать данные в таблице и редактировать поля с помощью формы

Пример двухпанельного экрана, в котором основная информация вводится в самой левой панели

Пример модального шага, который привлекает все внимание пользователя к поставленной задаче

Пример приборной панели для отображения аналитических данных

Следуйте лучшим практикам дизайна

Узнайте о передовом опыте проектирования приложений из руководства библиотеки Tulip App Design Best Practices{target=_blank} руководство. Ознакомьтесь с советами по выбору цвета, текста и виджетов, чтобы повысить привлекательность вашего приложения и улучшить пользовательский опыт.

Цвет

Текст

Виджет