Обновленные гайдлайны для проектировщиков приложений для Windows 7

Инструментарий, Экранные интерфейсы

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

Windows UX guidelines now updated for Windows 7
Windows User Experience Interaction Guidelines

Поделиться:

Обновление линейки Microsoft Expression

Инструментарий

Сегодня вышла новая версия Expression Studio — обновились Expression Blend, Expression Design, Expression Web и Expression Encoder. Полный комплект продуктов можно скачать одним файлом. Среди возможностей пакета появилось прототипирование с помощью SketchFlow, создание шаблонов/скинов на основании выделенных объектов через опцию Make Into Control и много других интересных решений типичных задач дизайнера и проектировщика. Также внедрена поддержка новых массово используемых технологий, что является большим плюсом.

Блог Microsoft — Вышла Expression Studio 3

Поделиться:

A/B-тестирование: что? как? зачем?

Процессы и методики, Инструментарий

В блоге UXBooth опубликована статья в формате «Вопрос — Ответ» о том, что такое A/B-тестирование, как его лучше проводить и какие результаты оно приносит.

Вкратце можно сказать, что это тестирование одновременно двух вариантов страницы с целью определить по заранее заданным метрикам лучшую из них. Преимущество A/B-тестирования состоит в его объективности и в том, что тестирование происходит на реальных пользователях в реальной ситуации работы с сайтом. Существует ряд приложений и сервисов, облегчающих подобную работу: например, Google Website Optimizer.

How To Increase Site Performance Through A/B Split Testing

Поделиться:

Чеклисты по веб-юзабилити

Инструментарий

Экспертная оценка является эффективным инструментом выявления юзабилити-проблем. Чек-листы компании Userfocus помогут вам в этой деятельности.

Во список чеклистов, доступных для загрузки в виде Excel файлов:
- юзабилити начальной страницы (home page)
- оценка того насколько сайт ориентирован на выполнение пользовательских задач
- навигация и информационная архитектура
- формы и по ввод данных
- доверие к сайту со стороны пользователей
- качество и формирование контента
- визуальный дизайн и компоновка страниц
- поиск
- помощь, обратная связь и обработка ошибочных ситуаций.

Вы также можете скачать все чек-листы в одном Excel файле. Этот файл автоматически создаёт сводный отчёт по всем, входящим в него чек-листам.

247 Web Usability Guidelines
Чеклисты в виде Excel-документа

Поделиться:

Раскрась свой интерфейс

Инструментарий, Экранные интерфейсы

В блоге UX Booth опубликованы 3 части статьи об использовании цвета в дизайне веб-интерфейсов. В статьях рассказано о теории цвета, о том, что следует учитывать при подборе цветовой палитры и какие инструменты в этом помогают, и даются полезные советы по реализации красивых и удобных разноцветных сайтов.

Creating Consistently Colorful User Experiences: Part 1, Theory
Part 2, The Medium
Part 3, The Craft

Поделиться:

Сравнение современных веб-технологий

Остальное, Инструментарий, РЕКОМЕНДУЕМ, Экранные интерфейсы

В настоящий момент специалисты, создающие веб-сайты и веб-приложения, имеют огромный выбор средств разработки. При этом выбор платформы разработки необходимо осуществить не столько на уровне конкретного языка программирования, сколько на более высоком — архитектурном и технологическом. Какую архитектуру выбрать — тонкий клиент, обогащенное приложение (RIA), толстый клиент, или что-то совсем иное?

Небезызвестный Люк Вроблевски (Luke Wroblewski) совместно с Фрэнком Рамирезом (Frank Ramirez) проанализировали имеющиеся веб-технологии и сделали сравнение между ними по различным категориям: опыту взаимодействия (user experience), развертыванию и доступности, возможностей по настройке, интеграционных возможностей, стоимости разработки, по другим категориям. Теперь у специалистов появилась удобная таблица, помогающая при выборе наилучшей сред разработки сайтов и веб-приложений.

Сообщение в блоге Люка о статье
Web Application Solutions: A Designer’s Guide [PDF, 0,5 Mb]

Поделиться:

Эффективная стратегия оценки проектов

Процессы и методики, Инструментарий

Менеджер проектов Сэм Барнс некоторое время назад написал статью для Smashing Magazine о частых причинах недооценки проектов и способах преодоления подобных проблем.

Среди основных причин непопадания в сроки автор приводит как известные проблемы (использование новых инструментов, наличие белых пятен в ТЗ, недостаточное знакомство с предметной областью на этапе продажи, необходимость слишком глубокой проработки структуры системы для получения точной оценки), так и «секретные» проблемы, которые профессионалы обычно скрывают даже перед собой (боязнь потерять клиента из-за затягивания с оценкой, необходимость в быстром получении наличных денег, отсутствие статистических данных по предыдущим проектам, недостаток интереса к работе, связанной с оценкой).

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

Effective Strategy To Estimate Time For Your Design Projects

Поделиться:

Вики для дизайнеров

Инструментарий

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

Такой подход имеет множество преимуществ, например, совместная работа над документом позволяет вовремя заметить ошибки и оперативно узнать мнение других членов команды. Также, как правило, скорость составления документа высока, а соответствующая духу Agile гибкость и возможность вернуться к старой версии при совместной разработке вики-документа избавляют всю команду от многих проблем. Среди опасностей и недостатков упоминаются недостаток функционала для оформления самого вики-документа, доверие между членами команды и прочие.

Using Wikis to Document UI Specifications

Поделиться:

10 online инструментов для улучшения юзабилити вашего сайта

Инструментарий

В переводе статьи «10Tools to Improve Your Site’s Usability on a Low Budget» представлен подробный обзор бесплатных или недорогих сервисов для проведения юзабилити-тестирования. Причем, инструменты, рассмотренные в статье, не полностью взаимозаменяемые — в тексте упомянуты как сервисы для трекинга движения курсора по экрану, так и сервисы для специализированных опросов, и даже сервис для A/B-тестирования, т.е. позволяющий варьировать представление контента одной и той же страницы с целью выяснить, какой из вариантов лучше. Таким образом, возможно их комплексное применение, а следовательно, можно достичь ощутимого эффекта даже при небольшом бюджете.

10 online инструментов для улучшения юзабилити вашего сайта
10 Tools to Improve Your Site’s Usability on a Low Budget

Поделиться:

Поиск + юзабилити = UXFind

Инструментарий

Uxfind: search for wire frames, user experience, or your favorite UX blogger

Поделиться:

Eye tracking по-русски

Остальное, Инструментарий

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

Сферы приложения eye-tracking’a на практике очень широки — начиная от дизайна печатной рекламы, заканчивая архитектурной визуализацией. На сайте коротко и понятно объясняются  основные термины и возможности такого метода оценки качества визуальной подачи, а также много других полезных вещей.

Swinging Eye — сайт посвященный исследованиям с применением технологии eye tracking

Поделиться:

Нужно ли одностороннее зеркало в современной юзабилити лаборатории?

Инструментарий

Влад Головач в статье Зеркало — кривое рассуждает о том, нужно ли одностороннее зеркало (зеркало Гезелла) в современной юзабилити-лаборатории, и если нет, то какова альтернатива зеркалу.

А Гарри Бригнел (Harry Brignull), в свою очередь, рассказывает, как сделать так, чтобы посещение юзабилити-лаборатории не нанесло респонденту психологическую травму. В том числе речь идет и об одностороннем зеркале.

Зеркало — кривое
Are research labs just too scary?

Поделиться:

Шаблоны для проектирования интерфейса iPhone 3

Инструментарий

В результате релиза новой прошивки для iPhone перед пользователями и разработчиками открылась масса новых возможностей. И очень быстро появились обновленные шаблоны для проектировщиков интерфейсов для iPhone. Среди изменений карты и их элементы, «copy-paste» элементы, обновленный инструментарий для проектировния взаимодействия в горизонтальном положении. Скачать шаблоны и поделиться впечатлением можно уже сейчас.

Скачать Phone GUI PSD 3.0
iPhone GUI PSD 3.0

Поделиться:

Ассоциируй это!

Инновации и идеи, Инструментарий

Ранее мы уже писали о разных типах визуализации данных, в частности о «Словесных деревьях». Теперь можно увидеть и попробовать как работает  этот метод — недавно энтузиасты Рунета начали собирать базу ассоциаций на русском языке с целью отобразить всевозможные взаимосвязи между имеющимися в ней словами. Основой для отображения связей между словами и тесноты этой связи служит граф. После нескольких минут использования сервиса можно прийти к очень неожиданной карте ассоциаций.

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

Sociation – социальные ассоциации

Поделиться:

Еще одна палитра для дизайнера

Инструментарий

К уже анонсированной ранее онлайновой палитре для дизайнера можно добавить еще одну, которая использует 3D координаты. Авторы утверждают, что их палитра более интуитивна для изучения и эффективна в работе нежели традиционные.

Онлайн палитра COLOROTATE
Плагин для Adobe Suite 4

Поделиться:

Вышла бета-версия Flash Catalyst

Инструментарий

В сети появилась бета-версия инстумента от Adobe для разработки Rich-прототипов Flash Catalyst. Желающие могут начать осваивать новинку уже сейчас с помощью видеоучебника

Ранее мы уже писали о Flash Catalyst:

Видеоучебник по Adobe Flash Catalyst
Скачать бета-версию Adobe Flash Catalyst

Поделиться:

Визуализация текстовой информации

Инструментарий, Инфодизайн

Компания Juice Analytics опубликовала обзор инструментов, которые можно использовать для визуализации связей между словами в тексте. Отдельное внимание в обзоре уделяется такому типу визуализации, как «Wordtree». «Словесное дерево» представляет собой граф, на котором наглядно отображены наиболее частые логические связи между словами.

Инструменты для создания словесных деревьев и других вариантов визуализации текстовой информации вы можете найти на популярном сервисе Many Eyes.

Guesses vs. Data as Basis for Design Recommendations

Поделиться:

Разноцветные иконки от Iconza

Видео, Инструментарий

Сервис Iconza, разработанный нашими партнерами из компании Turbomilk, предоставляет возможность скачать набор иконок, которые будут полезны для многих приложений и сайтов, предварительно выбрав их цвет и размер. Иконки предоставляются в формате PNG.

Хотя сам сервис существует уже несколько месяцев, на днях его авторы выпустили ролик, в котором в увлекательной форме рассказано о преимуществах Iconza.

Iconza

Поделиться:

Юзабилити построения блок-схем

Процессы и методики, Инструментарий

В старом руководстве IBM от 1969 года (40 лет назад!) подробно расписан процесс построения блок-схем. К руководству прилагался вот такой трафарет:

Visualization Nostalgia: Flowcharting Techniques
IBM Data Processing Techniques. Flowcharting Techniques, an IBM Manual of 1969
Блок-схемы в Википерии

Поделиться:

Userfly: сервис удаленного юзабилити-тестирования

Процессы и методики, Инструментарий

Мэттью Каммерер (Matthew Kammerer) из UXBooth описал свой опыт использования веб-сервиса для удаленного юзабилити-тестирования UserFly.

Userfly: Usability Testing Made Easy (обзор сервися)
Сервис UserFly

Поделиться: