|
Описание: |
<h2>Техническое задани</h2><h2>Общее описание проекта</h2><p>Требуется разработка дизайна интерфейса для веб-приложения по подготовке к экзамену IELTS. Приложение должно быть интуитивным, современным и мотивирующим, с акцентом на главную страницу и профиль пользователя. Дизайн должен вдохновляться платформой Duolingo, но быть уникальным и адаптированным под тематику IELTS.</p><p><b>1. Цели и задачи</b></p><p>- <b>Цель</b>: Создать привлекательный и функциональный дизайн интерфейса для веб-приложения.</p><p>- <b>Задачи</b>:</p><p> - Разработать дизайн главной страницы и профиля пользователя.</p><p> - Обеспечить интуитивный и мотивирующий UX/UI с элементами геймификации.</p><p> - Подготовить адаптивные макеты для десктопных и мобильных устройств.</p><p><b>2. Функциональные требования</b></p><p><i>2.1. Главная страница (Main Page)</i></p><ul><li><p>Отображается после авторизации.</p></li><li><p>Содержит:</p><ul><li><p>Кнопка «Пройти ежедневные задания» (для коротких упражнений).</p></li><li><p>Виджет «Основной прогресс» (графики/прогресс-бары, показывающие уровень подготовки).</p></li><li><p>Персонализированные рекомендации (например, «Улучшите Speaking с помощью упражнений»).</p></li><li><p>Дополнительно: мотивационные цитаты, статистика активности, быстрый доступ к тестам.</p></li></ul></li><li><p>Требования к дизайну:</p><ul><li><p>Современный, минималистичный стиль.</p></li><li><p>Акцент на визуализацию прогресса (графики, диаграммы).</p></li><li><p>Использование пастельных цветов. </p></li></ul></li></ul><p><i>2.2. Профиль (Profile)</i></p><ul><li><p>Содержит:</p><ul><li><p>Данные об оплате (подписка, история платежей).</p></li><li><p>История тестов (даты, результаты, статистика по модулям).</p></li><li><p>Достижения (значки за задания, тесты, цели).</p></li><li><p>Цели пользователя (майлстоуны) с прогрессом.</p></li></ul></li><li><p>Требования к дизайну:</p><ul><li><p>Привлекательный интерфейс с элементами геймификации (значки, награды).</p></li><li><p>Четкая структура для удобного доступа к данным.</p></li><li><p>Визуализация прогресса и целей (графики, прогресс-бары).</p></li></ul></li></ul><p><i>3.3. Сдача тестов (Test Taking)</i></p><ul><li><p>Содержит два варианта выбора:</p><ol><li><p><b>Полный тест</b>: Имитация полноценного IELTS-теста (все модули: Reading, Writing, Listening, Speaking).</p></li><li><p><b>Отдельный модуль</b>: Выбор одного из четырех модулей (Reading, Writing, Listening, Speaking).</p></li></ol></li><li><p>После выбора модуля отображается страница теста. Если модуль в разработке, показывается уведомление «Страница в разработке» с кнопкой возврата в меню.</p></li><li><p>Элементы страницы теста:</p><ul><li><p>Таймер, соответствующий реальным условиям IELTS.</p></li><li><p>Интерактивные элементы (аудиоплеер для Listening, текстовые поля для Writing, кнопка записи для Speaking).</p></li><li><p>Кнопки управления (начать, приостановить, завершить тест).</p></li></ul></li><li><p>Требования к дизайну:</p><ul><li><p>Чистый и функциональный интерфейс, минимизирующий отвлечения.</p></li><li><p>Ясное выделение активного модуля и таймера.</p></li><li><p>Удобная навигация для выбора теста или модуля.</p></li></ul></li></ul><p><i>3.4. Настройки (Settings)</i></p><ul><li><p>Содержит:</p><ul><li><p>Управление учетной записью (email, пароль, данные пользователя).</p></li><li><p>Настройка уведомлений (push, email).</p></li><li><p>Выбор языка интерфейса (английский, русский, с возможностью расширения).</p></li><li><p>Настройка предпочтений по материалам (например, «Предпочитаю учить через музыку»).</p></li><li><p>Дополнительно: выбор темы оформления, настройка уровня сложности заданий.</p></li></ul></li><li><p>Требования к дизайну:</p><ul><li><p>Простая и структурированная компоновка.</p></li><li><p>Четкое разделение на категории (учетная запись, уведомления, предпочтения).</p></li><li><p>Интуитивные элементы управления (переключатели, выпадающие списки).</p></li></ul></li></ul><p></p><p><i>2.5. Общие требования к дизайну</i></p><p>- <b>Адаптивность</b>. </p><p>- <b>Цветовая палитра</b>: Пастельные, теплые оттенки, для фона и акцентов, энергичные, но мягкие цвета.</p><p>- <b>Стиль</b>: Минималистичный, вдохновленный Duolingo, с уникальной стилистикой.</p><p>- <b>Инструменты</b>: Любой удобный, желательно, Figma</p><p>- <b>Шрифты</b>: Читаемые и простые.</p> |
