(бесплатные средства выделены жирным шрифтом): desktop tools

Guidelines, Tools and Resources For Web Wireframing
February 3rd, 2010 by Saud Khan in Design, Lists, Tools
Tags: Design Practice, Design Strategy, IA, Online Tools, User Centred Design,Wireframing
Сегодня Интернет, очень отличается от того, каким он был несколько лет назад. Он стал лучше, но гораздо более сложным - больше нельзя игнорировать такие вещи, как юзабилити, информационнаяархитектура и дизайн. Вот почему к прототипированию (wireframing) так много внимания в последнее время.

Прототипирование позволяет наглядно проиллюстрировать расположение основных элементов пользовательскогоинтерфейса. Он также выступает как способ общения с клиентами и другими заинтересованными сторонами (создатели контента, дизайнеры, разработчики и т.д.). Кроме того, прототипирование позволяет учитыватьизменения, пути передвижения пользователей (user paths), и новые требования.
Прототипирование нельзя использовать бездумно. Вы должны точно определить свои цели и оставаться сосредоточенным в ходе всего процесса.Прототипирование может помочь вам в любом из следующих процессов:
* Планирование и Анализ
* Общение с Клиентом и/или командой
* Документооборот
Методы
В зависимости от ваших личных предпочтений,условий труда и, самое главное, масштаба/сложности вашего проекта, вы можете воспользоваться одной из следующих общих методик для разработки прототипа:
HTML/CSS прототипирование.
Этот методтребует, разработки прототипа для страниц в формате HTML и CSS. Это предоставляет дополнительные преимущества для планирования и взаимоувязки интерактивных аспектов дизайна пользовательского интерфейса. Кроме того,ни какие дополнительные инструменты не требуются - вашего любимого набора инструментов веб-разработки будет более чем достаточно.
Ниже приводится список полезных ресурсов; предоставить болееподробную информацию о HTML/CSS wireframing техника:
* Make Your Mockup in Markup
* Just Build It: HTML Prototyping and Agile Development
* Time to stop showing...