Usability.by Процесс | Usability.by - Part 2
Улучшаем взаимодействие пользователей с вашим сервисом Повышаем конверсию
в продажи, заявки или
звонки
Проектируем
новые
продукты
Компания 1Point осуществляет весь спектр услуг в области юзабилити, дизайна, user experience
и веб-аналитики

Категория ‘Процесс’

Успешная интеграция проектирования

Ким Гудвин Ким Гудвин, автор книги «Designing for the Digital Age» и сотрудница компании Cooper, в своей заметке «A “to do” list for integrating design into your organization» рассуждает о 5 аспектах успешной интеграции проектирования в процессы компании:

  1. Процесс
  2. Структура
  3. Умения
  4. Инструменты
  5. Культура

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

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Исследование пользователей и представление результатов модели аудитории

Indi Young’s Mental Models, published by Rosenfeld Media

Статья Steve Baty, опубликованная на uxmatters.com, совсем не о персонажах или о том, чем отличается хороший персонаж от плохого. Вместо этого, в статье рассказывается о методах получения информации, которые можно использовать при создании модели аудитории и некоторых альтернативных (персонажам) способах представления полученных результатов.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Организация команды проектирования интерфейсов

Вчера закончился трёхдневный форум по инженерии программного обеспечения Software Engineering Forum. Как мы писали ранее, с докладами на форуме выступили 4 участника usability.by. Презентации и видео обязательно появятся на нашем ресурсе.А сегодня мы представляем вашему вниманию презентацию с SEF нашего коллеги из Москвы, Сергея Кудряшова.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Юзабилити аспекты проектирования пользовательских интерфейсов в среде Microsoft Expression Blend

Новое средство для создания пользовательских интерфейсов от Microsoft, дает возможность работать в одном проекте Visual Studio как программистам, так и дизайнерам интерфейсов. Оно позволяет заметно ускорить разработку и программирование приложений за счет исключения стадии промежуточного прототипирования. С появлением Expression Blend у дизайнера интерфейсов появилась возможность выдавать не графический прототип, а уже готовый интерфейс для последующего или одновременного программирования, что влияет на качество проектирования программ и на скорость их производства.

Гибкость проектирования достигается использованием новой графической подсистемы WPF, впервые появившейся в составе .NET Framework 3.0. Она базируется на языке описания пользовательских интерфейсов XAML и векторной графике. В статье описываются:

  • построение качественных пользовательских интерфейсов при помощи XAML;
  • функциональность, взаимодействие XAML и процедурного кода;
  • Microsoft Expression Blend – современный инструмент создания пользовательских интерфейсов;
  • интерфейс Blend;
  • специфические инструменты дизайнера интерфейсов;
  • плюсы и минусы Expression Blend по сравнению с «классическими» способами проектирования пользовательских интерфейсов;
  • взгляд в будущее проектирования интерфейсов через призму новой технологии.

О языке XAML и возможностях Expression Blend вы можете узнать из статьи Сергея Швецова

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

LOVEFiLM. От концепции до реализации

В течение некоторого времени мы работали над проектом LOVEFiLM. Для нас это был очень интересный клиент, чья бизнес-модель построена вокруг интернета. Существующие клиенты довольны сервисом. Недавно компания перешагнула отметку в 1 миллион абонентов службы проката DVD.

Один из проектов, над которым мы работали — это редизайн страницы фильма. Эта одна из ключевых страниц LOVEFiLM. На ней содержится вся информация о фильме, отзывы пользователей, рекомендации, интервью, новости и т.д. База LOVEFiLM насчитывает более 65,000 фильмов.

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

Все подробности работы над проектом вы узнаете из статьи «Behind the scenes of LOVEFiLM’s new product pages»

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Фазовый Анализ Психофизиологических Сигналов

Анатолий Костин, доктор психологических наук, ведущий научный сотрудник Института психологии РАН и научный руководитель USABILITYLAB, рассказывает и демонстрирует программно-аппаратный комплекс ФАПС (Фазовый Анализ Психофизиологических Сигналов), предназначенный для анализа действия пользователя. Эта разработка преследует цель выработки новой технологии, которую можно использовать при юзабилити-тестировании и других исследованиях человеко-компьютерного взаимодействия.

Презентация

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Планирование Wireframes

Отличное видео, демонстрирующее метод проектирования wireframes о котором мы уже писали

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Процесс дизайна решения, разработанный AIGA

Процесс дизайна решения, разработанный AIGA

В Американском институте изобразительных искусств (AIGA) придумали схему, чтобы дизайнеры могли объяснить что они делают в организации. Схема показывает процесс дизайна продукта или решения.

Подробное описание каждого блока можно прочесть в статье Дмитрия Литвиненко или скачать оригинальный документ от AIGA (pdf, 65 Kb)

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Метод проектирования 37 signals всё ещё работает

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

Вот алгоритм, который используют в работе 37signals:

  1. Перечислите всё то, что экран должен делать. Что сможет выполнить пользователь на этом экране? Какая информация должна быть обязательно отображена? Что сделает для пользователя понятнее то, как начать процесс и достичь цели? Обозначить каждый пункт цифрами.
  2. Посмотрите на элементы, попробуйте связать их друг с другом концептуально и пространственно. Обозначьте получившиеся группы буквами с числами, принадлежащих к ним элементам.
  3. Сделайте эскиз получившейся конструкции (или несколько образцов) для каждого номера или буквы группы
  4. Совместите наброски блоков в единый дизайн. Посмотрите как «работают» все блоки в целом.

