следующие 20|предыдущие 20

GUI.ruFresh: новости мира юзабилити

При поддержке компании UIDesign Group

Раздел:

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

1

Группен прототипен — презентация с 404fest

Презентация Алексея Копылова и Платона Днепровского с фестиваля 404fest.

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

 

Другие презентации компании UIDESIGN GROUP.

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

1

Axureworld — 8 вебинаров об Axure

Средство быстрого прототипирования Axure стремительно набирает популярность. Как результат — серия бесплатных вебинаров, которая пройдет 10 октября нынешнего года. Приглашаются проектировщики взаимодействия, инфоархитекторы, менеджеры проектов, графические дизайнеры, бизнес аналитики, программисты и UX архитекторы — все те, кто так или иначе вовлечен в процесс разработки программных продуктов. В России Axure так же популярен, как и в мире.

Организатор мероприятия — Эзра Шварц (Ezra Schwartz) — независимый проектировщик пользовательских интерфейсов.

English Сайт мероприятия
English RSS-канал мероприятия

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

3

Исследования интерфейсов в стиле «Эмо»

David Güiza Caceido в качестве своей магистерской диссертации, защищенной в технологическом университете голландского города Делфт, представил сервис PanorEmo.

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

Наиболее простой вариант сервиса работает так: респондент видит панорамное изображение оцениваемого объекта. При этом он может помечать определенные точки на изображении, привязывая к ним определенные эмоции.

Скриншот сервиса PanorEmo

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

Отдельного внимания заслуживает то, как Дэвид реализовал интерактивный прототип приложения. К сожалению, так как PanorEmo предлагается в составе услуги, попробовать его в деле можно будет только в режиме проектной работы с создателями сервиса.

English PanorEmo (сайт сервиса)
English emoments: Developing a tool to assess emotions elicited by services (статья в блоге автора по материалам его диссертации)

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

Инструментов для прототипирования уже больше 40!

Дэн Харрельсон серьезно взялся за каталогизацию средств создания прототипов интерактивных продуктов. Мы уже писали о его инициативе, но пора еще раз дать ссылку на его статью. В настоящий момент список Дэна содержит уже более сорока инструментов и, похоже, это не предел. Если вы знаете средство, которого нет в списке, то напишите Дэну прямо в комментарии к статье.

English Rapid Prototyping Tools
По-русски Инструменты быстрого прототипирования (перевод статей Дэна на Хабре)

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

5

ForeUI: новый инструмент прототипирования

У нас установилась традиция раз в неделю писать об очередном инструменте прототипирования. На этот раз новичком стала настольная программа ForeUI.

Отличительные особенности именно этого инструмента:

  • Инструмент мультиплатформенный, то есть, запускается из-под разных платформ: Windows, Mac OS X, Linux, Solaris;
  • Имеется возможность в любой момент менять стиль получаемых макетов. Например, можно выбрать низко-детальный эскизный стиль;
  • Имеется возможность программировать поведение получаемых прототипов.

English ForeUI — официальный сайт проекта
English Демонстрационный прототип (требует установленного пакета Java)

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

MocFlow: рисуем интерфейсы в браузере, быстро

В последнее время кружится голова от средств быстрого прототипирования . Но это не мешает создавать все новые. Подоспел еще один веб-сервис: MocFlow.

Основные отличия:

  1. Не требует больших усилий для изучения
  2. Поддержка шаблонов страниц
  3. Возможность обсуждения готовых прототипов
  4. Готовые шаблоны позвоялют проектировать разные виды приложений — настольные и онлайновые

Можно попробовать поработать бесплатно — в этом случае можно создать один прототип о четырех страницах/экранов. За $49 в год все ограничения сразу пропадают.

English MockFlow: Super-easy Wireframing

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

1

Инструментарий для регистрации движений глаз

Одно из самых активных обсуждений, которые в последнее время проходили в списке рассылки IxDA, посвящено программам и оборудованию для регистрации движений глаз и обработки полученных в таких исследованиях данных.

English Eye-Tracker software/hardware recommendations

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

4

PSD- и Visio-стенсилы для проектирования интерфейсов Android

