PublBox
В этом разделе материалы размещаются пользователями сайта и публикуются после одобрения модератором. Редакция не несет ответственности за орфографические и другие ошибки, хотя и старается исправлять их по мере возможности.
Добавить свою заметку вы можете на этой странице.
24 мая 2013, 15:16
10623
0

Прототип: бумажный или интерактивный?

В этой статье мы рассмотрим виды прототипов: бумажный и интерактивный. Мы выделим преимущества и недостатки этих подходов и расскажем, зачем это вообще нужно.

Бумажные прототипы

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

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

Стань перформанс-маркетологом за 19 недель!

Перформанс-маркетинг — это комплексный маркетинг в диджитал-среде. Знакомые каждому маркетологу понятия тут приобретают новый потенциал, ведь в диджитал можно измерить буквально каждое движение!

Научиться перформанс-маркетингу — значит научиться мыслить точно измеряемыми категориями. Освоить инструменты, усиливающие вашу интуицию чёткими цифрами. Изучить тонкости оперативной аналитики.

Хотите успеха в интернет-продвижении — без перформанс-маркетинга вам не обойтись. Для его изучения Cossa рекомендует онлайн-курс курс Перформанс-маркетолог.

Старт занятий уже в ближайшее время!

Реклама

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

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

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

1t copy.png

Рис. 1 UXPin — блокноты для бумажного проектирования. Такой оригинальный блокнотик, в котором элементы интерфейсов распечатаны на самоклейке. Сами страницы блокнота изготовлены из плотной бумаги и на них уже распечатаны элементы браузера или мобильной операционной системы.

2t copy.png

Рис. 2 UI Stencils — линейки. Все помнят офицерские линейки. Вот такая специальная линейка с трафаретами основных интерфейсов сайта поможет быстро и, главное, четко изобразить каркас страницы на бумаге.

3t.jpg

Рис. 3 Sketchbook — альбом для проектирования веб и мобильных приложений. По своей сути — обычный блокнот, но на его страницах заранее напечатаны элементы управления браузера.

4t.jpg

Рис. 4 Behance Dot Grid Book — блокнот с точечной разметкой. Совсем привычный блокнот, только разметка на страницах сделана в виде точек. Точки значительно удобнее, чем, например клетки, ведь дополнительные линии будут отвлекать пользователей от сути прототипа.

Интерактивные прототипы

allt.jpg

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

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

Основные преимущества интерактивного прототипа сайта:

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

Наряду с преимуществами существуют и некоторые недостатки:

  • Проектирование различных динамических блоков с использованием переменных и логических условностей может быть неудобным и более затратным, чем реализация этого с помощью верстки и программирования;
  • Код прототипа совершенно нечитабелен и уникален для каждого прототипа, что не позволяет его повторно использовать в схожих разработках;
  • Лицензия на ПО довольно дорогая.

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

✉️ Самое интересное шлём по почте, не чаще двух раз в неделю.

Не пропустите!

4977
Почему стоит работать с микроблогерами, а не миллионниками
Редизайн сайта OLYMPIA. Инструкция по применению без побочных эффектов.
4664
Нам весело, а им больно. Косяки в рекламе крупных брендов
4785
Как искать девушку, если ты маркетолог. Полтора года спустя
18347
Искусственный интеллект в маркетинге: начало новой эпохи
43333
40+ SEO-сервисов для анализа сайта и конкурентов
4329
Ад и рай дизайнера-интроверта. Как жить в мире экстравертов
4949
«Продактами не рождаются», — Анна Булдакова о шагах в профессию продакт-менеджера
8393
Внимание, ваш сайт устарел: 5 вещей, от которых пора избавиться
3643
Digital-стратегия и Customer Journey: зачем и как мы объединяем эти понятия
4077
4 тренда, которые формируют маркетинг будущего: ключевые тезисы с конференции ENGAGE IAB UK
8220
В украинском Facebook разгорается скандал рестораторов. Следим за работой с репутацией

Комментарии:

Ответить?
Реклама

Чем живёт digital.
Главное — в рассылке:




Вход на cossa.ru

Уже есть аккаунт?
Выбирай любой вариант входа:
Facebook Twitter Vkontakte

Используйте свой аккаунт в социальной сети Facebook или Twitter, чтобы пользоваться сайтом

Не забудьте написать email на странице своего профиля для управления рассылкой