Средства активизации внимания пользователя при работе с интерфейсом программного продукта
Автор: AlexInWar • Декабрь 14, 2022 • Лабораторная работа • 530 Слов (3 Страниц) • 104 Просмотры
Лабораторная работа № 1
студентов группы ИТ-01
Выполнение:_________ Защита:___________
СРЕДСТВА АКТИВИЗАЦИИ ВНИМАНИЯ ПОЛЬЗОВАТЕЛЯ ПРИ
РАБОТЕ С ИНТЕРФЕЙСОМ ПРОГРАММНОГО ПРОДУКТА
Ход работы
- Тема: “Приложение для тренировок”.
- Название: “YFT”.
- Для проверки выбранного названия на уникальность выбрали App Store:[pic 1]Рис. 1: Результат проверки.
- Анализ аналогов
[pic 2][pic 3] | TITAN | Freeletics Training Coach – Bodyweight & Mindset | 30 Дней Фитнеса Дома |
Понимание пользователей | - | + | + |
Эффективность процесса проектирования | + | + | - |
Надобность | + | + | - |
Пригодность к изучению и использованию | + | + | + |
Соответствие | - | - | + |
Эстетическое чувство | - | - | + |
Изменяемость | - | - | + |
Управляемость | - | + | + |
- Основная метафора:
Your Future Today (Твое будущее сейчас)
- Используя графический редактор “Adobe Photoshop”, создали фоны с выраженными линиями, жесткими углами.
- Используя графический редактор “Adobe Photoshop”, создали фоны с выраженными линиями, жесткими углами.
[pic 4][pic 5] - Используя приложение “Adobe Illustrator 2021”, создал фон для своего приложения: радиальный градиент с плавным переходом цветов (основной цвет: мягкий розовый именующийся Cherry Blossom Pink) по заданным параметрам:
[pic 6] [pic 7]
- Название программы указали сверху вместе с эмблемой. Выше расположили индикатор загрузки. Период создания, версия приложения расположены снизу в правом углу.
- Название программы указал сверху, ниже расположил метафору. Период создания и версия расположены в правом нижнем углу и левом нижнем углу соответственно.
- Эмблему приложения расположил сверху, ниже – значок загрузки с прогрессом в виде цифр, в правом нижнем углу указана версия приложения.
- С помощью приложения PowerPoint, добавили анимационные эффекты. Для индикатора загрузки добавили анимацию перемещения по линиям. Для этого создали прямоугольник во вкладке “Вставка” – “Фигуры”, далее во вкладке “Aнимация” добавили этому объекту анимацию (пути перемещения – линии).
[pic 8][pic 9]
Снизу в центре создали несколько прямоугольников, во вкладке “Формат” – “Стили фигур ” убрали фон и контур. Нажатием клавиши “Enter” добавили текст 10 15 45 75 100 для каждой фигуры соответственно.
Каждой фигуре добавили анимацию “Появление” и “Исчезновение”.
- С помощью приложения PowerPoint, добавили анимационные эффекты. Для индикатора загрузки добавили анимацию перемещения “Пользовательский путь”. Для этого создал прямоугольник во вкладке “Вставка” – “Фигуры”, далее во вкладке “Aнимация” добавили этому объекту анимацию.
В центре создал несколько прямоугольников, во вкладке “Формат” – “Стили фигур” убрали фон и контур. Нажатием клавиши “Enter” добавил текст 10% 30% 50% 80% 100% для каждой фигуры соответственно.
Каждой фигуре добавили анимацию “Появление” и “Исчезновение”. - При помощи Microsoft PowerPoint добавил эмблему приложения, элемент загрузки, и меняющиеся цифры. Чтобы добавить некоторой динамики интерфейсу прибегнул к использованию анимации: ко всем элементам в самом начале добавил анимацию «Выцветание» с одинаковой продолжительностью (5 сек), однако с разными параметрами запуска и повтора (эмблеме задал параметр запуск «по щелчку» а остальным элементам параметр «с предыдущим», так же параметр для фигуры загрузки параметр повтора поставил «до окончания слайда»). Эффекта смены процентов загрузки получил тоже при помощи анимации.
- Вывод: Применение “Золотого сечения” и эффекта “Лас-Вегас” позволило нам создать качественный, простой, эффективный, удобный и приятный интерфейс программного продукта.
...