- •Домашнее задание
- •Тема: Разработка дизайна интерфейса мобильного приложения «Файловый менеджер»
- •Глава 1. Особенности дизайна интерфейсов мобильных приложений 4
- •Глава 2. Разработка дизайна интерфейса мобильного приложения 12
- •Введение
- •Глава 1. Особенности дизайна интерфейсов мобильных приложений
- •Разработка интерфейса мобильного приложения для платформы Android
- •.Анализ аналогов мобильных приложений
- •Глава 2. Разработка дизайна интерфейса мобильного приложения
- •2.1 Определение функционального назначения приложения и его целевой аудитории
- •Пользовательские сценарии:
- •2.2 Общая схема интерфейса мобильного приложения
- •2.3 Расположение управляющих компонентов интерфейса
- •2.4Выбор цветовой схемы оформления интерфейса и шрифтов.
- •2.5. Готовый прототип интерфейса мобильного приложения.
- •Заключение:
- •Библиографический список
Глава 2. Разработка дизайна интерфейса мобильного приложения
2.1 Определение функционального назначения приложения и его целевой аудитории
В первую очередь приложение направлено на людей, которым требуется работа с файлами смартфона.
Приложение для человека, работающего с файлами смартфона должно содержать категории файлов, поиск файлов, описание каждого файла, добавление файлов в избранное.
Также приложение должно содержать информацию о файлах смартфона с возможностью их редактирования.
Профили потенциальных пользователей представлены в таблице 6.
Таблица6
Профили потенциальных пользователей
|
Пользователи |
Социальные характеристики |
Мужчины, женщины Молодые, взрослые Русскоязычные Низкий уровень владения смартфоном |
Мотивационно целевая среда |
Необходимость работы с файлами смартфона |
Навыки и умения |
Различный уровень пользователей смартфоном |
Требования к ПО ИС |
Наличие смартфона с ОС Android |
Задачи пользователя |
Выбор типа файла, возможность просматривать последние файлы, поиск файлов, редактирование файлов, копирование файлов, передача файлов |
Рабочая среда |
Смартфоны с ОС Android |
Пользовательские сценарии:
Пользователь заходит в приложение, нажимает на кнопку «Локальные Файлы» и получает полный список файлов находящихся на смартфоне.
Пользователь открывает приложение. Выбирает категорию, из предложенного списка, выбирает файл, отправляет его по электронной почте
Пользователь просматривает детальную информацию по файлам, какой объем памяти смартфона занимают изображения.
Пользователь решил просмотреть файлы смартфона. Выбрал поиск. Из списка выбрал необходимый файл и добавил ее в избранное.
Пользователь решил изменить информацию в документе находящийся на смартфоне. Зашел в раздел «Документы» и внес необходимые изменения
На основе выявления целевой аудитории и функций, необходимых для выполнения той или иной задачи, были составлены сценарии пользователей.
2.2 Общая схема интерфейса мобильного приложения
Общая схема интерфейса необходима для того, чтобы наглядно представить схему переходов по приложению, учитывая сценарии пользователей. Схема представлена на рисунке 6.
Рис. 6. Общая схема интерфейса приложения
Данная схема позволяет увидеть, какие функции будут выполняться приложением и какие при этом будут совершаться переходы. Протестировав сценарии пользователей, определенные ранее, можно сделать вывод, что все поставленные задачи выполняются, а это значит, что схема составлена правильно.
2.3 Расположение управляющих компонентов интерфейса
Д ля разработки дизайна интерфейса мобильного приложения было выбрано разрешение 720х1200 пикселей и размер экрана 5,5 дюймов.
Рис. 7. Главная страница приложения
В соответствии с общей схемой интерфейса были составлены макеты приложения с размерами.
М акет страницы сосписком документов, который открывается при нажатии на кнопку «Документы» (рис.8).
Рис.8. Категория «Документы».
Макет страницы со списком файлов и папок, который открывается при нажатии на кнопку «Локальные Файлы» приложения (рис.9)
Рис. 9. Категория «Локальные Файлы»
На основе сценариев пользователей и общей схемы интерфейса, был разработан прототип мобильного приложения в категории «Файловый Менеджер».