Пользователь
0,0
рейтинг
18 сентября 2009 в 13:48

Дизайн → Инструменты быстрого прототипирования перевод

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

Создание эффективных прототипов
Для того чтобы оценить инструменты или техники прототипирования нам в первую очередь необходимо определить критерии эффективного прототипа. Лучшими являются те прототипы, которые вливаются в процесс дизайна. Мы хотим иметь возможность быстро переходить от набросков к интерактивному воплощению.
Эффективные прототипы быстры. Мы хотим использовать методики, которые помогают делать итерации короче. Этап создания прототипа не должно быть жестко закреплен в конце процесса дизайна. Включение создания прототипа в вашу ежедневную дизайнерскую работу способствует возникновению идей и бытрой проверке концепций.
Эффективные прототипы являются одноразовыми. Как и любой другой дизайн, предназначеный для реализации, мы создаём артефакт, предназначенный для того, чтобы донести идею до кого-то ещё (заинтересованного лица, разработчика, пользователя и т.д.). После того как дизайнерская идея была донесена, прототип реализации может быть отвергнут. Мы не должны переживать тяжёлое чувство, что создаём шедевр, который обязательно будет реализован, и безусловно не должны создавать прототип, работая на уровне кода.
Эффективные прототипы являются сфокусированными. Мы хотим выбирать интерактивные элементы нашего дизайна, которые действительно должны быть прототипированы. Ищите части вашего дизайна, которые сложны. Ищите паттерны взаимодействия, кторые давно известны в теории user experience. Ищите элементы взаимодействия, которые принесут пользу вашему продукту. Прототип, который продемонстрирует эти элементы, будет лучшим использованием вашего времени и энергии. [...]
Выбор инструмента
Вместе с базовым набором, который инструмент прототипирования должен предоставлять нам для создания эффективного прототипа, мы рассмотрим, что подойдет нашей конкретной организации.
Первым делом давайте бросим взгляд на команду. Кто-нибудь из сотрудников умеет программировать? Является технолог дизайна членом нашей группы, занимающейся user experience? Есть ли у нас прочные отношения с инженерным отделом, кторый может помочь в создании прототипов? Что насчёт штатных разработчиков, кторые могут помочь? Определение наших технических возможностей укажет нам направление на программирование прототипа вручную или на использование основанного на рисовании ПО для прототипирования.
Как велика наша команда? Мы являемся командой по user experience, состоящей из одного человека, занимающегося одновременно и исследованиями, и рисованием скетчей и прототипированием? Или мы члены небольшой, сплоченой команды, которая может осуществить процесс создания готового прототипа менее чем за один день? Или мы являемся частью большой организации, и существует необходимость пробиваться в мутной воде корпортативной политики и различных точек зрения на наш прототип? Зачастую, чем больше команда, тем больше деталей прототипа (описания) потребуется.
Где находится люди, которые будут оценивать наш прототип? Находятся ли они в одном с нами офисе, заглядывая через плечо? Или они далеко? Находятся ли они в стране с тем-же самым часовым поясом? Положительный ответ на этот вопрос увеличивает вероятность обсуждения с помощью прототипа, так как он на все 100% описывает себя сам.
Является ли команда, занимающаяся user experience, частью команды по разработке, или привлечённой группой, занимающейся консалтингом? Если мы часть команды, то сильно ли мы интегрированы с инженерной группой, или мы совершенно отдельный департамент? Группе по user experience, которую привлекли со стороны, зачастую приходится отстаивать свой концепт дизайна немного больше.
Какой у нас бюджет на средство прототипирования? Как и с большинством ПО, границы предложений охватывают диапазон от бесплатного до дорогого. Лучшие решения как правило относятся к нижней части среднего ценового диапазона. Супер-дорогие решения (как в отношении времени, так и в отношении цены) как правило своего не стоят.
Насколько гибким должен быть наш инструмент прототипирования? Ориентируемся ли мы только лишь на одну платформу, например на веб? Или мы создаём дизайн для многих платформ, мобильной, терминалов, телевидения, бытовой электроники, интернета? Многие средства прототипирования создаются лишь для одного направления (чаще всего для веб-сайтов), поэтому мы либо должны выбрать что-то одно, что нам нравится, или остановиться на методах создания прототипов с помощью программирования.
Инструменты прототипирования
С учётом указанных критериев создан список инструментов прототипирования. [...] Я надеюсь, что вместе мы сможем сформулировать подробные критерии выбора и варианты аспектов прототипирования. Этот список будет пересматриваться на основе обратной связи с сообществом.
Название инструмента Описание Платформа/Цена/Производитель Ссылка
Axure RP Pro Инструмент, ориентированный на создание прототипов веб-сайтов. Генерирует кликабельный HTML и документацию в формате Word. Поддерживает комплексное взаимодействие. Windows / $ 589 / Axure www.axure.com/p101_5.aspx
Balsamiq Mockups Позволяет очень быстро создават макеты вашего ПО. Сгенерированное содержимое выглядит как скетчи, что поможет не вводить в заблуждение тех, кто может подумать, что программа уже готова. Веб / $ 79 / Balsamig www.balsamiq.com
CogTool* Создаёт простые макеты пользовательского интерфейса и позволяет оценить их эффективность. Предсказывает, сколько времени опытному пользователю понадобиться для выполнения той или иной задачи. Кроссплатформенный / Бесплатный / Bonnie E. John cogtool.hcii.cs.cmu.edu
Coutline* Веб-приложение для создания и просмотра интерактивных прототипов. Включает в себя функции по управлению проектом и участию контролирующей группы. Веб /? / Coutline www.coutline.com www.usability.by/coutline
Dreamweaver Используйте визуальную часть Dreamweaver для перетаскивания и размещения элементов дизайна с помощью drag-and-drop, добавления элементов интерактивности, и погружайтесь в код для более комплексного прототипирования. Кроссплатформенный / $ 399 / Adobe www.adobe.com/products/dreamweaver
EasyPrototype* Очень похож на популярный Axure, легкий инструмент, позволяет проектировать экранные формы, экспортировать интерактивные HTML-прототипы и документацию. Кроссплатформенный / $ 69 / ExtremePlanner Software www.extremeplanner.com/easyprototype
Excel* Вы думаете, «Excel, ты с ума сошел»? Авторы этой книги так не считают. Кроссплатформенный / $ 229 / Microsoft www.effectiveprototyping.com/ep_excel.shtm excelprototyping.weebly.com
Expression Blend Генерирует прототипы для Silverlight и WPF приложений с богатыми интерактивными возможностями, быстрая скорость работы посредством Drag-и-Drop. Windows / $ 499 / Microsoft www.microsoft.com/expression/products/Overview.aspx?key=blend#page-top
Expression Blend + SketchFlow* Cоздание карт потока задач и концепций интерфейсов, которые выглядят как скетчи. Прототипы можно преобразовывать в конечный продукт с помощью Expression Suite. Windows / $ 599 / Microsoft www.microsoft.com/expression/products/Sketchflow_Overview.asp
Expression Design Мощный инструмент рисования для создания прототипов HTML, Silverlight и WPF приложений с ограниченной интерактивностью. Windows / $ 699 / Microsoft www.microsoft.com/expression/products/Overview.aspx?key=design
Fireworks Возможно создание сложных интерактивных прототипов. Множество инструментов аналогичны некоторым инструментам из Adobe suite. Имеется возможность экспорта в PDF или HTML. Кроссплатформенный / $ 299 / Adobe tv.adobe.com/#VI+f1498v1659
FlairBuilder* Создаёт интерактивные экранные формы с помощью десктопного Air приложения. Отправляет результат клиенту для просмотра в виде самостоятельного приложения. Кросплатформенный / $ 99 / Cristian Pascu www.flairbuilder.com
Flash Быстро генерирует анимацию или простые интерактивные прототипы. При наличиии знаний ActionScript позволяет создавать сложные интерактивные прототипы. Кроссплатформенный / $ 699 / Adobe www.boxesandarrows.com/view/quick-and-easy-flash
Flash Catalyst Инструмент, еще находящийся в процессе раработки, призван помочь дизайнерам в создании интерфейсов для флэш-приложений. Кроссплатформенный /? / Adobe labs.adobe.com/technologies/flashcatalyst
Flex Несмотря на то, что более приспособлен для разработчиков, WYSIWYG редактор и поддержка импорта скинов из Ilustrator дают возможность быстро пройти путь от проекта до опытного образца. Есть возможность экспорта Flash или Air приложений. Кроссплатформенный / $ 249 / Adobe www.adobe.com/products/flex
ForeUI* Создаёт макеты, определяет и моделирует поведение приложения в браузере. Кроссплатформенный / $ 79 / EaSynth Solution www.foreui.com
FormBuilder for Drupal Имеет веб-интерфейс с возможностью перетаскивания элементов на страницу. Создаёт рабочтающие формы, включая требования к вводимым параметрам, за считанные минуты. Веб / Бесплатный / Lullabot www.lullabot.com/blog/drupals-form-building-future
GUI Design Studio* Создаёт интерфейсы, аннотации к ним, строит раскадровки для определения рабочего прототипа. Имеет прекрасный визуальный стиль, похожий на скетчи. Windows / $ 499 / Caretta Software www.carettasoftware.com/guidesignstudio
iPlotz* Веб-приложение, создающее интерактивные экранные формы.Также включает в себя базовый набор для управления проектом, вроде присваивания задач. Доступна версия для десктопа (Air). Веб / $ 99 [1] / iPlotz iplotz.com
iRise Комплексный инструмент для моделирования бизнес-процессов и проектирования интерфейса приложения. Windows / $ 6995 / iRise www.irise.com
Justinmind Prototyper* Создаёт экранные формы с возможностью определения их поведения через описание с помощью use case-диаграмм. Кроссплатформенный (Для Mac пока только бета-версия) / $ 690 / Justinmind justinmind.com
JustProto* Веб-приложение, ориентированное на работу с удалённой командой. Веб / $ 99 [1] / DeSmar www.justproto.com/en
Keynote Похож на Powerpoint. Позволяет объектам быть кликабельными, открывать внешние ссылки, проигрывать Quicktime формат, атовматически переходить к новому слайду. Mac / $ 79 / Apple www.apple.com/iwork/keynote
LiveView Просмотр вашего рабочего стола на виртуальном iPhone, или в качестве приложения на реальном iPhone. Mac / Бесплатный / IDEO labs.ideo.com/2009/01/20/liveview-an-iphone-app-for-on-screen-prototyping
Lucid Spec* Дизайн экранных форм и моделировние рабочих приложений с использованием стандартных элементов управления и простого в использовании инструмента рисования. Windows / $ 499 / Elegance Technologies www.elegancetech.com/LS/LS.aspx
MockApp* Библиотека элементов интерфейса iPhone для Keynote. Есть также неоттестированная версия для Powerpoint, производящая некорректный экспорт. Кроссплатформенный / Бесплатный / Dotan Saguy mockapp.com
MockupScreens* Простой инструмент для создания экранных форм без интерактивных возможнстей. Windows / $ 100 / MockupScreens mockupscreens.com
OmniGraffle Инструмент для построения диаграмм и макетов, которые можно экспортировать в виде кликабельного HTML или PDF. Mac / $ 200 / OmniGroup urlgreyhot.com/personal/weblog/creating_prototypes_with_omnigraffle
OverSite* Создаёт структуру приложения, позволяет проектировать интерфейсы и моделировать приложения в виде кликабельного прототипа. Существует возможность импорта существующего сайта для использования в качестве отправной точки. Кроссплатформенный / $ 65 / OverSite taubler.com/oversite
Pencil Дополнение для Firefox, представляющее из себя нечто большее, чем просто создатель экранных форм или инструмент прототипирования. Кроссплатформенный / Бесплатный / Duong Thanh An www.evolus.vn/Pencil
pidoco* [...] Веб-инструмент для прототипирования, с возможностью совместной работы в стандартном режиме и режиме скетчей. Веб / $ 600 [2] / pidoco pidoco.com/en
Polypage* jQuery-плагин, позволяющий показывать/скрывать элементы страницы. С его помощью можно моделировать изменение состояния через панель инструментов. Кроссплатформенный / Бесплатный / ClearLeft 24ways.org/2008/easier-page-states-for-wireframes
Powerpoint Слайды Powerpoint — прототип? Да, это малоизвестный факт, но Powerpoint поддерживает интерактивные горячие точки, кторые можно использовать для переходов между слайдами. Это можно скомбинировать с анимацией переходов. Кроссплатформенный / $ 229 / Microsoft www.boxesandarrows.com/view/interactive
Protonotes Не является инструсментом прототипирования, но позволяет разрозненной команде комментировать проект через интернет. Веб / Бесплатный / Webanza www.protonotes.com
Protoscript Супер-упрощенный скриптовой язык, дающий дизайнерам возможность добавления элементов динамики к существующим HTML-страницам. Веб / Бесплатный / Bill Scott protoscript.com
Protoshare Веб-приложение, ориентированное на команды, которым требуется возможность совместной работы с интерактивными экранными формами. Веб / $ 156 [1] / Site 9 www.protoshare.com
Prototype Composer Даёт возможность прототипирования для веб и десктоп-приложений. [...] Windows / Бесплатный / Serena www.serena.com/products/prototype-composer/index.html
Screen Architect* Работает совместно с инструментом UML-моделирования Enterprise Architect для создания прототипов интерфейса в формате RTF и HTML. Windows / $ 120 [3] / CATCH www.screenarchitect.com
Tinderbox* Комплексный инструмент для записей, который может быть использован для экспорта в кликабельный HTML. Mac / $ 229 / Eastgate Systems www.eastgate.com/Tinderbox
Visio Professional Многие называют Visio «золотым стандартом» для инструментов создания экранных форм. Может создавать интерактивные прототипы. Windows / $ 560 / Microsoft office.microsoft.com/en-us/visio/FX100487861033.aspx
XHTML & CSS Овладейте навыками программирования, избавьтесь от программ для прототипирования и создавайте прототипы руками! Кроссплатформенный / Бесплатный / W3C? ;-) www.boxesandarrows.com/view/prototyping-with

