Прототип сайта:основные понятия.
Само понятие слова "прототип"(из греческого) состоит из пары слов, одно из которых (протос) - это первый,
а второе (топос) - отпечаток или оттиск. Поэтому прототип сайта представляется как черновик базового функционала
любого сайта.
При создании сайта есть одно важное условие или задача - техническое задание (ТЗ), так вот протопит сайта -
это пробник для решения данной задачи. В протопите отсутствуют красивые картинки, это макет, который разрабатывается
до работы дизайнера и программиста. И этот макет может быть выполнен в течении совсем короткого времени или
занять много часов.
Иногда надо делать макет не только первой страницы, но и всех страниц сайта. Именно грамотный прототип сайта устраняет
все недопонимания между двумя сторонами договора, потому что при его разработке заказчику он предоставляется для
А\В тестирования и внесения правок.
Тестом можно сделать описание техники, логики, структуры сайта, а вот с помощью прототипа можно визуально понять,
как все будет выглядеть. Чтобы прототип стал наглядным, техническое задание должно быть тщательно проработано.
Должны быть не только заголовки, а детальная проработка каждого аспекта.
Нормальное ТЗ может занимать от 50 страниц текста. По нему вначале следует прорисовать базовые элементы, например в
стандартном интернет- магазине это могут быть статичное меню услуг или товаров и строка поиска. Затем следует
поочередно создавать страницы с выраженным на них функционалом.
Все элементы интерфейса сайта должны быть разложены по своим местам. Не забудьте про пользователя сайта,
путь для которого по сайту в соответствии с воронкой должен быть продуман заранее. И далее пойдет сам процесс
прототипирования - создание совершенного продукта с устранением разночтений и полным соответствием ТЗ.
Условно процесс создания прототипа сайта можно определить несколькими шагами:
- определение начальных требований,
- разработка первого варианта (пользовательский интерфейс),
- показ заказчику для ознакомления и внесения поправок или изменений,
- утверждение прототипа и его реализация.
Лучше осмотреть прототип поможет 3D-прототипирование, а в качестве языков используйте языки программирования
PHP, ActionScript, JavaScript, - то есть языки высокого уровня абстракции, но можете применять и другие.
В конечной реализации прототипа создайте документированный и более аккуратный код. Протестируйте сайт, если
необходимо выполните отладку и достоверно убедитесь в выполнении всего функционала сайта.
Когда выполняется прототипирование сайта, то можно выявить и архитектурные ошибки и внести изменения в интерфейс
модулей системы, и провести перераспределение их обязанностей. Создается прототип как одноразовый макет и не должен
занимать много времени. При создании эффективного прототипа можно легче решать самые сложные с точки зрения
реализации и самые важные функциональные составляющие. Поэтому, если планируете сохранить время, деньги и еще
нервы, делайте качественный и эффективный прототип сайта.
InVision - дает возможность демонстрации готовых макетов в интерактивном варианте ,
Balsamiq. - самый оптимальный вариант при отсутствии Photoshop или Sketch,
в Moqups вся работа только онлайн.
Marvel имеет основной инструмент - Canvas. Можно выбрать тип прототипа: сайт, приложение для iPhone, iPad, Android и даже AppleWatch. а Justmind работает как для iOS, так и для Android и Surface.
Origami имеет 4 главные панели: панель патчей, слои, окно просмотра, библиотека патчей, а у
Proto.io есть привязка к учетной записи Dropbox для хранения и загрузки файлов, клиент для iOS и Android и плагины для Sketch и Photoshop.
Этих сервисов в избытке достаточно для решения любой, самой сложной задачи, остается только выбрать подходящий,
но не следует выбирать приложения с избыточным для ваших нужд функционалом.
а второе (топос) - отпечаток или оттиск. Поэтому прототип сайта представляется как черновик базового функционала
любого сайта.
При создании сайта есть одно важное условие или задача - техническое задание (ТЗ), так вот протопит сайта -
это пробник для решения данной задачи. В протопите отсутствуют красивые картинки, это макет, который разрабатывается
до работы дизайнера и программиста. И этот макет может быть выполнен в течении совсем короткого времени или
занять много часов.
Иногда надо делать макет не только первой страницы, но и всех страниц сайта. Именно грамотный прототип сайта устраняет
все недопонимания между двумя сторонами договора, потому что при его разработке заказчику он предоставляется для
А\В тестирования и внесения правок.
Тестом можно сделать описание техники, логики, структуры сайта, а вот с помощью прототипа можно визуально понять,
как все будет выглядеть. Чтобы прототип стал наглядным, техническое задание должно быть тщательно проработано.
Должны быть не только заголовки, а детальная проработка каждого аспекта.
Прототип - инструмент не только вспомогательный
Нормальное ТЗ может занимать от 50 страниц текста. По нему вначале следует прорисовать базовые элементы, например в
стандартном интернет- магазине это могут быть статичное меню услуг или товаров и строка поиска. Затем следует
поочередно создавать страницы с выраженным на них функционалом.
Все элементы интерфейса сайта должны быть разложены по своим местам. Не забудьте про пользователя сайта,
путь для которого по сайту в соответствии с воронкой должен быть продуман заранее. И далее пойдет сам процесс
прототипирования - создание совершенного продукта с устранением разночтений и полным соответствием ТЗ.
Условно процесс создания прототипа сайта можно определить несколькими шагами:
- определение начальных требований,
- разработка первого варианта (пользовательский интерфейс),
- показ заказчику для ознакомления и внесения поправок или изменений,
- утверждение прототипа и его реализация.
Лучше осмотреть прототип поможет 3D-прототипирование, а в качестве языков используйте языки программирования
PHP, ActionScript, JavaScript, - то есть языки высокого уровня абстракции, но можете применять и другие.
В конечной реализации прототипа создайте документированный и более аккуратный код. Протестируйте сайт, если
необходимо выполните отладку и достоверно убедитесь в выполнении всего функционала сайта.
Когда выполняется прототипирование сайта, то можно выявить и архитектурные ошибки и внести изменения в интерфейс
модулей системы, и провести перераспределение их обязанностей. Создается прототип как одноразовый макет и не должен
занимать много времени. При создании эффективного прототипа можно легче решать самые сложные с точки зрения
реализации и самые важные функциональные составляющие. Поэтому, если планируете сохранить время, деньги и еще
нервы, делайте качественный и эффективный прототип сайта.
Основные варианты прототипирования
Есть основные семь вариантов прототипирования: InVision, Balsamiq, Moqups, Marvel, Justmind, Origami, Proto.ioInVision - дает возможность демонстрации готовых макетов в интерактивном варианте ,
Balsamiq. - самый оптимальный вариант при отсутствии Photoshop или Sketch,
в Moqups вся работа только онлайн.
Marvel имеет основной инструмент - Canvas. Можно выбрать тип прототипа: сайт, приложение для iPhone, iPad, Android и даже AppleWatch. а Justmind работает как для iOS, так и для Android и Surface.
Origami имеет 4 главные панели: панель патчей, слои, окно просмотра, библиотека патчей, а у
Proto.io есть привязка к учетной записи Dropbox для хранения и загрузки файлов, клиент для iOS и Android и плагины для Sketch и Photoshop.
Этих сервисов в избытке достаточно для решения любой, самой сложной задачи, остается только выбрать подходящий,
но не следует выбирать приложения с избыточным для ваших нужд функционалом.