Роль прототипирования в процессе разработки веб-ресурсов Текст научной статьи по специальности «Компьютерные и информационные науки»

УДК 004.4

РОЛЬ ПРОТОТИПИРОВАНИЯ В ПРОЦЕССЕ РАЗРАБОТКИ ВЕБ-РЕСУРСОВ

Т. В. Дзюба

Сибирский государственный аэрокосмический университет имени академика М. Ф. Решетнева Российская Федерация, 660037, г. Красноярск, просп. им. газ. «Красноярский рабочий», 31

Е-mail: dzuba.tany@mail.ru

Рассматривается роль прототипирования при разработке сайтов, его особенности и преимущества, анализируются задачи, которые решает прототип, а также модели и инструменты прототипирования сайтов.

Ключевые слова: прототип, прототипирование, принципы и инструменты прототипиро-вания.

THE ROLE OF PROTOTYPING AT THE DEVELOPMENT OF WEB-RESOURCES

T. V. Dzyuba

Reshetnev Siberian State Aerospace University 31, KrasnoyarskyRabochy Av., Krasnoyarsk, 660037, Russian Federation Е-mail: dzuba.tany@mail.ru

The article considers the role of prototyping at the development of websites, its features and advantages, analyzes the tasks that the prototype solves, as well as models and tools ofthe website prototyping.

Keywords: prototype, prototyping, principles and tools of prototyping.

Веб-ресурсы в настоящее время являются важными инструментами продвижения бизнеса в Интернете. Таким образом, когда вы открываете свое дело или расширяете уже существующее, то часто встает вопрос о создании нового или совершенствовании существующего сайта, что часто представляет собой сложную и многоуровневую задачу. В таком случает вопрос о разработке прототипа сайта может быть очень актуален и позволит сэкономить время и средства.

Прототипирование можно определить, как быструю «черновую» реализацию базовой функциональности для анализа работы системы или веб-ресурса в целом. На этапе прототипиро-ванияне большими усилиями создается работающая (хотя и несовершенная, и часто не в полном объеме) система, что позволяет увидеть и оценить более детальную картину устройства системы.

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

При разработке прототипа важно понимать, для чего вы его создаете. Т. Варфелл выделяет следующие модели прототипирования, которые напрямую связаны с решаемыми задачами [1]:

1. Коммуникация. В данном случае прототип - это канал общения между разными группами людей, которые вовлечены в совместную реализацию веб-ресурса.

2. Доработка и проектирование. Улучшение или радикальная переработка существующего ресурса, разработка дополнительных модулей сайта.

3. Продвижение идеи своего проекта. Прототип позволяет представить и донести до целевой аудитории особенности концепции вашего проекта.

Актуальные проблемы авиации и космонавтики - 2017. Том 3

4. Тестирование удобства использования. Основное назначение прототипа- тестирование удобства системы. Является одной из основных целей создания прототипа.

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

В зависимости от выбранной модели и целей создания прототипа выбираются инструменты и методы прототипирования. Выделяют следующие методы создания прототипа [2]:

1. Бумажное прототипирование.

2. Прототипирование при помощи специальных программ.

3. Прототипирование при помощи графических программ.

Каждый из этих методов имеет свои особенности и области применения.

Так, бумажное прототипирование - один из самых простых и быстрых методов создания прототипов сайтов, для которого достаточно листа бумаги и карандаша, не требуются специальные знания: (программирование, владение графическими редакторами и т.п.), но есть возможность создавать довольно детализированные прототипы.

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

Эффективным данный метод может быть при создании относительно простых сайтов.

Прототипирование при помощи специальных программ (например, AxurePro, Bal-samiqMockups, WireframeSketcherStudio, FlairBuilder, UXToolbox и др.).

Из плюсов данного метода можно отметить следующие:

- высокая скорость создания прототипа;

- высокая детализация прототипа;

- прототипы имеют эстетичный вид;

- интерактивность (уровень интерактивности зависит от конкретной программы);

- при необходимости - высокая скорость внесения изменений;

- возможность создания прототипа в виде html или изображения;

- доступность для всех участников разработки проекта.

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

Помимо программ существуют и онлайн инструменты прототипирования такие как Mockingbird, Mockflow, Pencil (расширение для браузера MozillaFirefox), iPlotz, HotGloo и другие, позволяющие легко создавать, связывать, предварительно просматривать и передавать модели вашего веб-сайта или приложения.

Прототипирование при помощи графических программ (Photoshop, CorelDraw, PhotoPaint, Illustrator и т.п.) [3]. Прототип можно создать довольно быстро с высокой степенью детализации, возможно внесение изменений. При этом прототип будет выглядеть эстетически привлекательно.

К недостаткам данного метода относится отсутствие интерактивности у прототипа, а также необходимость знаний по работе с конкретным графическим редактором.

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

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

Библиографические ссылки

1. Варфел Т. Прототипирование. Практическое руководство / ТоддЗакиВалфел; пер. с англ. И. Лейко. - М.: Мани, Иванов и Фербер, 2013. - 240 с.

2. Прототипирование сайтов. Методы прототипирования // Fotodizart [Электронный ресурс] - URL:http://fotodizart.ru/prototipirovanie-sajtov.html (дата обращения: 10.03.2017).

3. Прототип в веб-дизайне - важная часть работы по созданию сайтов [Электронный ресурс]- URL: http://www.imedia.by/blog/prototip-v-veb-dizajne-vazhnaya-chast-raboty-po-sozdaniyu-sajtov(дата обращения: 10.03.2017).

© Дзюба Т. В., 2017