Usability.by

FlairBuilder — кроссплатформенный инструмент для быстрого создания wireframes и интерактивных прототипов. Как он работает вы можете понять, воспользовавшись online demo версией.

Flash Catalyst — продукт от компании Adobe для создания интерфейсов и совместной работы дизайнеров и программистов. Некоторые возможности этого инструмента и особенности работы в нём демонстрирует это видео.

Так назывался один из докладов на конференции Remix, прошедшей 20-го апреля в Москве. Доклад Алёны Касинской рассказывал о Sketch Flow - инструменте в составе будущего релиза Blend 3. Как создать прототип приложения с учетом новых возможностей Blend 3. Знакомство с новыми панелями, проигрывателем, типами экранов. Добавление простой интерактивности. Элементы управление в стиле наброска карандашом - специально для прототипирования интерфейса. Генерация отчетности.

Посмотреть презентацию доклада (потребуется установленный Silverlight 2.0)

Страница поиска является одним из наиболее востребованных способов навигации по сайту. Что определённо заставляет уделить большое внимание проектированию этой страницы. Качественно проработанный поиск выдаёт релевантные результаты, учитывает возможные грамматические ошибки и т.д. О том, как ещё можно сделать поиск удобнее читайте в статье “Create Effective Search Result Pages“

У вас есть товар, услуга или оборудование, где поведение пользователей имеет большое значение для и поэтому важно, чтобы его использовали определенным способом? Решить такие вопросы поможет изучение уже существующего опыта. Решения, которые зарекомендовали себя как эффективные, называются паттернами.

Паттерны (взаимодействия, продуктов, архитектуры), собранные в сборнике, призваны помочь проектировщикам создавать дизайн способный влиять на поведение пользователей. В pdf описаны 12 паттернов и ещё более 35 приведены на сайте. Авторы сборника надеются, что шаблоны и примеры будут понятны и вдохновят вас на создание собственных концепций.

Плакат с 12 паттернами [pdf, 1.3 мб]
The Design with Intent Toolkit v.0.9

В комментариях к заметке о скетчах Vimeo вы интересовались существуют ли специальные блокноты для рисования скетчей. Ребята из Konigi тоже поняли интерес проектирующего сообщества и создали такой специальный блокнот.

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

“Есть сервисы, которые могут предоставлять информацию о разных действиях пользователей на сайте. Как правило, это информация на основе кликов, либо на основе любых действий пользователя. Heatmap и clickmap предоставляют информацию как раз основываясь на кликах юзеров. Их разница заключается в том, что heatmap предоставляет информацию в виде тепловой карты, а clickmap в виде точек (место, где был совершен клик).”

Даниил Панкратов в своей статье рассматривает 6 сервисов, позволяющих вам получить информацию для анализа поведения пользователей на вашем сайте.

В разговорах о том, кто такие информационные архитекторы, какие инструменты и книги требуются для освоения этой профессии пробует поставит точку статья “Complete Beginner’s Guide to Information Architecture”

Если знакомы со статьёй о некоторых инструментах прототипирования, то наверняка знаете, что для этих целей можно использовать программы из стандартного пакета Microsfot Office. Крис Джордан рассказывает о хитростях создания протипа в PowerPoint

Пример прототипа сделанного в PowerPoint автором видео.

Юрий Ветров, руководитель UI Modeling Company (Санкт-Петербург)

С наступлением кризиса нам всё чаще стали показывать различные графики и диаграммы. Поэтому вопросы инфографики и визуального отображения данных для некоторых стали очень актуальными. Чтобы разобраться в них потребуется изучить книги признанных мастеров инфографики, таких как Эдвард Тафти, которые обычно недоступны на русском языке. Восполнить пробел в этой области поможет статья Юрия Ветрова.

Часть 1. Классификация
Часть 2. Процесс
Часть 3. Примеры из практики

Дэвид Армано, вице-президент студии интерактивного дизайна Critical Mass, выступает с докладом о визуальном мышлении. Он наглядно демонстрирует как создаются зарисовки в процессе мозгового штурма и как они в дальнейшем анализируются.