Техническое задание: Разработка дизайн-проекта и прототипа банковского приложения

1. Проектирование и дизайн (Figma)

Основные этапы:

• Разработка логотипа: Создание уникального и запоминающегося логотипа для банковского приложения.
• Создание дизайн-системы:
  • Определение основной цветовой палитры (4-5 цветов).
  • Подбор и систематизация шрифтов.
  • Разработка набора компонентов: 4 типа кнопок и 4 варианта информационных блоков.
• Проектирование интерфейса:
  • Создание каркасов (wireframes) для 5 основных экранов: вход, главная, перевод средств, история операций, профиль.
  • Доработка каркасов до готовых, детализированных макетов (mockups) с полным визуальным оформлением и контентом.
• Прототипирование: Создание интерактивного прототипа на основе макетов с анимированными переходами между 3 ключевыми экранами.
• Диаграмма активности: Подготовка диаграммы активности для сценария "Быстрый перевод средств".

2. Тестирование и работа с сетью

Развертывание и настройка:

• Размещение готового интерактивного прототипа (экспортированный HTML или ссылка из Figma) на веб-сервере внутри виртуальной машины Windows.
• Настройка сетевых параметров ВМ: статический IP-адрес, шлюз, DNS для обеспечения доступа к прототипу с основной машины.

Комплексное тестирование:

• Функциональное тестирование:
  • Позитивные и негативные сценарии.
  • Проверка кликабельных зон прототипа.
  • Валидация корректности переходов между экранами.
  • Обработка некорректных действий пользователя.
• Юзабилити-тестирование: Оценка удобства интерфейса по 5 ключевым критериям на основе общепринятых эвристик.
• Сетевое тестирование:
  • Проверка доступности прототипа при различных настройках сети виртуальной машины.
  • Эмуляция сценариев потери соединения.

Документирование:

• Создание digital-диаграммы, наглядно отображающей процесс взаимодействия пользователя с интерфейсом.