предыдущие 20

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

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

0

Анализ метафор

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

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

English Diagnosing Interaction Problems with Cause and Effect Diagrams

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

0

6 приемов для использования Шести сигм в UX

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

  • VOC (Voice Of the Customer, голос пользователя) — этим обширным термином называют все виды сбора и последующего анализа информации, поступающей напрямую от пользователя. Включает в себя такие приемы, как юзабилити тестирование, интервью и т.п.
  • Принцип Парето — вполне применим и к UX. Основная задача в данном случае – понять, как выглядит то меньшинство некоторых объектов, которое влияет на большинство результатов.
  • Тестирование гипотез. Для того, чтобы в выборе решения не полагаться исключительно на интуицию и дискуссии в переговорке, можно обратиться к проверенному методу — сформировать гипотезу, а затем найти и обработать данные для ее подтверждения или опровержения. Даже если вы не найдете достаточно информации, сам факт формулировки гипотезы прояснит ваш взгляд на ситуацию.

English Diagnosing Interaction Problems with Cause and Effect Diagrams

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

0

Выявление проблем взаимодействия с причинно-следственной диаграммой

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

Вот как это работает:

  • Определите проблему, которой хотите избежать
  • Прикиньте возможные причины проблемы — задавайте себе вопрос «почему?» и повторяйте процесс так много раз, как сможете.
  • Рассортируйте причины по группам
  • Дайте названия основным группам
  • Определите области для дальнейшего изучения в случае, если для некоторых из исходных проблем не будет очевидного решения

English Diagnosing Interaction Problems with Cause and Effect Diagrams

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

0

Семь приемов написания сценариев тестирования юзабилити

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


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

  • Четко формулируйте задачи
  • Не говорите пользователю, где нажимать и что делать
  • Говорите на языке пользователя, а не компании
  • Держите в уме верное решение
  • По возможности не создавайте взаимозависимых тестов
  • Давайте дополнительную информацию, но старайтесь быть лаконичны
  • Задавайте различные сценарии для модерируемого и немодерируемого тестирования

English Seven Tips for Writing Usability Task Scenarios

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

0

Творческий подход к проектированию интерфейсов

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

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

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

English Getting creative with usability

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

0

Проектируем пользовательское взаимодействие с iPhone, не закапываясь в детали руководств по Human Interface Design

В настоящее время руководства по Human Interface Design (проектирование интерфейсов, ориентированных на пользователя/проектирование адаптивных интерфейсов) стали уже притчей во языцех. Несмотря на то, что Apple дает развернутое руководство подобного рода, многие приложения, начисто игнорирующие установленные принципы, с завидным постоянством появляются в AppStore и занимают высокие позиции в рейтингах. Но что делать, если вы хотите создать традиционное канонически верное приложение?

С одной стороны, слепо следуя руководствам и гайдлайнам, вы можете получить такую иерархическую структуру приложения, в которой запутается не только ваш пользователь, но и вы сами. Однако, если к процессу подключить знания архитектуры UX, старичок Human Interface Design станет вашим отличным помощником. Вот несколько советов:

  • Создавайте ментальную модель приложения
  • Не увлекайтесь длинными цепочками окон
  • Используйте потенциал контекстной панели инструментов

English Gettin’ HIGgy With It : Architecting a flexible iPhone experience without ditching Human Interface Guidelines

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

0

5 обязательный вещей для положительного пользовательского впечатления

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

  • Выделите для себя эмоции, соответствующие цели вашей организации
  • Проектируйте пользовательские впечатления, вставая на место пользователя, а не партнера по бизнесу или поставщика
  • Превращайте эмоциональные сигналы во впечатления
  • Обеспечьте выполнение своих обещаний
  • Задавайте себе и своим сотрудникам реалистичные цели и всегда давайте себе право (и возможность) ошибиться

English 5 Must-Dos in Designing an Emotionally Engaging Experience

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

0

Новое приложение, которое сделает вас свободнее

Быть может, у вас есть незаконченное дело, или вы никак не можете принять важное решение — все мы нередко ощущаем себя застрявшими в той или иной ситуации. К счастью, теперь есть Unstuck — новое бесплатное приложение для iPad, позволяющее нам разобрать затянувшиеся дела.

Приложение выпустила компания SYPartner — эксперты в вопросах лидерства и трансформации компаний, клиентами которых являются Starbucks, Facebook и Target. Их новое приложение дает практический ответ на вопрос о том, как не впасть в стагнацию и начать действовать.

Приложение содержит множество анимационных роликов и еще больше вопросов — получив ответы на них, приложение начинает работать, и не только ищет ответ на вопрос о том, почему вы не можете выбраться из текущего положения, но и дает практические рекомендации по тому, как можно изменить ситуацию к лучшему. Unstuck позволяет также общаться и делиться опытом с «друзьями по несчастью» — и преодолевать жизненные трудности чуть быстрее и проще.

English New app to get you Unstuck

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

0

Кейс: изучаем ограничения реального мира

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

English Mastering Real World Constraints (A Case Study)

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

0

Шаблоны скетчей и макетов для проектирования мобильного UX

Специально для читателей UX Magazine компания Pixle разработала шаблоны скетчей и макетов для проектирования UX в мобильных проектах. Два типа шаблонов — Outline и Tapesize — можно распечатать и использовать: Outline — для проектирования юзабилити на различных мобильных платформах, Tapesize — для планирования размера области нажатия на экран.

Outline

Шаблон представляет собой PDF документ из 28 листов с изображениями устройств на 7 мобильных платформах (Android, BlackBerry, iOS (iPad и iPhone), Meego, Symbian, webOS, Windows Phone 7). В наборе содержатся несколько комбинаций макетов: изображения устройств в натуральную величину, 10 устройств на странице, устройства с разверткой экрана. В качестве бонуса в пакете есть также файл Adobe Illustrator с изображениями мобильных устройств.

Tapsize

Использование этого макета позволяет определить оптимальную область нажатия на экран в отсутствие реального устройства. Набор содержит 9 PDF-листов с различными вариантами разрешения экрана. Все наборы можно загрузить бесплатно.

English UX Sketching and Wireframing Templates For Mobile Projects

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

0

Лучшие практики создания вебсайтов для приложений

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

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

  1. Не полагайтесь на скриншоты вашего приложения — покажите людей, использующих его.
  2. Используйте потенциал главной страницы. Расскажите о продукте кратко и покажите клиенту его дальнейшие шаги.
  3. Люди пресыщены перечислением технических спецификаций. Расскажите историю о том, как ваше приложения меняет жизнь людей к лучшему.
  4. Будьте кратки и придерживайтесь структурирования текста в форме списков.
  5. Убедитесь в том, что дизайн вашего сайта гармонирует с дизайном приложения.

English Best Practices for Creating App Sites

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

0

177 мифов об инновациях: большой обзор

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

Самая ранняя статья, содержащая подобный термин, датируется 2001 годом (Джон Ветич, «Инновационные мифы»; John Vetich, Innovation Myths), однако, вероятно, мысль об инновационных мифах поднималась кем-либо когда-либо еще раньше. Последняя в списке относится к февралю 2013 года. Для поиска статей при создании списка основными источниками были поисковики Yahoo, Bing и Google и ключевые слова «миф» и «инновации». Для каждой статьи в списке указаны ключевые слова и основные мысли.

English The 177 Myths of Innovation: Mega Web Summary

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

0

Зачем мы рисуем скетчи?

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

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

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

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

English Why We Sketch?

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

0

Проектирование пользовательских интерфейсов распознавания речи

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

  1. Четко определяйте цели и требования к системе.
  2. Сделайте выбор между естественной речью и прямым диалогом.
  3. Подумайте о том, какой голос хотят услышать ваши пользователи.
  4. Спроектируйте основные модели последовательности взаимодействия пользователя с вашей системой.
  5. Финализируйте вашу базовую версию голосового пользовательского интерфейса.
  6. Разработайте сценарии работы с ошибками голосового ввода.
  7. Спроектируйте грамматики для вашего сервиса. Грамматики — полный перечень всех возможных вариантов вербальной реакции пользователя в каждый момент взаимодействия с приложением.
  8. Уточните детали вокабуляра вашего приложения.
  9. Задайте сценарии автоматической регулировки речи вашего приложения.

English Process Makes Perfect: Speech Recognition User Interface Design

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

0

Примеряем к себе свои советы: фидбек

Фидбек все чаще превращается в средство двустороннего общения между клиентом и компанией, и посредником в этом общении выступает дизайнер, разрабатывающий пользовательский интерфейс [чего бы то ни было]. Между пользователем и спроектированным дизайнером интерфейсом должен возникать своего рода альянс, такой же, какой стоит взять на вооружение работодателям, собирающим фидбек от своих сотрудников.

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

English Practicing What We Preach: Feedback

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

0

24 конференции по веб-дизайну, о которых нужно знать

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

New Adventures in Web Design

Конференция New Adventures in Web Design проходит в старинном английском городе Ноттингеме. На конференции выступят именитые спикеры и проведут три мастер-класса.

Industry Conf

Industry – детище ветерана веб-конференций Гевина Эллиотта (Gavin Elliott), организатора невероятно популярной конференции DIBI Conference в 2010 и 2011 году. Событие объединит 8 профессионалов веб-дизайна из разных областей, которые будут обсуждать актуальные проблемы отрасли и давать практические советы.

English 24 Awesome Web Design Conferences You Should Know

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

0

Разбираемся с «невидимым дизайном»

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

«Невидимый дизайн» навязывает нам «миф о нематериальности». Мы уже настолько привыкли к тому, что технологии работают, как черный ящик, что строим вокруг них мифы. Хороший пример — гигантский набор взаимосвязанных технологий, механизмов и принципов, скрывающихся под наивным определением «облако». Вместо того, чтобы говорить о преимуществах, характерных особенностях той или иной технологии, «невидимый дизайн» провозглашает ее полное или частичное отсутствие, что в корне неверно и даже опасно. Вместо понятных и доступных объяснений, «невидимый дизайн» говорит о естественном и интуитивном — что часто таковым не является.

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

English No to No UI

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

0

Webflow: визуальная разработка адаптивного дизайна

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

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

English Webflow: Design Responsive Websites Visually

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

0

UX-Adventure: неоплачиваемое приключение

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

UX Adventure — любой неоплачиваемый проект, за который специалист по проектированию пользовательского опыта берется в нерабочее время для повышения своего уровня квалификации. Для того, чтобы включиться в него достаточно понять, в чем вы сильны — на работе и вне ее рамок. Затем нужно решить, в каком проекте вы хотите принять участие — будет ли это сотрудничество со специализированной организацией, запись в вашем блоге или твит в соцсети с предложением пообщаться с коллегами в нерабочей обстановке. Результат не замедлит последовать: начните сейчас, и одно действие неизбежно повлечет за собой реакцию ваших коллег и партнеров — новые знакомства, новые проекты, новые интересные задачи станут вашим UX Adventure.

English UX Adventure: Enhance your resume, improve your career potential, and feel the excitement!

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

0

Пятничное: генератор UX-должностей

Друзья, вечер пятницы как никогда подходит для раздачи своим коллегам новых должностей с помощью соответствующего магического генератора:

  • Юзабилити-волшебник тяжеловес
  • Начинающий юзабилити-ниндзя
  • и др.

Хороших выходных!

English UX Job Title Generator

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