Как работает поиск в 2016 году? Инфографика
Previous
выбрать за меня
Атрибуция: чего ждать в 2016?
Next
веб дизайн, юзабилити, U,-дизайн, разработка сайта, прототипы
Юзабилити

Что такое прототип: гид по функциональному UX дизайну

Автор: Ия Пфанштиль02.02.2016

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

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

Что же такое прототип?

Вот самое общее определение:

Прототип – это симуляция или пробная версия финального продукта, которая используется для проведения тестирования перед его запуском.

Целью создания прототипов является тестирование продуктов и идей перед тем, как вложить в них значительную сумму денег и потратить много времени на их создание.

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

Прототипы обладают четырьмя основными качествами:

  1. Презентация. Форма прототипа, например, бумажная, мобильная, HTML.
  2. Точность. Уровень детализации прототипа, его реализм.
  3. Интерактивность. Прототипы могут быть полностью функциональными, частично функциональными или только для просмотра.
  4. Развитие. Жизненный цикл прототипа. Некоторые из них быстро создаются, тестируются и выбрасываются, а затем заменяются более совершенными версиями; другие могут создаваться, затем дорабатываться, превращаясь в конечный продукт.

Многие ошибочно полагают, что прототипы создаются один или два раза в самом конце процесса разработки дизайна. Это не так. Чем раньше вы создадите прототип, тем лучше. Также не стоит забывать как можно чаще его тестировать. При этом следует создавать прототип для всех возможных элементов дизайна, даже если у вас пока есть только общее представление о проекте.
веб дизайн, юзабилити, U,-дизайн, разработка сайта, прототипы
Прототипы – это не просто конечное представление о продукте. Они должны отражать все его версии, которые необходимо протестировать. Только так вы сможете понять, каким образом люди будут взаимодействовать с продуктом. При этом совершенно не важна выбранная форма прототипа.

Формы прототипов

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

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

Эта форма прототипов использовалась еще до появления интернета. Лучше всего она подходит для работы на ранних этапах разработки дизайна, в основном для тестирования идей продуктов. Из названия понятно, как выглядят подобные прототипы: это экраны, нарисованные на бумаге, на которых обозначены основные зоны взаимодействия.

Обычно подобные прототипы тестируются следующим образом: выбирается человек, играющий роль «продукта», который меняет наброски в соответствии с тем, как будет вести себя пользователь. веб дизайн, юзабилити, U,-дизайн, разработка сайта, прототипы
Достоинства

  • Скорость. Вы можете создать бумажный прототип в течение 5 минут, вот почему он идеально подходит для тестирования идей. Набросок просто выполнить непосредственно в процессе совещания, проиллюстрировав свои задумки.
  • Доступность. Для создания подобного прототипа понадобится только бумага и офисные принадлежности, поэтому они практически бесплатны. Чтобы сделать такой прототип более детальным можно приобрести специальное оборудование такое, как трафареты, но это совсем не обязательно.
  • Сплочение команды. Создание бумажных прототипов – увлекательное занятие, которое объединяет людей и укрепляет командный дух.
  • Документация. В отличие от цифровых прототипов, бумажные могут храниться в качестве документов, на них можно оставлять пометки и быстро вносить изменения.

Недостатки

  • Недостаточная реалистичность. Независимо от навыков дизайнера, бумажные прототипы являются плохой заменой для цифровых систем, по ним сложно оценить юзабилити.
  • Необъективность. Иногда бумажные прототипы не дают возможности протестировать вашу задумку. Люди могут оценивать сам прототип, например неаккуратную форму полей, а не представленную идею.
  • Отсутствие интуитивной реакции. Бумажные прототипы полагаются на воображение пользователя, что создает помеху между стимулом и реакцией на него. Это значительно затрудняет разработку UX дизайна.

<img class="aligncenter size-full wp-image-15141" src=Таким образом, бумажные прототипы лучше всего подходят на начальных этапах разработки проекта, когда представление о нем еще достаточно абстрактно. Чем дальше вы будете продвигаться, тем больше будет разрыв между вашим прототипом и конечным продуктом.

Цифровые прототипы

Цифровые прототипы – одна из самых распространенных форм. Они достаточно реалистичны, что дает возможность эффективно протестировать основные элементы интерфейса, к тому же их намного проще создавать, чем HTML прототипы.

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

веб дизайн, юзабилити, U,-дизайн, разработка сайта, прототипы
Достоинства

  • Реалистичность взаимодействия. Используя эту форму, вы сможете понять, как пользователи будут взаимодействовать с интерфейсом конечного продукта (это зависит от детализации прототипа).
  • Гибкость. Вы можете разработать прототип с низкой детализацией, который будет совершенствоваться в процессе разработки дизайна.
  • Скорость. Конечно, создание бумажных прототипов занимает намного меньше времени, но если вам нужен прототип в электронном формате, то цифровые прототипы создаются намного быстрее, чем HTML. При этом скорость зависит от выбранного вами приложения, но многие из них имеют понятный интерфейс и интерактивные элементы, которые легко использовать.

Недостатки

  • Знание ПО. Перед созданием прототипа вам нужно будет изучить программное обеспечение. Однако у многих из этих приложений интуитивный интерфейс, поэтому обучение не займет много времени.
  • Переход к программированию. В зависимости от выбранного программного обеспечения, перевод вашего дизайна в код может вызвать затруднения. Некоторые элементы могут быть потеряны, и вам придется их восстанавливать с нуля.

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

HTML прототипы

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

веб дизайн, юзабилити, U,-дизайн, разработка сайта, прототипы
Преимущества

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

Недостатки

  • Зависимость от знаний и навыков. Ваш прототип будет настолько хорош, насколько хорошо вы владеете кодом. Если вы не уверены в своих навыках, лучше воспользоваться специальным программным обеспечением.
  • Тормозит креативный процесс. Работая с кодом, вы не имеете возможности как дизайнер напрямую оценивать результат, а значит, можете упускать некоторые аспекты юзабилити. В этом случае специальные программы дают больше простора для проявления креативности, а также могут вас вдохновить на новые идеи, предлагай варианты из встроенных библиотек.

Процесс создания прототипов

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

Цифровой с низким уровнем детализации – цифровой с высоким уровнем детализации – программирование

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

веб дизайн, юзабилити, U,-дизайн, разработка сайта, прототипыЦифровой прототип с высоким уровнем детализации помогает оценить проект более подробно, ориентируясь уже на готовый продукт. Это поможет выявить все возможные проблемы перед началом программирования.

Бумажный – цифровой с низким уровнем детализации – программирование

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

веб дизайн, юзабилити, U,-дизайн, разработка сайта, прототипы

HTML – программирование

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

Реакция на статью
поделюсь
0%
интересно
50%
полезно
150%
не уверен
0%
скучно
0%
где автор?
0%
Ия Пфанштиль
Переводчик, копирайтер, редактор. Больше трех лет пишу о digital-маркетинге. Делюсь открытиями. Мои статьи в telegram: @iyapfanshtil.
Комментарии
Оставить отзыв

    You must log in to post a comment

    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Уведомления о новостях, статьях и инфографике будут приходить раз в неделю.
    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Позвольте нам обновлять ваши знания раз в неделю.