И помните, что следующий шаг вовсе не обязательно должен быть аккуратным отрисовыванием wireframe. Вы можете сразу же перейти к воплощению получившегося наброска в код.

Опубликовано в заметке The method still works, блога компании 37signals

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Процесс разработки телефона для конференций

Вы бы хотели стать свидетелями процесса разработки продуктов обеспечивающих высокий user experience (ПО, гаджетов, веб-сайтов)? Те, кто видел здание центра инноваций Apple, рассказывают, что оно охраняется не хуже военной базы, поэтому шансы узнать какие-то подробности о процессе создания продуктов в этой компании практически равны 0. Но не все компании являются столь закрытыми и поэтому в блоге студии KICKER вы можете узнать всё о процессе создания тач-скрин устройства для конференц-связи (от исследований до проектирования интерфейса и дизайна самого устройства).

Product Concept: Touchscreen Conference Phone

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Контроль качества интерфейсных решений на всех этапах процесса проектирования и разработки

В прошлую пятницу, 24 апреля, в Питере прошла пятая ежегодная конференция “SQA Days 2009“. Юрий Ветров выступил на ней с мастер-классом “Контроль качества интерфейсных решений на всех этапах процесса проектирования и разработки“. В нем рассказывается об основных этапах процесса проектирования, возможных форматах взаимодействия, а также методах и подходах, которые позволяют проверить и улучшить потребительские качества продукта.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Книга Алана Купера «About Face 3″ в продаже на русском языке

Когда в 1995 году увидело свет первое издание «About Face: The Essentials of User Interface Design «, идея проектировать продукты исходя из целей людей казалась революционной. Благодаря работам Алана Купера и других первопроходцев, проектирование взаимодействия получило сегодня широкое признание как уникальная и крайне важная дисциплина, однако, эта работа далека от завершения.

Авторы полностью обновленного издания, признанные мировые эксперты в вопросах создания интерфейсов, детально описывают разработанный в компании Cooper и примененный во множестве проектов целостный подход к проектированию взаимодействия, ориентированный на цели пользователя. Отличительной чертой книги является ее практическая направленность — значительную часть издания занимает подробный разбор принципов и шаблонов проектирования взаимодействия. Большое внимание уделено новым информационным средам: веб-приложениям, мобильным приложениям, киоскам и т. п.

Читатели из России могут приобрести книгу в мазазине books.ru, а из Беларуси в магазине oz.by.

Сайт, посвящённый выходу книги на русском языке

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Зрелость юзабилити

Геннадий Драгун Геннадий Драгун, Lead Information Architect EPAM


При общении с коллегами частенько скатываешься на тему обсуждения проектов и заказчиков. Иногда все получается так легко, тебе доверяют, и твои решения легко принимаются и командой, и заказчиком; а иногда приходится буквально сражаться за каждую идею. Почему? Тут можно много и долго говорить, а можно просто сказать, что в первом случае заказчики или проектная команда «созрели». Если они «созрели», то работается намного продуктивнее и интереснее.

В рамках конференции Software People 2009 Геннадий Драгун выступит с докладом «Как правильно инвестировать в юзабилити?», а пока прочитайте его статью «Зрелость юзабилити»

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Сборник паттернов Intent Toolkit

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

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

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

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Исследование предметной области. Работа с информацией в процессе изучения

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


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

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

Исследование предметной области. Работа с информацией в процессе изучения

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

История одной кнопки

Геннадий Драгун Геннадий Драгун, Lead Information Architect EPAM

Перевод статьи Douglas Bowman, “Recreating the Button”

… Я хочу рассказать о разработке кнопок, которые с недавнего времени используются в Gmail, чуть ранее они появились в Google Reader. Эти кнопки выглядят очень похоже на стандартные HTML кнопки. Но они более интерактивны. Для этих кнопок не нужны изображения, они созданы исключительно средствами HTML и CSS, плюс немного JavaScript для управления их поведением. Их внешний вид легко поменять, переписав лишь пару строк CSS, что очень важно сейчас, когда у Gmail появились темы.

Мне показалось интересным рассказать о процессе разработки этих кнопок, о всех тех итерациях, которые нам потребовались.

GMail buttons
Читать полностью »

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Форум мнений, соревнование, состояние потока

Сергей Мордович Сергей Мордович, Interaction Designer (IxD) ByLectric

‘The Medium is the Message.’
Marshall McLuhan

Я продолжу противопоставлять ТЗ и прототип, чтобы выявить неочевидные свойства прототипа и эффекты от его применения.

Автор «Неполного манифеста творческого роста» Брюс Мау (Bruce Mau) высказал мысль: «Процесс важнее результата. Когда результат довлеет над процессом, вы начинаете с того места откуда начинали. Когда процесс ведет нас, мы не знаем, куда мы зайдем, но если окажемся там, где нужно, то сразу поймем это».

Участники проектных команд обмениваются результатами своего труда, выстраиваясь в своеобразную пищевую цепочку. Как правило, для каждого личный результат довлеет над общим процессом. Пока каждый выполняют свою работу, её содержание, мотивы работника и критерии принимаемых им решений остаются скрытыми для остальных участников. Часто у аналитика/дизайнера/кодера/разработчика понимание проекта формируется только на основе того, что он получил от предыдущего звена в цепочке, и только в момент постановки задачи и estimation. При этом – он концентрируется на своём локальном участке работы, не проводя каких-либо дополнительных расследований и не оценивая взаимосвязей результатов своей работы с результатами других участников, упущенных возможностей, перспектив и последствий.
Читать полностью »

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua