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

Для кого?

Владельцы веб-студий Менеджеры проектов Маркетологи Заказчики Фрилансеры Дизайнеры

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

Это — прототип страницы сайта

Прежде чем Вы начали создавать прототип

1) Определите цели сайтаКакие задачи должен выполнять готовый проект?

2) Исследуйте тематикуХотя бы минимально

Разбор типичных ошибок прототипирования на примере страницы каталога товаров в интернет магазине

Прототип должен быть 1 к 1 в масштабе сайта.

Лесенка в строке товаров

Перечеркнутая цена

Расположение нескольких стикеров на 1 товаре

Все возможные варианты переключателейв фильтре товара

а) Не забыть постраничную навигацию, если она будет на сайте.б) Текст должен быть на языке сайта.*в) Картинка в тексте.

*Может пригодиться vesna.yandex.ru

Не забывайте: Оставлять ссылку на разработчика; показывать счетчик, если он будет

Если есть всплывающие окна на сайте - прототипируйте.

Плагины wp для работы с прототипами

https://wordpress.org/plugins/design-feedback/

Позволяет: Загрузить картинку дизайна на страницу сайта Переключаться между страницами прототипа Оставлять комментарии к прототипам/дизайну

http://www.mockupplugin.com/mockup/mac-page/

Инструменты

NinjaMock http://ninjamock.com/ Omnigraffle (mac)ConceptDrawPro (pc)Pidoco (online) Mockingbird (online) Pencil (pc, mac, linux)Axure (pc, mac)

Спасибо!

Рябов Иванskype: ivan-ryabov vk: vk.com/ivan_ryabov tel: +7 916 657 36 43