Этап 6: Быстрое прототипирование.

Теперь вы будете работать над интерфейсом вашего веб-сайта. С этой целью вам нужно будет разработать прототип. Помните, этот курс не затрагивает программирование, поэтому вам не нужно создавать настоящий сайт. Вместо этого, разработайте для вашего гипотетического сайта интерфейс. Если вам хочется использовать графический редактор для прототипирования, то вот http://habrahabr.ru/post/70001/ неплохой обзор приложений. Вы конечно можете работать с карандашом и бумагой. Выбор за вами. Если вы выберите графический редактор то ознакомьтесь с ним заранее, потому как у всех графических редакторов есть ограничения и было бы обидно столкнуться с ними в середине работы.

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

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

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

Пример прототипов – см. в дополнительных файлах.

Как будет оцениваться ваша работа на этапе 6 «Быстрое прототипирование»:

Ясность:

0 - Студент не показал прототип или прототип не соответствовал решаемой задаче.

1 - Многие элементы прототипа не имеют назначения и разобраться в том, как пользоваться таким сайтом, очень сложно.

3 - Некоторые элементы прототипа не имеют назначения и в некоторых случаях разобраться в том, как пользоваться таким сайтом, очень сложно.

5 - Все элементы имеют строго определённое назначение и легко понять, как пользоваться прототипом.

Полнота:

0 - Студент не показал прототип или прототип не соответствовал решаемой задаче.

1 - Прототип не закончен так как в нём отсутствует связь между страницами или эта связь нарушена.

3 - Прототип закончен по большей части. Однако есть несколько элементов, которые не связаны с другими элементами.

5 - Прототип полностью закончен.