Прототипирование

Описание

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

Методы

  1. Описание use-cases. Создание прототипа следует начинать с описания случаев использования продукта. Суть метода в выявлении главного функционала продукта и описания поведения пользователя при взаимодействии с этим функционалом. Наример: 1) Название: Регистрация пользователя. Описание: При первом запуске приложения, пользователю выводится экран регистрации. Он содержит поля: First name, Last name, Password, Confirm Password. Пользователь заполняет эти поля и нажимает кнопку Sign Up. Приложение проверяет, что все поля заполнены, поля First name и Last name содержат только латинские буквы, минимум 2. Поля Password и Confirm Password содержат минимум 8 символов и их значения совпадают. В случае не соблюдейния этих правил — вывести окно Alert с описанием ошибки. В случае если все ок — сохранить информацию о пользователе в базе данных и перейти к главному экрану приложения.
  2. Бумага и ручка. После того как описан предполагаемый случай использования — быстрым решением будет сделать набросок экрана приложения или сайта соответствующего этому кейсу. На основе этих набросков, можно будет перейти к непосредственному созданию экрана в приложении для прототипипрования. Этапы описания use-cases чередуются с отрисовкой экранов продукта, таким образом перед непосредственным прототипированием у нас будет понимание что делает приложение или сервис, как реагирует на действия пользователя, и как он выглядит.
  3. JustInMind. Если разрабатываемый продукт — это мобильное приложение, то лучшим решением для создания интерактивного прототипа будет программа JustInMind. Позволяет создавать прототипы мобильных приложений для Android, iPhone/iPad, с подключением обработчиков событий, перемещения между экранами, гибкими настройками интерфейса приложения. Готовый прототип можно выложить в онлайн и тестировать, либо демонстрировать его через браузер. Также есть возможность залить прототип непосредственно на телефон, получая в итоге полуготовое интерактивное приложение. Онлайн альтернативной JustInMind является сервис proto.io.
  4. Moqups. Универсальное средство для создания прототипов сайта или десктоп приложения. Содержит большой набор элементов управления, позволяет создавать схематичное представление интерфейса пользователя.

 

Смотрите также — Инструменты прототипипрования

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *