Проектирование пользовательского интерфейса - Разработка мобильного приложения расчета и учета оплаты коммунальных услуг

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

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

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

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

Для начала разработаем схему рабочих экранов и опишем, какие функции может выполнять пользователь на каждом экране (Рис. 13).

Распределяя функции экранов, следует обращать внимание на соответствие доступности экранной формы и ее цели.

Разработаем концепции рабочих экранов приложения. На главном экране следует расположить функции, которыми пользователь будет пользоваться чаще всего. Это добавление показаний и выбор учетной записи (Рис. 14). Так же он должен содержать меню, из которого можно перейти на экраны "История", "Напоминания", "Настройка", "Отправка показаний" и "Помощь". Хорошим вариантом будет расположить меню сбоку. Экран "Добавление показаний" (Рис. 15) будет открываться при выборе счетчика из главного экрана.

схема рабочих экранов

Рис.13 Схема рабочих экранов

Рис.14 Концепция главного экрана

концепция экрана

Рис.15 Концепция экрана "Добавление показаний"

В экране "Добавление показаний" при нажатии на кнопку "Посчитать", будет подсчитываться стоимость и выводится в поле "Итого". Значение поля тариф будет изменяться в экране "Настройки" и служить для информирования пользователя.

Экран "История" (Рис. 16) должен содержать записи о всех внесенных изменениях показаний счетчиков. Поиск записей в истории будет выполняться по типу услуги, дате и информации об учетной записи. Кнопку открытия экрана "Графики и диаграммы" (Рис. 17) для удобства пользователя следует расположить внизу экрана.

концепция экран

Рис.16 Концепция экран "История"

концепция экрана

Рис.17 Концепция экрана "Графики и диаграммы"

В экране "Напоминания" (Рис. 18) следует выводить список всех существующих напоминаний с их описанием. Кнопку добавления напоминаний рациональнее всего расположить внизу экрана. Следует добавить функцию удаления всех напоминаний. Экран изменения и добавления напоминаний (Рис. 19) будет иметь функцию удаления выбранного напоминания.

концепция экрана

Рис.18 Концепция экрана "Напоминания"

Рис.19 Концепция экрана "Напоминание"

В экране "Настройки" (Рис. 20) элементы следует располагать по мере важности и по частоте использования.

концепция экрана

Рис.20 Концепция экрана "Настройки"

Так как разрабатываемое приложение в основном будет работать с базой данных, необходимо определиться с ее структурой (Рис. 21)

структура базы данных

Рис.21 Структура базы данных

База данных состоит из пяти таблиц, не связанных между собой. Таблица "tariffs" хранит имя тарифа и стоимость услуги. В таблице "history" храниться имя услуги, дата добавления показания, значения предыдущего и текущего показаний, стоимость услуги, общая стоимость и информация о пользователе. Таблица "info_user" хранит всю информацию о пользователе - имя, адрес, телефоны. В таблице "selected_user" храниться идентификатор выбранного на главном экране пользователя, а в таблицу "reminders" заноситься информация о напоминании - название, текст, дата и время оповещения.

Похожие статьи




Проектирование пользовательского интерфейса - Разработка мобильного приложения расчета и учета оплаты коммунальных услуг

Предыдущая | Следующая