Проектирование пользовательского интерфейса для мобильного приложения
Разработка мобильного приложения для мобильных бригад, которые работают непосредственно на строительных объектах или инженерных сооружениях. Требования к иконкам и кнопкам. Проектирование пользовательского интерфейса приложения на базе build.me.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | статья |
| Язык | русский |
| Дата добавления | 06.03.2018 |
| Размер файла | 495,0 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
проектирование пользовательского интерфейса для мобильного приложения
Фролов Дмитрий Вадимович, бакалавр, студент
Белгородский государственный национальный исследовательский университет
Мобильное приложения для мобильных бригад, которые работают непосредственно на строительных объектах или инженерных сооружениях значительно облегчит процесс как анализа, так и ввода данных на самом объекте, при наличии удобного и практичного интерфейса.
Мобильное приложения для мобильных бригад, которые работают непосредственно на строительных объектах или инженерных сооружениях значительно облегчит процесс как анализа, так и ввода данных на самом объекте.
Приложение SAP Fiori будет доступно через веб-браузер. Предполагается его разработка на основе java и HTML5. Основные задачи и возможности были рассмотрены выше. Но для успешной разработки данного приложения следует внимательно изучить проблемы, с которыми могут столкнуться мобильные бригады. Это нужно для того, чтобы максимально облегчить работу, увеличивая при этом производительность.
Таким образом, произведен анализ процесса проведения диагностики электросетевого оборудования мобильными бригадами. Поставлены задачи, которые следует решить, определены основные этапы работы мобильных бригад. Осуществлен выбор инструментальных средств реализации, и описаны основные характеристики платформы SAP Fiori для разработки мобильного приложения.
Интерфейс мобильного приложения должен быть прост и понятен в эксплуатации, в силу того, что использовать мобильное приложение возможно не только с помощью мобильных устройств, но и на персональном компьютере. На персональном компьютере, гораздо удобнее работать с мобильными приложениями за счет монитора, на мобильном устройстве все функции должны быть максимально удобны и эффективны для пользователя.
Требования к иконкам и кнопкам:
1. Освещение должно быть направлено слева сверху.
2. Не должно быть лини с небольшим наклоном.
3. Расположение кнопок и иконок должно быть на видном месте.
Все это необходимо для удобства пользователя, следует учитывать то, что мобильные приложения -- это в основном тачпады, соответственно кнопки должны реагировать в одно касание.
Предлагается рассмотреть примеры.
Если детализированный объект не удается задействовать в мелких масштабах, его следует разбить, как показано на рисунке 1.
Рисунок 1. Пример разбиения объектов
Форма должна иметь четкие и сглаженные формы, как изображено на рисунке 2.
Рисунок 2. Пример представления объектов
В ходе разработки интерфейса мобильного приложения будет применено блочное меню пример, на рисунке 3.
Рисунок 3. Пример блочного меню
При проектировании пользовательского интерфейса приложения использовался сервис build.me с помощью которого был смоделирован будущий интерфейс пользовательского мобильного приложения для проведения технического обслуживания и диагностики оборудования, рисунок 4.
Рисунок 4. Интерфейс мобильного приложения на базе build.me
мобильный предложение инженерный интерфейс
Проектирование пользовательского интерфейса было выполнено с помощью различных функций сервиса build.me.
С левой верхней стороны находятся базовые функции по добавлению кнопок, ссылок, переходов, дисплеев, рисунок 5.
Рисунок 5. Добавление функционала на базе build.me
С левой нижней стороны находятся созданные страницы, атрибуты, статусы и т.д, рисунок 6
Рисунок 6. Выбор объекта для изменения
С их помощью мы можем выбрать интересующую нас часть интерфейса, после чего активизируется меню изменения данных с правой стороны, рисунок 7.
Рисунок 7. Изменение данных
Сервис Build.me также удобен тем, что с его помощью возможно просмотреть как будут отображаться элементы интерфейса на различных устройствах: планшет, телефон и компьютер, рисунок 8.
Рисунок 8. Просмотр интерфейса на различных устройствах
Данный функционал позволяет в короткие сроки смоделировать интерфейс приложения, откорректировать все вкладки, кнопки и переходы, просмотреть как будет выглядеть интерфейс на различных устройствах, что в свою очередь даст возможность заказчику взглянуть на прототип будущего приложения для проведения технического обслуживания и диагностики оборудования.
При осмотре объектов было принято решение указать дату и время начала осмотра, которая в последствии будет вноситься в сообщение о дефекте, также будет вводиться краткая информация об объекте, такая как: статус, номер заказа и техническое место рисунок 9.
Рисунок 9. Краткая информация об объекте
На экране добавления дефекта было принято решение реализовать такие поля как: дефект, описание дефекта и дополнительная информация в виде прикрепленной фотографии, рисунок 10.
Рисунок 10. Экран добавления дефекта
Интерфейс мобильного приложения будет состоять из следующих пунктов меню:
1. Главная страница.
2. Пункт меню «Выбор технического места».
3. Пункт меню «Объекты, которые необходимо осмотреть».
4. Пункт меню «Осмотреть выбранный объект».
5. Пункт меню «Добавить дефект».
6. Пункт меню «Выбор группы дефектов».
7. Пункт меню «Созданные дефекты».
8. Пункт меню «Расположение технических зон».
Основываясь и ссылаясь на данные пункты меню будет разработан интерфейс мобильного приложения.
Данное приложение значительно облегчит процесс анализа электросетевого оборудования, но обеспечит взаимодействие между разными субъектами компании. Удобный интерфейс играет важную роль, обеспечив удобное использование мобильного приложения.
...Подобные документы
Обзор мобильной ОС Android. Выбор инструментов и технологий. Проектирование прототипа графического интерфейса. Характеристика и описание пользовательского интерфейса. Проектирование и разработка базы данных. Определение списка необходимых разрешений.
курсовая работа [376,6 K], добавлен 13.09.2017Обзор подходов к разработке музейных приложений с элементами дополненной реальности, формирование требований к ним. Выбор методов разработки приложения, разработка пользовательского интерфейса. Принципы тестирования. Реализация раздела "Распознавание".
дипломная работа [2,8 M], добавлен 03.07.2017Разработка приложения для проверки использования времен глаголов в английском языке. Создание базы данных. Анализ используемых средств для реализации автоматического разбора текста. Проектирование мобильного приложения с помощью диаграмм деятельности.
дипломная работа [2,6 M], добавлен 13.09.2017Разработка программного решения по созданию мобильного приложения. Изучение технологий для разработки приложений. Анализ работы торговых агентов. Обоснование выбора языка программирования. Проектирование интерфейса структуры и верстка, листинг программы.
дипломная работа [2,2 M], добавлен 08.06.2017Современное состояние рынка мобильных приложений. Основные подходы к разработке мобильных приложений. Обоснование выбора целевой группы потребителей приложения. Этапы проектирования и разработки мобильного приложения для операционной системы Android.
курсовая работа [987,1 K], добавлен 27.06.2019Анализ российского рынка мобильных приложений. Мобильное приложение как новый канал коммуникации с целевой аудиторией. Этапы создания мобильного приложения. План продвижения мобильного приложения в сети Интернет. Бесплатные инструменты продвижения.
дипломная работа [1,6 M], добавлен 23.06.2016Проектирование Windows-приложения, которое позволяет проводить тестирование знаний по разделу математики "Логарифмы". Создание дополнительного класса диалоговых окон, нового пользовательского интерфейса программы. Требования к техническому обеспечению.
курсовая работа [1,9 M], добавлен 02.07.2011Создание, изучение и разработка приложение на Android. Среда разработки приложения DelphiXE5. Установка и настройка среды программирования. Этапы разработки приложения. Инструменты для упрощения конструирования графического интерфейса пользователя.
курсовая работа [1,6 M], добавлен 19.04.2017Программная реализация настольного приложения с использованием языка программирования C#. Проектирование и структура пользовательского интерфейса, требования к нему и оценка функциональности. Разработка руководства пользователя и его использование.
курсовая работа [297,6 K], добавлен 10.03.2015Изучение языков программирования PHP, SQL, C++, HTML. Рассмотрение правил запуска и использования локального сервера Denwer. Составление технического задания по разработке программного продукта. Описание создаваемого мобильного и веб-приложения.
курсовая работа [212,4 K], добавлен 07.04.2015Общая характеристика и структурная схема приложения, требования к нему и функциональные особенности, сферы практического применения. Обоснование выбора языка программирования. Описание интерфейса и инструкция пользователя. Проведение листинга программы.
дипломная работа [1,0 M], добавлен 10.07.2017Проектирование вариантов использования приложения. Анализ существующей версии приложения. Обоснование выбора инструментальных программных средств. Проектирование интерфейса пользователя. Адаптация под мобильные устройства. Описание программного продукта.
курсовая работа [2,8 M], добавлен 25.06.2017Разработка программного продукта - приложения, позволяющего заносить данные анкетирования в базу данных MS SQL. Описание логики работы приложения, особенности пользовательского интерфейса. Формы просмотра анкет, описание процедур и функций программы.
курсовая работа [1,2 M], добавлен 16.08.2012Рассмотрение игр, схожих по жанру и модели распространения с разрабатываемым приложением. Выбор среды разработки и сторонних библиотек. Проектирование интерфейса и подготовка графических материалов приложения. Особенности введения в игру микротрансакций.
дипломная работа [3,1 M], добавлен 18.11.2017Анализ целевой аудитории. Функциональные характеристики пользовательского приложения. Разработка алгоритмов и интерфейса программного продукта, функций рабочей области. Написание скриптов на языке C#. Тестирование программы методом чёрного ящика.
дипломная работа [1,5 M], добавлен 09.11.2016Проектирование удобного приложения для комфортной навигации по файлам облачного хранилища в одном файловом менеджере. Выбор интегрированной среды разработки. Выбор инструментов для визуализации приложения. Выбор средств отслеживания HTTPзапросов.
курсовая работа [3,6 M], добавлен 16.07.2016Разработка адресных и технических требований к игре. Написание сценария. Общая концепция разработки приложения. Разработка схем алгоритмов приложения. Игровые технологии. Выбор среды и программированного языка. Описание пользовательского интерфейса.
курсовая работа [1,6 M], добавлен 14.06.2014Общая характеристика командного интерфейса приложения в системе 1С: Предприятия. Особенности объектов конфигурации: справочников, документов, регистров накопления и отчетов. Разработка интерфейса приложения "Ремонт техники (от компьютера до пылесоса)".
курсовая работа [2,8 M], добавлен 06.11.2013Электронные носители и их преимущества. Создание приложения электронного журнала для учета посещаемости и выполнения студентами лабораторных работ для мобильных устройств на базе Android. Автоматизация заполнения журнала, упрощение ведения учета.
курсовая работа [681,5 K], добавлен 13.06.2017Разработка приложения, которое содержит информацию о гостях, о номерах, об оплате с целью автоматизации процесса регистрации в гостинице. Проектирование базы данных по технологии "Клиент-сервер". Специфика разработки пользовательского интерфейса.
курсовая работа [1,5 M], добавлен 29.12.2013