* Выпущен, или добавлен в таблицу после опубликования поста в марте 2009
[1] За год
[2] За год
[3] Плюс $ 135 за Enterprise Architect
grumbler_chester: Таблица, содержащая список инструментов прототипирования, в оригинальном посте регулярно дополняется.
Перевод: Dan Harrelson
grumbler_chester ™ @grumbler_chester
карма
33,2
рейтинг 0,0
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Спецпроект

Самое читаемое Дизайн

Комментарии (51)

  • –2
    считаю что прототипирование сайта нужно делать НЕ в графических программах.
    проектировщику и тому для кого делается прототип нужно сконцентрироваться на оптимальном размещении элементов на странице и на том как эти элементы взаимодействуют с пользователем, а не на их визуализации.
    • +1
      Вообще, не вижу противоречия, работа в визуальном редакторе никак не противостоит концентрации на размещении и взаимодействии.
      И не стал бы ставить знак равенства между прототипированием и визуализацией.
      И вообще, где тогда работать? Как делать за короткие сроки большое количество вариантов прототипов, которые можно дать «потрогать» заказчику?
      • +2
        А ГДЕ я ставлю знак равенства между прототипированием и визуализацией????

        При прототипировании вы делаете концептуальную модель, где видно как сайт работает и где что расположено.
        а при визуализации показываете как это может выглядеть.
        поэтому и написал, что не стоит прототип делать в графической программе. Можно. Но не нужно. Дабы не отвлекаться на всякие красивости и cконцентрироваться на более важном.
        К примеру, никакие «тенюшки и градиенты» в форме не помогут если она построена не логично.

        Я работаю в Axure. Там есть все необходимые заготовки, мне лишь остаётся их правильно расположить.
  • +1
    Поправьте, пожалуйста:
    Expression Blend +SketchFlow — $599 за пакет Expression Studio, помимо Blend, включающего Web, Design и Encoder
    Expression Design вообще отдельно не продается, но помимо варианта выше также входит в набор Expression Web за $149, включающий Web, Design и Encoder.

    В академических целях, равно как некоторые другие продукты, доступны бесплатно.

    Кстати, раз включили Dreamweaver, можно и Expression Web включить и кучу других инструментов, вплоть до Aptana и других продуктов на базе Eclipse.

    Также некоторые дизайнеры/разработчики интерфейсов делают прототипы в иллюстраторе.

    Ну и самый дешевый/простой — бумага и карандаш ;)
    • 0
      >Поправьте, пожалуйста [...]
      Да, действительно, прошёл по ссылке, и нашел, что $ 599 — цена за всю Expression Studio www.microsoft.com/expression/products/Purchase.aspx?filter=studio3
      Но править информацию — не моя прерогатива, это, скорее, вопрос к автору, простите уж.
      Вообще, разобраться в видах лицензий и поставок продуктов MS — нелегко.
      >В академических целях, равно как некоторые другие продукты, доступны бесплатно.
      В таблице дана информация для «практикующих» специалистов, версии для студентов и различные триалы мало помогут им в работе.
      >Кстати, раз включили Dreamweaver, можно и Expression Web включить и кучу других инструментов, вплоть до Aptana и других продуктов на базе Eclipse.
      Да, Aptana и Dreamweaver может быть и схожи, так как оба — инструменты разработки, но я что-то не слышал, чтобы в ней был какой-либо WYSIWYG-редактор или что-то подобное. Если-только в виде плагина?
      >Также некоторые дизайнеры/разработчики интерфейсов делают прототипы в иллюстраторе.
      Может быть наброски/скетчи/изображения? Прототип — это не рисунок (если хотите, изображение элементов интерфейса, экранная форма) а обладающий некоторой интерактивностью, функционалом объект.
      Если в чём-то не прав, поправьте, у меня такой взгляд на вещи.
      • +2
        Хм, в иллюстраторе делается серия страниц. Между ними можно делать переходы по нажатию. На выходе кликабельный прототип в pdf-формате, который можно, к примеру, послать заказчику.
        • 0
          Круто. Спасибо, я с ним не работал.
        • +1
          В иллюстраторе не сделать полноценный HTML прототип и в Ворд не выгнать для дальнейшего редактирования…
          Менеджерское звено у нас в конторе при разработке сайтов пользуются Axure RP Pro (прототипы и частичное написание ТЗ — процентов этак на 90)))), MindManager (построение структуры/аритектуры и взаимодействие всего со всем). И МС Офис для дописывания ТЗ.
          И на опыте уже доказано, что делать сайт надо так: ТЗ с прототипами -> дизайн -> верстка -> программинг -> тестирование и отладка -> сдача проекта.
          Если по такому пути не пойдет, то значит первоначальные сроки увеличатся минимум в 2 раза.

          В Axure RP Pro кстати реально можно написать почти все ТЗ… а если озадачиться по поводу шаблонов, то все ТЗ можно полностью сделать в ней.
          В общем иллюстратор надо юзать по назначению.
  • +4
    > Инструменты быстрого прототипирования

    Axure RP Pro $589
    Expression Blend $599
    Карандаш и бумага Бесценно (с)
    • 0
      Что эффективнее на пресейле, показать заказчику бумагу со скетчем (или даже реализованный графический макет) или прототип, частично реализующий работу программы? (с)
      • 0
        Если труд проектировщика считается бесплатным и пустячным, то на пресейле, на пресейле.
  • 0
    Спасибо за перевод, добавил ссылку на перевод во вчерашний фреш
    • 0
      Это вам спасибо за наводку. (;
    • 0
      спасибо за вчерашний фреш, отловил в нём парочку новых ресурсов для разделов онлайн сервисов Collaboration и Prototyping
  • +1
    Прототипы это правильно, особенно хорошо когда от прототипа можно перейти к TDD — но для такого подхода прототипы должны быть реализованы на инструментальном языке (html, flash etc.).

    С другой стороны, как поговаривал один преподаватель в моем вузе — хороший макет продукта (визуально очень качественный) может создать у заказчика ложное ощущение того, что продукт уже готов или почти готов, но еще хуже, если сам разработчик при этом начинает в это верить. Поэтому прототип должен быть максимально приближен к эскизному виду, с заглушками вместо какого либо функционала.
  • 0
    С rss-ки usability.by как-раз упала статья об инструменте, присутствующем в списке — Coutline. www.usability.by/coutline
    • 0
      Спасибо за перевод и за ссылку. Добавил ссылку на ваш перевод в заметку об этой статье на usability.by :)
  • 0
    Что подразумевается под кроссплатформенностью?
    • 0
      Думаю, что программу можно использовать (есть дистрибутивы) на нескольких разных семействах ОС, а не кроссплатформенность в полном смысле этого слова.
    • 0
      Работает не только под виндой…
      • +2
        Ну, или не только под макосью.
  • 0
    А где цены но самый крутой инструмент — офисную доску? =)
    • 0
      Кстати, да, мечтаю о такой. Чтобы и писать по ней и магнитики двигать, и стикеры клеить. Что то в самом процессе есть волшебное.
      • 0
        Еще добавить к доске добавить USB/Ether/Wifi для подключения к компу, что б прототайп сейвать. Думаю если не знайду то сделаю сам и поделюсь :)
        • 0
          Существуют интерактивные доски, которые воспринимают, что вы на ней рисуете=)

          Одна компания торговала софтом для пфгильной разарботки при помощи рисования, только сайт сейчас не найду.
          Объедините — ваша мечта реализуется;)
  • 0
    Когда увидел название статьи — подумал речь будет идти не только о прототипирвоании интерфейсов.
    Но всё- равно спасибо за подборку.
  • +1
    Хороший топик! Спасибо )
    Инструменты быстрого прототипирования (что пользую):

    Axure RP Pro
    Visio Professional (преимущественно для схем, диаграмм)
    Флипчарт
    Бумага и ручка
  • 0
    Спасибо большое. Как раз искал что-то по этой тематике. Плюсанул.
  • 0
    Поправлю, что Axure — инструмент, ориентированный на создание прототипов не только веб-сайтов, но и приложений. Очень удобно, хоть и дорогой он.
  • 0
    Забыли об очень неплохой программе для рисования мокапов Denim — кроссплатформенная (Java) и к тому же бесплатная. Адрес проекта: dub.washington.edu:2007/denim/
  • 0
    Хорошая статья, только я не думаю, что Drem/Illustrator/Photoshop/Flash/Flex — хороши для создания прототипа сайта, хоть и имеют функции для создания. Они скорее среды разработки. Единственным Fast Prototyping Tool от Adobe — является FireWorks, т.к. может создавать Air/PDF/Flash/Flex/Html/Html+Css, имеет средства импорта текста и конечный фаил отлично интегрируется в семейство Adobe и в дальнейшем может быть обновлён.
    А что касается Flash Catalyst — он хоть и похож по концепции, но является лишь вторым звеном, сначала макет делать в Illustrator/Photoshop/FireWorks и в дальнейшем дружит только с Flex и хромает с апдейтом макета, так что ему не совсем в этот список.
  • 0
    Последний вариант — самый лучший. Главное, что там сразу из прототипа в шаблон для Django _конвертировать_ можно, [sarcasm]без вёрстки[/sarcasm].
  • 0
    Как-то раз нужно было набросать прототип, чтобы донести идею до дизайнера (дизайнер в другой стране). Попробовал Balsamiq, у них есть онлайновая бесплатная версия. Все было симпатично и быстро до того момента, пока не понадобилось нарисовать нестандартный элемент формой примерно как зубная щетка. Пришлось вернуться к карандашу и бумаге, а потом отсканировал и послал.
  • 0
    OmniGraffle со стенсилами.
  • 0
    автору спасибо за статью!

    для интерактивных прототипов пользуюсь Axure, благо, что там можно хоть ajax имитировать.
    для быстрых схематичных набросков очень хорош Visio… чисто на глаз прикинуть.
    карандаш и бумага, к сожалению, слишком не интерактивны, но пользуются бешеной популярностью, думаю, у всех :)
  • 0
    Актуально, взял на вооружение Balsamiq Mockups. Спасибо!
  • 0
    я это делаю в отдельной тетради цветными ручками.
    это позволяет делать кучу разных вариантов очень быстро, и выбирать лучшие )
    олдскульный метод, я знаю )
  • 0
    автору спасибо за статью!
    К сожалению, не имею возможности обратится приватно
    Если вас интересует больше о возможностях и планах на развитие Coutline, пишите мне на info [at] coutline.com
  • 0
    То, что Вы представили таблицой, надо было делать так: заголовок-ссылка + абзац описания + строчка с ценой и производителем (или что там). В таблице ну ваще не читается.

    Но за обзор спасибо, сохраню в мемориз до следующего раза, когда понадобится работать.
  • 0
    Не Flex, а Flex Builder — это две разные вещи — SDK и IDE. Не путайте, пожалуйста.
  • 0
    Хорошая подборка инструментов.
    Сам пользуюсь Adobe FireWorks. Для прототипов хорошо подходит, привычный адобовский интерфейс + удобная совместная работа с дизайнерами.
  • 0
    WireframeSketcher
    Плагин для eclipse, позволяет действительно быстро разработать макет интерфейса, в терминологии плагина Screen. На первый взгляд аскетичный, но используя распространенные элементы можно детально спроектировать макет.



    При помощи элемента Master Screen можно использовать Screen как элемент. Сохранить результат можно картинкой или в PDF. Примеры
    Исходные материалы макетов представляют из себя XML и полагаю используя дополнительные инструменты разработанные макеты можно преобразовать во что угодно.

    Кроссплатформенный / Бесплатный для опенсорс разработчиков или $75 — $50 (завист от количества лицензий) / Автор Петру Северина (Petru Severin)
    wireframesketcher.com

    • 0
      Спасибо. Отличная и очень простая вещь.
  • +1
    В моей компании используется внутренняя разработка — GUI Machine — для создания протототипов высокой степени интерактивности. Удобный и мощный инструмент.
    Если кому инетересно — тут можно ознакомиться поближе и скачать демку.
    • +1
      Почему-то ссылка не создалась, пишу адрес ещё раз: guimachine.ru
  • 0
    Mockingbird
    простенькое web-приложение от 9 до 85 баксов
  • 0
    Есть еще Framebox
    Бесплатно, удобно, регулярно новые плюшки появляются
    • 0
      Ссылка не открывается. Проект закрылся или переехал?
      • 0
        Вроде починили. Пробуйте
  • 0
    В списке не хватает ninjamock.com — там есть полностью функциональная бесплатная версия.
  • 0
    вопрос такой — как прототипировать штуки вроде search-bar'a LinkedIn'a, у которого очень много степеней свободы?

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.