Журнал Smashing Magazine опубликовал стенсилы для проектирования приложений, функционирующих в мобильной ОС Android. Стенсилы оформлены в формате PSD, который используется в Adobe Photoshop. Создатель стенсилов — молодой чешский дизайнер Павел Мачек.

Ранее чешско-украинская компания Artful Bits опубликовала аналогичные стенсилы для MS Visio.

English Android GUI PSD Vector Kit (PSD-стенсилы)
English Android GUI Prototyping — v1.3 (Visio-стенсилы)

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

1

Краткий обзор интерфейса MS Visio 2010

MS Visio — «молоток» многих проектировщиков взаимодействия, в новой 2010 версии получит ленту (ribbon) вместо привычной инструментальной панели (toolbar). Разработчики решили заранее рассказать об этом в своем блоге и приложили к статье изображение каждой вкладки ленты Visio.

English The Office Fluent UI in the Visio 2010 Technical Preview

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

OpenHallway — аудио- и видеозапись удаленного тестирования без единого приложения!

Новый сервис удаленного тестирования OpenHallway позволяет проводить немодерируемые удаленные тестирования и записывать происходящее на экране пользователя, а также звук с микрофона. Вы спросите: «Что в этом нового?» Сервис интересен тем, что он не требует установки каких-либо приложений ни на стороне пользователя, ни на стороне тестировщика. Стоимость услуг OpenHallway — от $49 до $199 в месяц.

Среди недостатков сервиса отсутствие обратной связи с пользователем и функциональности для рекрутирования пользователей.

English OpenHallway
English OpenHallway — A New Usability Testing App (обзор в блоге UsabilityPost)

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

Рисуем 3D быстро и приятно

Ранее мы уже писали об одном из графических 3D-редакторов — ILoveSketch, а на днях стала доступна бета-версия еще одного подобного — Rhonda. Ранее Rhonda несколько лет подряд участвовал в выставках и шоу, а теперь опробовать его в действии может каждый желающий. Приятный и простой интерфейс и привычные для дизайнера инструменты могут дать фору другим аналогичным редакторам. Для того, чтобы стать участником тестирования, достаточно оставить заявку на сайте проекта.

English 3D-редактор Rhonda — обсуждение на Хабрахабр.Ру
English Официальный сайт проекта Rhonda

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

SketchFlow из MS Blend: светлое будущее прототипирования?

Хабрапользователь XaocCPS перевел обширную статью о функциональности SketchFlow, которая появилась в недавно вышедшем Miscrosoft Blend 3.

Чтобы решить некоторые из этих проблем с прототипированием, в марте 2009 года, на конференции MIX09, компанией Microsoft была анонсирована новая технология под названием SketchFlow, которая является частью Expression Blend 3. Согласно описанию руководителя команды разработчиков Кристиана Шормана (Christian Schormann), которое он поместил у себя в блоге, SketchFlow – это забавный, неформальный, гибкий, быстрый и мощный способ создания динамических набросков и прототипов с богатыми возможностями в Expression Blend.

В этой статье мы исследуем функциональность SketchFlow, посмотрев как она работает и как такого рода инструмент может сделать ваши прототипы более полезными и эффективными.

По-русски SketchFlow: прототипирование интерфейсов по-новому

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

Особенные фотографии

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

English Microsoft – Seadragon
English Microsoft Live Labs – Introducing Seadragon.com

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

1

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

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

 

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

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

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

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

По-русски Блог Microsoft — Вышла Expression Studio 3

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

5

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

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

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

A/B-тестирование, или сплит-тестирование,— это методика, помогающая определить, какие изменения реально улучшат ваш сайт, а какие — нет. Приведу простой пример: вы задумали сделать кнопку «Отправить в корзину» в несколько раз крупнее. Тогда вы создаете 2 версии страницы — старую называете версией A, а новую — версией B.

English How To Increase Site Performance Through A/B Split Testing

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

1

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

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

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

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

Диаграмма

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

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

1

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

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

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

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

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

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

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

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

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

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

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

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

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

English Effective Strategy To Estimate Time For Your Design Projects

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed