CC BY
34
УДК 004.514
Герасимова А.И. студент магистрант ФГБОУ ВО «Хакасский государственный университет им. Н. Ф. Катанова Россия, г. Абакан АКТУАЛЬНОСТЬ ПРОТОТИПИРОВАНИЯ САЙТА
В данной статье рассмотрены основные проблемы, возникающие на этапах разработки и согласования макета сайта. Описан подход с использованием прототипирования страниц сайта. Представлены основные преимущества такого подхода. Рассмотрены способы создания прототипа сайта.
Интерфейс, разработка сайта, веб-сервис, программное обеспечение, веб-дизайн, макет, прототипирование
Gerasimova A.I.
Graduate student N. F. Katanov Khakas State University
Russia, Abakan RELEVANCE OF SITE PROTOTYPING
In this article the main problems of development of a site layout are considered. An approach is described using prototyping site pages. The main advantages of this approach are presented. The ways of creating a prototype site are considered.
Interface, website development, web service, software, web design, layout, prototyping
Прототипирование представляет собой схематичную реализацию сайта с целью оценки и определения его четкой структуры, путей навигации, важных элементов интерфейса, взаимосвязей между страницами. В дальнейшем прототипы становятся основой будущего макета сайта.
Довольно часто создание схемы сайта путают с разработкой макета, но стоит понимать, что макет представляет собой схему сайта с дизайном, а прототипирование лишь предварительный этап перед разработкой дизайна.
Создание прототипов страниц позволяет упростить процесс взаимодействия между членами команды разработчиков сайта, общения с клиентом. Процесс разработки станет проще и эффективнее, а согласование с клиентом схем страниц сайта со всеми блоками для размещения контента позволяет избежать множественных исправлений на этапе согласования готового дизайна и других дальнейших этапов разработки.
Некоторые команды разработчиков сайтов отказываются от этапа прототипирования с целью экономии времени и уменьшения количества итераций в процессе работы, но чаще всего отказ от создания прототипов и согласования с клиентом схемы сайта (без дизайна) провоцирует внесение
большого количества мелких изменений в уже созданном проекте, а не рисованных прототипах. Кроме того есть риск, что полученный проект не будет соответствовать изначальным задумкам и требованиям заказчика, и придется проделать огромную работу по достижению компромисса в данном вопросе.
Также одной из причин отказа от прототипирования является то, что заказчики не всегда понимают, для чего это нужно, считают, что перед ними готовый дизайн сайта. Важно объяснить, для чего необходимо согласование прототипа, с целью избежания недопониманий и продолжения продуктивного сотрудничества.
Перед размещением блоков на страницах сайта необходимо определиться со структурой: какой контент будет размещен в каждом из блоков и их логическую последовательность. Данный этап не содержит конкретики, какие именно текстовые статьи будут размещены, какие фото, но данное действие значительно облегчает процесс создания прототипа страницы.
Прототип сайта может быть как статическим так и динамическим, все зависит от сложности проекта и используемых инструментов для прототипирования.
Для создания прототипа можно использовать лист бумаги и карандаш, но такой метод является нерациональным, так как процесс содания занимает много времени и внесение правок весьма проблематично.
Довольно часто в качестве инструмента для создания прототипов используют различные графические редакторы. Это значительно облегчает работу, но в графических редакторах, не предназначенных для прототипирования, нет шаблонов элементов основных блоков, придется создавать их вручную, что требует достаточно больших временных затрат, практически соответствующих времени создания макета сайта.
Использование специализированного ПО для создания прототипов является отличным решением. Такие программные продукты имеют множество шаблонных элементов, которые достаточно поставить на нужное место и задать размер. Недостатком такого способа является то, что работать над проектом можно только непосредственно на одном компьютере, на котором установлено данное ПО, без возможности коллективной и удаленной работы над проектом.
Также существуют специализированные web-сервисы для моделирования структуры сайта. По функционалу такие ресурсы схожи со специализированным ПО для прототипирования. Они имеют стандартные наборы шаблонных элементов и инструмент для создания новых блоков. Главное отличие от ПО - web-сервис не требует установки, работа может производиться с любого компьютера имеющего браузер и подключение к сети Интернет.
На текущий момент использование веб-сервисов для создания прототипов сайтов является самым популярным способом среди
разработчиков. Так как упрощается доступ к проекту для всех участников процесса, и в интерактивной среде гораздо удобнее работать с клиентом.
Использованные источники:
1. Прототипирование: как сделать прототип сайта или мобильного приложения [Электронный ресурс]: Развитие бизнеса. Маркетинг и все, что с ним связано. URL: http://www.alexcouncil.com/prototipirovanie (дата обращения: 22.04.2018).
2. Прототипирование сайта [Электронный ресурс]: Интернет-маркетинг -инструменты Интернет-маркетинга. URL: http://internet-marketings.ru/prototipirovanie-sajta (дата обращения: 22.04.2018)
УДК 004.9
Герасимова А.И. студент магистрант ФГБОУ ВО «Хакасский государственный университет им. Н. Ф. Катанова Россия, г. Абакан ОПРЕДЕЛЕНИЕ ОСНОВНЫХ ЭТАПОВ РАЗРАБОТКИ САЙТА
В данной статье рассмотрена последовательность процесса разработки сайта. Описаны основные этапы, их назначение. Рассмотрены ключевые понятия, касающиеся данного процесса. Обоснована необходимость создания технического задания при разработке сайта.
Программное обеспечение, веб-дизайн, макет, прототипирование, техническое задание, проектирование, разработка сайта
Gerasimova A.I.
Graduate student N. F. Katanov Khakas State University
Russia, Abakan MAIN STAGES OF DEVELOPMENT OF THE SITE
In this article, we consider the sequence of the site development process. The main stages, their purpose are described. Key concepts related to this process are considered. The necessity of creation of the technical task at site development is grounded.
Software, web design, layout, prototyping, terms of reference, design, website development
Предварительное определение этапов работы над проектом позволяет избежать большинства проблем в процессе взаимодействия между клиентской стороной и исполнителем, так как четкий план действий показывает заказчику, какие основные действия необходимы для создания полноценного работающего ресурса, соответствующего его требованиям.
Первоначально предполагается определить назначение сайта, какие задачи он должен решать. Данный этап можно обозначить как определение
