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

Проектирование и дизайн пользовательских интерфейсов, юзабилити

Архив:

Сентябрь, 2008

1 лимон2 лимона3 лимона4 лимона5 лимонов
3.67 (3)
Загрузка ... Загрузка ...
2

Браузер в системе Android

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

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

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
3.2 (5)
Загрузка ... Загрузка ...
0

«Вперед» назад, а «Назад» вперед!

A recent lengthy discussion in the Interaction Design Association focused on the placement of actions in Web forms that span several Web pages. The quintessential question underlying this debate is: can an action which leads people to the previous step of a process be placed to the right of an action that leads users to the next step of a process?

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



По-русски Размещение кнопок «Вперед» и «Назад» в формах
English Previous and Next Actions in Web Forms

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
3.67 (3)
Загрузка ... Загрузка ...
2

Как развивался интерфейс MS Office?

Йенсен Харрис, сотрудник Microsoft Office User Experience Team, ведет блог об интерфейсе Microsoft Office. В 2006 году он написал целую серию заметок о том, как развивался Office в течение двух десятилетий, и как он стал таким, каким стал. Хотя в статьях не рассказывается о новейшей истории, они, тем не менее, представляют большой интерес, и мы их публикуем, так как не так давно появился русский перевод всех восьми частей.

Microsoft Word 1.0 для Windows появился в 1989 году после длительной разработки и был предназначен для установки на Windows 386. Вы можете видеть, что ключевые элементы интерфейса современного Word’а уже присутствуют. Это меню внутри приложения, в которое в Windows превратилась верхняя панель меню из Mac. Word 1.0 также включал элементы, которые не часто можно было увидеть в интерфейсах, разработанных в PARC: панель инструментов (toolbar). Панель инструментов впервые была использована в Excel. Может показаться, что в Word 1.0 две панели инструментов, но на самом деле панелью инструментов называли только верхнюю строку, нижний ряд кнопок назывался Ribbon.
 

На графике внизу видно, как изменялось количество элементов меню в MS Word от версии к версии.

График роста числа элементов меню в разных версиях MS Word
 

По-русски На пути к новому интерфейсу Microsoft Office (перевод Антона Вакуненко)
English Оригинальная серия заметок на An Office User Interface Blog:   1     2     3     4     5     6     7     8  

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4 (2)
Загрузка ... Загрузка ...
0

Чем просто хороший интервьюер отличается от классного?

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

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

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

English Site visit interviews: from good to great

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.33 (3)
Загрузка ... Загрузка ...
0

Аудиозаписи и информационная архитектура

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

Что это значит для проектировщика? Как лучше встроить звук и голос в структура интерфейса? И как строится информационная архитектура самих аудиозаписей? На эти вопросы отвечает в своей статье Йенс Якобсен — директор немецкой компании Content crew, которая специализируется на создании подкастов.

The inclusion of audio often results in usability issues that make it difficult for users to access and understand content. That is why we need new tools to organize linear content like audio. Luckily, a wide range of techniques employed in information architecture, journalism, usability engineering and interface design are available.
Добавление звукового контента часто связано с юзабилити-проблемами, что затрудняет доступ к содержимому сайта и понимание этого содержимого. Нам нужны новые средства организации линейного контента, такого как звукозаписи. К счастью, в нашем распоряжении есть большое количество методов, уже применяемых в областях информационной архитектуры, журналистики, юзабилити-инженерии и проектирования интерфейсов.
 

English Information Architecture for Audio: Doing It Right

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (5)
Загрузка ... Загрузка ...
2

Swype — новая техногия ввода

Видео, демонстрирующее весьма перспективный способ ввода символов, который придумал Клифф Кушлер (Cliff Kushler) — изобретатель T9 (другой технологии, уже давно принятой рынком).

English Move over T9, here comes Swype (статья на CNET)

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (8)
Загрузка ... Загрузка ...
3

Эмоции пользователей

Компания Bolt | Peters провела тестирование новой компьютерной игры в жанре God Sim под названием Spore. Пригласив к себе в офис 59 игроков, они записали 393 часа видео. Ниже приведена подборка видеофрагментов с забавными эмоциональными реакциями игроков.

 

English Science of Fun — другой ролик, в котором авторы исследования рассказывают об используемых методах.

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

English How B|P Researched Spore

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.67 (3)
Загрузка ... Загрузка ...
0

Как проводить немодерируемое юзабилити-тестирование?

Have you ever wanted to run a usability test with people that live or work a long way from your office? Do you have customers who are happy to give you 15 minutes of feedback on your web site but can’t devote 90 minutes to take part in a lab-based test? Have you ever wanted to run a usability test with a much larger sample (200+) than in a conventional test?

If your answer to any of these questions is «Yes», then you should consider running a remote usability test. Remote tests are very different from conventional usability tests. With a conventional test, a participant visits your test facility and is taken through usability test tasks by an experienced moderator. With a remote test, participants carry out the test from their home or office and connect to a web site or computer that controls the flow of the test.

Вы когда-нибудь хотели провести юзабилити-тестирование пользователей, которые живут или работают далеко от вашего офиса? Есть ли среди ваших покупателей есть те, что готовы потратить 15 минут на опрос на вашем сайте, но не могут посвятить вам полтора часа в лаборатории? Хотели ли вы когда-нибудь провести исследование на большой (от 200 человек) группе пользователей?

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

English How to run an unmoderated usability test

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (3)
Загрузка ... Загрузка ...
1

Что проектировщикам интерфейсов могут дать архитекторы

Luke Wroblewski рассказывает о том, что интересного он вынес из книги Matthew Frederick’a — «101 Things I Learned in Architecture School». Он утверждает, что дизайнеры программных продуктов могут встретить там много любопытного. В частности, сам Люк выделил список из 16 наилучших рекомендаций найденных в книге.

During recent travel, I read through Matthew Frederick’s 101 Things I Learned in Architecture School. Among the many insightful points is a set of design principles and approaches that really resonated with me as a digital product designer. Here are a few of my favorites:

  • The more specific a design idea is, the greater its appeal is likely to be. Being nonspecific in an effort to appeal to everyone usually results in reaching no one.
  • A good designer isn’t afraid to throw away a good idea. Your goal as a designer should be to create an integrated whole, not to in corporate all the best features whether or not they work together.

 
В своей последней поездке я прочел книгу Matthew Frederick’a — «101 наблюдение, что я вынес из архитектурной школы». Среди множества нетривиальных советов есть целый набор принципов и подходов, которые мне, как разработчику программных интерфейсов, очень понравились. Вот несколько моих самых любимых:

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

English Some Things I Learned From Architecture School

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.75 (4)
Загрузка ... Загрузка ...
1

Обсуждение Chrome на радио «Эхо Москвы»

Александр Плющев посвятил очередной выпуск своей радиопрограммы «Точка» обсуждению браузера Chrome. В качестве эксперта в передаче принял участие Владислав Головач.

Сам по себе тот факт, что специалистов по проектированию интерфейсов стали приглашать в СМИ в качестве экспертов, очень примечателен.

Русский Запись передачи в mp3 (Часть 1) [5,5Mb]
Русский Запись передачи в mp3 (Часть 2) [7,2Mb]

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (2)
Загрузка ... Загрузка ...
1

Факторы, которые влияют на успешность работы пользователей в Интернете

В этом году в институте «IDEA» («The Institute for Dynamic Educational Advancement)» было проведено 3 исследования, цель которых — выяснить, как люди ищут информацию в интернете, и как опыт использования web-сайтами может быть улучшен.

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

Вопросы исследования были построены таким образом, чтобы получить ответы по следующим пунктам:

  • Что делает сайт эффективным?
  • Какие «особенности» сайта делают работу пользователей с ним приятной? Зависит ли это от группы пользователей?
  • Какие факторы, по мнению пользователей, будут определять качество web-сайтов в будущем?
  • Отличаются ли потребности пользователей различных групп?

На сайте находится pdf-документ с результатами исследования.

English Factors that improve online experience
English Factors that improve online experience [PDF-версия, 1,6 Мб]

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.67 (3)
Загрузка ... Загрузка ...
3

Проектирование интерфейсов в стиле Agile

When shooting the movie, the director doesn’t necessary film the scenes in the order they’ll appear once edited. Instead, the filmmakers shoot the pieces according to other constraints, such as the availability of actors or locations, or accommodating variability in the weather. It’s not unusual for the movie’s final climax to be among the first scenes shot.

It occurred to me, while talking with Jeff Patton last week, that the same can be true in an Agile development process. <… > Jeff mentioned that user experience designers on the Agile team end up adopting a similar role to the person who gets the credit of “Continuity” in a film. It becomes their job to make sure the final experience makes sense, even though the order of construction was not linear.

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

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

В своей статье Джефф Паттон (Jeff Patton) дает рекомендации по успешной работе UX-специалистов при проектировании в стиле Agile.

English 12 Best Practices for UX in an Agile Environment — Part 1
English 12 Best Practices for UX in an Agile Environment — Part 2

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.67 (3)
Загрузка ... Загрузка ...
3

Пустые вкладки в Firefox и Google Chrome

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

Например, в новом браузере Google Chrome каждый новый лист содержит ссылки на часто используемые сайты. Но Firefox тоже не планирует стоять на месте. В своей презентации Аза Раскин, глава отдела юзабилити Mozilla Labs , делится с нами своими идеями оптимизации работы системы вкладок Firefox.





English Firefox & Google Chrome New Tabs

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4 (1)
Загрузка ... Загрузка ...
0

Сайт как инструмент маркетинговых исследований

На сайте UXmatters опубликована неплохая обзорная статья по сетевому маркетингу и методам онлайн-исследований пользовательской аудитории.

With companies moving business online, the Internet has become a source of profit for them. We all know how this works. You establish an online presence, sell your brand well—and you make money. Let’s rewind. We are selling our brands online, but doing it well is the challenge. To do it well, keep the following in mind:

  • Customer research is an important factor in generating business revenues, so it must be done right—that is, at the right place and at the right time
  • The online medium should not be the only way of gathering customer information
  • Recognizing emerging trends—behavioral, demographic and emotional—helps companies move forward strategically.

Сейчас многие оффлайн-компании начинают вести бизнес в Интернете, и Сеть становится для них важным источником дохода. Все мы знаем, как это работает: вы создаёте свое представительство в Вебе, правильно продвигаете свой бренд, и, вуаля, получаете большие деньги. Но не стоит торопиться! Мы можем продвигать свой бренд в Сети, но делать это правильно — нетривиальная задачка. Для начала, не стоит забывать о нескольких простых истинах:

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

English Selling Your Brand by Using Your Web Site as a Customer Research Tool

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (4)
Загрузка ... Загрузка ...
3

Google опубликует бета-версию браузера Chrome сегодня вечером

Пощупать своими руками новый интернет-браузер от Google пользователи Windows смогут уже вечером. А пока можно посмотреть концепцию, которая оформлена в виде комикса Скоттом Маклаудом. Скотт — автор великолепной книги Understanding Comics, которую можно порекомендовать как своеобразное пособие по визуальному представлению информации.

В браузере ожидаются интересные технологические и интерфейсные новинки, такие как обновленный вид вкладок и адресной строки (которую разработчики назвали «Omnibox»). Позднее браузер будет также выпущен в вариантах для мобильных устройств, в том числе, и в новой ОС Android.

Рисунок дэшборда, открывающегося при запуске браузера

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

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

Русский Статья о браузере в блоге «Интернетные штучки»

Английский Google Chrome — comic book [HTML]
Английский Google Chrome — comic book [PDF-версия, 3,45 Mb]

Русский Google Chrome — comic book по-русски [HTML]
Русский Google Chrome — comic book по-русски [PDF-версия, 3,45 Mb]

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (4)
Загрузка ... Загрузка ...
2

Юзабилити-тестирование без лишних вопросов

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

В своей статье Anna-Gret Higgins описывает, какие вопросы нельзя задавать респондентам во время юзабилити-тестирования и почему.

English Why you shouldn’t ask “Why?” in a usability test
По-русски Почему нельзя спрашивать «Почему?» во время юзабилити-тестирования (статью перевел на русский язык Женя Софронов)

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (3)
Загрузка ... Загрузка ...
1

Главы из новой книги Дона Нормана «Sociable Design»

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

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

Whether designing the rooftop of a building or the rear end of a home or business appliance, sociable design considers how the design will impact everyone: not just the one, intended person standing in front, but also all the rest of society that interacts. One person uses a computer: the rest of us are at the other side of the desk or counter, peering at the ugly rear end, with wires spilling over like entrails. The residents of a building may never see its roof, but those who live in adjoining buildings may spend their entire workday peering at ugly asphalt, shafts and ventilating equipment.

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

English Sociable Design [PDF, 374kB]
English The Psychology of Waiting Lines [PDF, 520kB]

P.S. Поздравляем всех читателей с днем знаний!

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious