32
Стоит заметить, с каждым годом все разные специалисты
разрабатывают более новые модели прототипов, что подходят почти
безупречно практически под все задачи.
2.2. Основные этапы разработки прототипов ПО
При создании прототипов ПО все большую популярность имеет
новейшая технология, которую именуют быстрым прототипированием.
Данная тexнология имеет возможность формирования прототипа с
помощью подхода «снизу вверх», то есть, непосредственно через проект, так
как фактически он требует лишь данные для так называемого поперечного
сечения структуры ПО. [2]
Когда оценка проекта прототипирования показывает, что
рассматриваемый проект не удовлетворяет всем поставленным требованиям,
описанные процессы для разработки программы будут постоянно
повторяться еще раз.
Но, если полученный результат по оценке проекта окажется
удовлетворительным, то после данного факта начинается подготовка для
формирования проектной документации.
Процессы по разработке начинаются с момента планирования ПО, что
выполняется в качестве требований, которые предоставляются заказчиком.
Одновременно выбирается аппаратное обеспечение для реализации, с
помощью которого будет производиться разработка ПО.
Далее, после подготовки процесса проектирования составляются
технические задания (ТЗ), в которых указываются практически все
характеристики разрабатываемого проекта.
На данном шаге могут быть использованы прочие специфические
требования, что рассматриваются при использовании методики
взаимодействия ПО и конечного пользователя.[14]
Подготовка при выполнении разработки ПО занимает аналогичное
место, как и непосредственно процесс разработки, при этом требуя
33
значительной квалификации разработчиков для принятия многих
качественных решений, так как, при этом, от корректно сформулированных
идей или выбранных инструментов зависит и весь уровень качества или
работоспособности ПО, а также степень удовлетворения требованиям
заказчика.
Прототипы, к примеру, для мобильных устройств разрабатываются
сначала дизайнером, поскольку внешний вид приложения тут играет
основную роль.
Стоит отметить, что такие прототипы являются двух типов (рисунок
15):
Рисунок 15 – Категории прототипов
Для реализации процесса прототипирования часто пользуются сразу
несколькими инструментами, поскольку современное ПО в себе содержит
модули, спроектированные на основании нескольких информационных
технологий.
Все статические прототипы, а также интерактивные макеты
приложений должны быть составлены строго в соответствии по технической
документации, которую планируется применять для создания
приложений.[22]
С готовым дизайном все мобильные приложения могут перейти к
программистам. То есть, они на основании разных ЯП, технологий,
современных фреймворков создать функциональное мобильное приложение,
Виды прототипов
Статистические прототипы Интерактивные прототипы
34
которое соответствует техническому заданию и спроектированному
прототипу.
На самых разнообразных этапах создания приложений обязательным
является выполнение внутреннего тестирования приложения, которое
выполняется, в основном, на симуляторах, а также реально действующих
устройствах.
Основной целью для выполнения тестирования считается
предположение о взаимодействии ПО с его аппаратной частью для
смартфонов, а также планшетов.
Отметим, что оно может являться и таким, как и предполагалось при
разработке прототипа, то есть сначала выполнения проекта ПО.
В результате самых разных доработок создаваемого приложения
должна в результате быть спроектирована полностью рабочая версия
программного приложения.
Далеко не всегда для разрешения некоторого уровня
неопределенностей в разных требованиях нужен прототип в качестве
исполняемого кода.
Бумажный прототип, иногда его называют также низкокачественным
прототипом является дешевый, быстрый и низко технологичный подход
выяснить, какой вид может иметь некий фрагмент информационной системы
(ИС). Он помогает установить также, действительно ли разработчики и
пользователи одинаково понимают указанные требования. Похожий метод,
что называется методом раскадровки, показывает предлагаемый интерфейс
для пользователя, без привлечения их к работе с ним.
Конечно же, только на создании прототипа дело не будет
заканчиваться, его еще нужно оценить.
Рассмотрим некоторые основные этапы создания прототипов.
На самом первом этапе создания прототипа приложения выполняется
создание проектной документации, а именно ТЗ – документа,
35
оговаривающего весь набор требований как к внешнему виду, так и к
функциональности разрабатываемого ПО.
Эта спецификация имеет возможность содержать многие системные
требования по внедрению и тестированию.
Необходимо составлять при этом план задач, что описывается очень
подробно, чтобы избежать корректировку его при непосредственной
разработке.
Второй этап рассматриваемого процесса – это проектирование
графического интерфейса пользователя. Под понятиием User Experience
Design понимается «опыт взаимодействия», он имеет в себе такие составные
компоненты: [26]
– проектирование требуемого уровня взаимодействия;
– информационную архитектуру ПО;
– графический дизайн ПО;
– контент ПО.
На этом этапе реализуются полностью работы, которые в техническом
задании рассмотрены для создания приложения. Также разрабатывается
специальная графическая карта между экранными формами. К тому же на
данном этапе надо также знать, именно каким образом работает создаваемое
ПО.
На следующем этапе прототипирования выполняется разработка
визуального дизайна.
Стоит заметить, что дизайн может создаваться в основном на базе
пожеланий клиентов, а также он нацелен на полностью определенную
целевую аудиторию, которая будет применять создаваемое ПО. Изначально
прототипирование дизайна в себе составляет только 1-3 пользовательские
формы, которые закладывают основу проектирования приложения (так
называемый быстрый прототип). При пожелании заказчика часто создается
несколько стилей для визуального дизайна.[34]
36
Четвертый этап прототипирования подразумевает под собой весь
процесс разработки прототипа. Это также выполняется с использованием
самых различных технологий программирования.
Весь законченный вариант прототипа потом отправляется клиенту для
выполнения оценки и указания корректировок.
Стоит заметить тот факт, что прототип ПО должен активно
тестироваться: как на стороне разработчика, так и на стороне заказчика.
Когда выявляются ошибки, то прототип нужно доработан.[38]
Доработка прототипа занимает примерно половину всего времени,
потраченного ранее.
Заметим, что в любом случае, процесс редактирования прототипа –
неизбежный. В процессе разработки практически невозможно предсказать
все возможные недочеты, что возникают при использовании ПО.
На всех этапах создания прототипа обязательно должно реализоваться
тестирование на специальных симуляторах, а также в реальной рабочей
среде. Цель такого тестирования – убедиться, что полное взаимодействие
приложения с разного рода платформами будет таким, как описано в
техническом задании.[1]
Далее необходимо выполнить непосредственно разработку
предрелизной версии ПО. После прохождения всех необходимых тестов и
доработок ПО должна быть получена финальная рабочая версия
программного продукта.
Этапу создания прототипа уделяется в последнее время большое
количество внимания в разработке любых приложений: от классических
настольных программ и до веб-сервисов и мобильных приложений.
Прототипы используются для предоставления помощи во многих ситуациях,
на разных этапах формирования ПО.
Прототип – это модель, прообраз будущего программного продукта.
Все известные прототипы могут различаются как по своему уровню
точности, так и по приближенности к реальному ПО.
37
Кроме этого, все классы прототипов могут служить разнообразным
целям и задачам. [1]
По стадии готовности прототипы бывают (рисунок 16):
– концептуальные;
– интерактивные;
– анимированные.
Рисунок 16 – Типы прототипов
Также прототипы предоставляют чрезвычайно хорошую возможность
для вовлечения непосредственных пользователей в сам процесс дизайна, а
также наиболее корректного создания ПО, что сразу же будет
соответствовать ожиданиям клиента.[7]
Прототипы могут помогать разработчику при общении со многими
клиентами, могут быть прообразом для разработчиков и также способны
указывать на идеи разработки.
Каждый прототип может представляться схематичным изображением
форм, страниц, экранов, а также он создается и на самых ранних этапах
проектирования.
Такой прототип надо реализовывать всегда, создавая интерфейс
приложений. Указанный способ поможет разрешить все большинство
вопросов по использованию ПО.
Прототип ПО
Концептуальный Интерактивный Анимированный
38
Прототипирование подходит и для быстрого тестирования идей по
созданию ПО, так как позволяет спроектировать главные элементы форм
очень быстро – за пару минут. Для создания действующего прототипа вовсе
не нужно использовать серьезные навыки работы и специальных
инструментов, а достаточно воспользоваться только подручными средствами
[11].
2.3. Инструменты и технологии прототипирования
Каждый прототип имеет возможность для демонстрации инвесторам
или другим заказчикам всех возможностей создаваемого приложения, служит
так называемым образцом для разработчиков, а также помогает усмотреть
практически все недостатки или ошибки концепции, выполнить
представление, как именно будет функционировать конечный продукт.
Рассмотрим несколько платформ, которые используют разработчики
для проектирования прототипов в разных направлениях создания
программных продуктов.
Программы для прототипирования –связующее звено между конечным
продуктом и творческой идеей. Совсем недавно в сфере UX/UI дизайна
первенство занимал Photoshop, однако, выполненный опрос показал, что этот
графический редактор стал значительно терять популярность среди опытных
разработчиков. [13]
В опросе принимали участие более 4-х тысяч респондентов с почти 200
стран, и по результатам можно сделать вывод, что разработчики всегда для
новых инструментов открыты, они призванных облегчить процесс
прототипирования, концептуализации и проектирования цифровых
программных систем.
1. Axure RP Pro – программное обеспечение для проектирования
прототипов, макетов, разных спецификаций приложений и веб-сайтов.
Программа позволяет вставлять разные виджеты простым перетаскиванием, а
также изменять их формат и размер.
39
Axure RP Pro – это полноценный UX-инструмент, позволяющим
разработчикам выполнить проектирование сложных интерактивных
прототипов, но для ее освоения нужно время.
Интерфейс программы показан на рисунке 17:
Рисунок 17 – Интерфейс программы Axure RP Pro
Если данным продуктом будет пользоваться профессиональный
разработчик, то с помощью Axure RP Pro будет возможность создавать более
сложные прототипы.
2. Mockplus является простым инструментов для создания
прототипов, что созданный инновационной быстрорастущей компанией
Jongde Software. [17]
Программа рассчитывается на автономное использование, поддержку
работы по прототипированию ПО для всех операционных платформ:
– мобильные приложения;
– ПК;
– веб-приложения.
Выбор указанной программы является хорошим для пользователей
практически любого уровня подготовки, поскольку программа отличается
простотой и интуитивно понятным интерфейсом.
40
Когда целью является быстрое проектирование интерактивных
прототипов в очень сжатые сроки, и надо полностью сфокусироваться на
выполнении, вместо того, чтоб тратить время на непосредственно изучение
инструментов проектирования, программа Mockplus подойдет для этого
отлычно.
Программа имеет нужный набор иконок и UI-виджетов – все, что
нужно для функционирования с виджетами. Существует также возможность
предварительного просмотра прототипов путем экспорта HTML файлов и
изображения, либо непосредственным его тестированием на уже
существующем устройстве посредством QR-кода (рисунок 18).
Рисунок 18 – Интерфейс программы Mockplus
3. Justinmind Prototyper – это интерактивный онлайн сервис,
который дает возможность выполнять создание прототипов, которые
применяются для многофункциональных мобильных приложений.
Все детали интерфейса, который разрабатывается можно изменять,
редактировать, непосредственный функционал прототипа можно наблюдать
на реальном устройстве.
При разработке есть возможность делиться всеми результатами работы
с многими разработчиками или пользователями.
Сервис Justinmind Prototyper выполняет экспортирование
полнофункционального каркаса программы непосредственно в HTML-
41
документ, что дает возможность просмотреть результат программы в
браузере.
Интерфейс рассматриваемой программы показан на рисунке 19:
Рисунок 19 – Интерфейс Justinmind Prototyper
4. Fieldtext – очень популярный сервис, который выполняет
собрание разные изображения для непосредственных наработок
полноценного прототипа.
Также есть возможность добавлять разные виды анимации, элементы
интерактивности, задавать переходы и жесты для выполнения команд.
Его также можно тестировать в интерактивном режиме на
пользователях, коллегах – для этой цели присутствуют развитые функций по
обратной связи.
Непосредственно данный сервис доступен и для устройств Android,
iPhone, iPad.
5. Keynotopia содержит в себе огромное множество шаблонов по
оформлению интерфейса по тестированию, прототипированию будущего
приложения для наиболее распространенных ОС. Работа с данным сервисом
выполняется просто – сначала создаются слайды, потом их вставляют в
элементы шаблонов под названием Keynotopia.