Fresh: новости мира юзабилити
Загрузка ...MS Visio — «молоток» многих проектировщиков взаимодействия, в новой 2010 версии получит ленту (ribbon) вместо привычной инструментальной панели (toolbar). Разработчики решили заранее рассказать об этом в своем блоге и приложили к статье изображение каждой вкладки ленты Visio.
The Office Fluent UI in the Visio 2010 Technical Preview
В закладки:
Загрузка ...Новый сервис удаленного тестирования OpenHallway позволяет проводить немодерируемые удаленные тестирования и записывать происходящее на экране пользователя, а также звук с микрофона. Вы спросите: «Что в этом нового?» Сервис интересен тем, что он не требует установки каких-либо приложений ни на стороне пользователя, ни на стороне тестировщика. Стоимость услуг OpenHallway — от $49 до $199 в месяц.
Среди недостатков сервиса отсутствие обратной связи с пользователем и функциональности для рекрутирования пользователей.
OpenHallway
OpenHallway — A New Usability Testing App (обзор в блоге UsabilityPost)
В закладки:
Загрузка ...Ранее мы уже писали об одном из графических 3D-редакторов — ILoveSketch, а на днях стала доступна бета-версия еще одного подобного — Rhonda. Ранее Rhonda несколько лет подряд участвовал в выставках и шоу, а теперь опробовать его в действии может каждый желающий. Приятный и простой интерфейс и привычные для дизайнера инструменты могут дать фору другим аналогичным редакторам. Для того, чтобы стать участником тестирования, достаточно оставить заявку на сайте проекта.
3D-редактор Rhonda — обсуждение на Хабрахабр.Ру
Официальный сайт проекта Rhonda
В закладки:
Загрузка ...
Хабрапользователь XaocCPS перевел обширную статью о функциональности SketchFlow, которая появилась в недавно вышедшем Miscrosoft Blend 3.
|
Чтобы решить некоторые из этих проблем с прототипированием, в марте 2009 года, на конференции MIX09, компанией Microsoft была анонсирована новая технология под названием SketchFlow, которая является частью Expression Blend 3. Согласно описанию руководителя команды разработчиков Кристиана Шормана (Christian Schormann), которое он поместил у себя в блоге, SketchFlow – это забавный, неформальный, гибкий, быстрый и мощный способ создания динамических набросков и прототипов с богатыми возможностями в Expression Blend. В этой статье мы исследуем функциональность SketchFlow, посмотрев как она работает и как такого рода инструмент может сделать ваши прототипы более полезными и эффективными. |
SketchFlow: прототипирование интерфейсов по-новому
В закладки:
Загрузка ...Компания Microsoft запустила новый сервис, который позволяет размещать на сайтах изображения большого размера и облегчает их масштабирование. Как это выглядит можно увидеть ниже.
Microsoft – Seadragon
Microsoft Live Labs – Introducing Seadragon.com
В закладки:
Загрузка ...В сети появились гайдлайны, обновленные в соответствии с последними пожеланиями разработчиков. Наиболее существенные изменения произошли в разделе, касающемся панели задач. В целом, на данный момент эти гайдлайны покрывают потребность в информации для проектировщиков, и многие из них уже могут тестировать результаты обновлений своих программ в Windows 7 RC.
Windows UX guidelines now updated for Windows 7
Windows User Experience Interaction Guidelines
В закладки:
Загрузка ...Сегодня вышла новая версия Expression Studio — обновились Expression Blend, Expression Design, Expression Web и Expression Encoder. Полный комплект продуктов можно скачать одним файлом. Среди возможностей пакета появилось прототипирование с помощью SketchFlow, создание шаблонов/скинов на основании выделенных объектов через опцию Make Into Control и много других интересных решений типичных задач дизайнера и проектировщика. Также внедрена поддержка новых массово используемых технологий, что является большим плюсом.
Блог Microsoft — Вышла Expression Studio 3
В закладки:
Загрузка ...
В блоге UXBooth опубликована статья в формате «Вопрос — Ответ» о том, что такое A/B-тестирование, как его лучше проводить и какие результаты оно приносит.
Вкратце можно сказать, что это тестирование одновременно двух вариантов страницы с целью определить по заранее заданным метрикам лучшую из них. Преимущество A/B-тестирования состоит в его объективности и в том, что тестирование происходит на реальных пользователях в реальной ситуации работы с сайтом. Существует ряд приложений и сервисов, облегчающих подобную работу: например, Google Website Optimizer.
| A/B-тестирование, или сплит-тестирование,— это методика, помогающая определить, какие изменения реально улучшат ваш сайт, а какие — нет. Приведу простой пример: вы задумали сделать кнопку «Отправить в корзину» в несколько раз крупнее. Тогда вы создаете 2 версии страницы — старую называете версией A, а новую — версией B. |
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
В закладки:
Загрузка ...В переводе статьи «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: search for wire frames, user experience, or your favorite UX blogger
В закладки:
Загрузка ...Возвращаясь к теме проведения анализа на основе технологии регистрации движения глаз, хочется упомянуть, что компания Usethics запустила сайт, посвященный этой технологии.
Сферы приложения eye-tracking’a на практике очень широки — начиная от дизайна печатной рекламы, заканчивая архитектурной визуализацией. На сайте коротко и понятно объясняются основные термины и возможности такого метода оценки качества визуальной подачи, а также много других полезных вещей.
Swinging Eye — сайт посвященный исследованиям с применением технологии eye tracking
В закладки:
Загрузка ...Влад Головач в статье Зеркало — кривое рассуждает о том, нужно ли одностороннее зеркало (зеркало Гезелла) в современной юзабилити-лаборатории, и если нет, то какова альтернатива зеркалу.
А Гарри Бригнел (Harry Brignull), в свою очередь, рассказывает, как сделать так, чтобы посещение юзабилити-лаборатории не нанесло респонденту психологическую травму. В том числе речь идет и об одностороннем зеркале.
Зеркало — кривое
Are research labs just too scary?
В закладки:
Загрузка ...В результате релиза новой прошивки для iPhone перед пользователями и разработчиками открылась масса новых возможностей. И очень быстро появились обновленные шаблоны для проектировщиков интерфейсов для iPhone. Среди изменений карты и их элементы, «copy-paste» элементы, обновленный инструментарий для проектировния взаимодействия в горизонтальном положении. Скачать шаблоны и поделиться впечатлением можно уже сейчас.
Скачать Phone GUI PSD 3.0
iPhone GUI PSD 3.0
В закладки:
Загрузка ...Ранее мы уже писали о разных типах визуализации данных, в частности о «Словесных деревьях». Теперь можно увидеть и попробовать как работает этот метод — недавно энтузиасты Рунета начали собирать базу ассоциаций на русском языке с целью отобразить всевозможные взаимосвязи между имеющимися в ней словами. Основой для отображения связей между словами и тесноты этой связи служит граф. После нескольких минут использования сервиса можно прийти к очень неожиданной карте ассоциаций.
Проект находится в стадии закрытого бета-тестирования, вход только по приглашениям, которые можно попросить, тем не менее, посмотреть на то, какие ассоциации уже есть с тем или иным словом можно увидеть уже сейчас.
Sociation – социальные ассоциации
В закладки:
Загрузка ...К уже анонсированной ранее онлайновой палитре для дизайнера можно добавить еще одну, которая использует 3D координаты. Авторы утверждают, что их палитра более интуитивна для изучения и эффективна в работе нежели традиционные.
Онлайн палитра COLOROTATE
Плагин для Adobe Suite 4
В закладки:
Есть интересная ссылка? Пришли ее нам!