How to Design Buttons to Help Improve Usability. Любопытный взгляд на то, каким образом можно улучшить узнаваемость в интерфейсе за счет особого дизайна кнопок. Статья базовая, было бы интереснее почитать, как сделать тоже самое, но в перегруженных элементами страницах.

Сообщество Software-Testing.ru на этой неделе прорвало на публикацию любопытных и не очень сообщений об ошибках. Отдельно хочу отметить обсуждение в этих темах.

Кроме этого.
Software Testing Club запустили новый проект Tester Feeds. В какой то мере аналог Testing Reflection, но в более удобном виде, на мой взгляд.

А предыдущие выпуски можно почитать тут: 3, 2, 1.

Дата проведения: 13 ноября 2008 года

Время: 9:30 – 19:00

Стоимость: бесплатно

Место проведения конференции: Москва, ст.м.Новослободская, Никоновский пер., 26, стр.6

Стрелки перед и после ссылки

Теперь – вопрос. Должны ли эти стрелки быть до или после текста ссылки? Рассмотрим оба варианта:

Стрелка перед ссылкой.

Когда стрелка стоит перед текстом ссылки, она указывает на ссылку и как бы говорит «Эй! Нажми эту ссылку». Стрелка рекламирует ссылку, поскольку стрелка привлекает наше внимание к ссылке. Я думаю, что это очень хорошая идея, которую можно использовать для обозначения важных ссылок.

Стрелка после ссылки.

Когда стрелка стоит после текста ссылки, то она указывает на переход, куда-то еще – «Эй! Нажми эту ссылку, чтобы перейти туда». Она похожа на дорожный знак, указывающий направление до ближайшего города. Мне это не очень нравится, поскольку такая стрелка никуда не указывает и уводит внимание от самой ссылки, в отличие от стрелки перед ссылкой.

Что стоит использовать?

Я думаю, что лучше всего исходить из контекста. Если ссылка ведет на другую страницу или полный текст статьи, то, возможно, стрелку лучше поставить после ссылки. Это как указатель на направление – если вы кликните эту ссылку, вы пойдёте туда.

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

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

Оригинал: Should Arrows be Placed Before Link Text or After?

]]> http://blog.alsedi.com/gde-nuzhen-tekst-ssylki-do-ili-posle-strelki/feed/ 0 http://blog.alsedi.com/user-experience-2008/ http://blog.alsedi.com/user-experience-2008/#comments Thu, 09 Oct 2008 15:29:27 +0000 Alex http://alsedi.com/blog/?p=89 Continue reading →]]> В прошлом году эта конференция поразила количеством зарубежных гуру на единицу площади. То, о чем рассказывали гуру, поразило меньше. Впрочем, в Сети можно найти много положительных записей участников.

А в этом году конференция пройдёт с 29 по 1 ноября и приурочена к World Usability Day. Чего, впрочем, не скажешь по списку докладов – ни одного доклада по теме этого года (Usability in Transportation). Из ключевых докладчиков наиболее интересен Джефф Джонсон с конспектом своей книги “GUI Bloopers: Don’ts and Do’s for Developers and Web Designers“, мне кажется это будет хороший доклад. Дмитрий Сатин и Александр Горелик (не знаю кто это) выйдут, видимо, с общей темой “Тема ожидается”=)

Конференция, фактически, разбита на три части, каждая оплачивается отдельно:

• 29 октября – Курс молодого бойца. Стоимость 3800 – 5400 рублей за место. Минимальная цена сделана для студенов и преподавателей (на “РИТ: Высокие нагрузки” было вообще бесплатно).
• 30 и 31 октября – Основная программа конференции, несколько мастер-классов (судя по описанию на сайте – для совсем новичков) и “Премия информационной открытости – 2008″. Участие стоит 3900 – 14400 рублей за место.
• 1 ноября – Авторский семинар Джеффа Джонсона за 9340 – 10800 рублей, скидок школярам не предоставлено.

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

А вот это мне не понравилось совсем. Допускать такие ляпы на сайте этой конференции нехорошо:

Что тут не так?

1. Зачем на сайте конференции для специалистов по юзабилити пояснение что такое юзабилити? К тому же это не является полным определением. Может быть это просто ограничение темы. Почему тогда просто не написать “конференция по удобству использования” и не вводить в заблуждение?

2. При разрешении 800×600 и 1024×768 пояснение к термину пропадает, а “2008″ либо исчезает совсем, либо обрезается на половине цифры.

3. Текстовый заголовок сделан единой картинкой.

RSS тоже отсутствует, за место этого предлагается подписаться на e-mail. С маркетинговой точки зрения понятно, но с точки зрения удобства использования одна единственная возможность получать новости это прошлый век.

А вот идея с вертикальной навигацией, очень понравилась.

WUD 2008

В этом году выпал на тринадцатое ноября (по правилам WUD празднуется во второй четверг ноября). Тема дня – Юзабилити на транспорте (или “при транспонтировке”).

На официальном сайте World Usability Day можно ознакомиться с общим посланием участникам WUD:

Юзабилити на транспорте означает передвижение товаров и людей в самом широком смысле этого понятия [передвижения]. Юзабилити на транспорте говорит о взаимодействии людей и машин, о проблемах и вопросах в инфраструктуре и способах передвижения в окружающем нас мире. Перемещение из точки А в точку Б постоянно отнимает время. Мы используем разный транспорт и способы перевозки в зависимости от дня, положения, имеющегося времени и необходимости. Тема Всемирного Дня Юзабилити 2008 направлена на раскрытие и улучшение понимания по некоторым аспектам транспорта:

• Каким образом транспорт влияет на нашу культуру и общество? Какие есть возможности и препятствия для нашего общества?
• Как человек взаимодействует со следующими аспектами перевозок:
  • Способы перевозки – автомобили, самолеты, поезда и метро, катера, грузовики, автобусы, мотоциклы, животные, и многое другое.
  • Инфраструктура – дороги, автомагистрали, мосты, туннели и прочее.
  • Технологии и ресурсы, сопровождающие перевозки – онлайн консультации и продажа проездных билетов, карты и другое.
  • Безопасность
  • Информационные указатели, знаки и прочее
  • Как взаимодействуют разные способы перевозки?
• Как перевозки влияют на окружающую среду? Каким образом можно улучшить проблемы экологии¹.
• Как вопросы и проблемы доступности² были решены транспортом?

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

Трудности перевода:
¹ – подозреваю, что «green improve» означает именно это.
² – в данном случае я не понял, что конкретно означает «accessibility», потому что этот термин используется в нескольких значениях – от физической доступности, до вопросов удобства транспорта для инвалидов. Тут, скорее всего, подразумевается общая совокупность возможностей, влияющих на доступность.

Посмотрев список мероприятий в других странах здорово удивился. Часть событий была совсем не связана с заявленной темой. Китайцы так вообще пять раз добавили одно и тоже событие. Но есть и много действительно интересных встреч, например у Финнов (что не удивительно с учетом их системы управления транспортом в Хельсинки).

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

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

Посмотреть ролик можно на сайте MIX: The Story of the Ribbon там же можно и скачать его в разных форматах (WMV, iPod). В любом случае потребуется установить SilverLight. Можно так же скачать его и из блога Харриса, но на сам сайт MIX лучше зайти, там есть еще много интересных видео.

1. Наполнение контентом готового дизайна. Для этого не обязательно делать верстку страницы, достаточно графического прототипа. Для наполнения контентом, в том числе определения заголовков элементов навигации, используется кусок текста из трактата Цицерона «О пределах добра и зла»:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Хотя, как пишет Артемий Лебедев, этот текст очень сильно отличается от оригинала текста, и стоит быть осторожным при использовании онлайн генераторов “Lorem Ipsum”, поскольку неизвестно кем и почему изменялся этот текст и что действительно означают эти изменения и почему dolorem ipsum стал lorem ipsum.

2. Тестирование. Подготовленный дизайн проект, вариантов должно быть не менее двух, раздается группе людей, которые будут проводить юзабилити тестирование. При этом порядок следования прототипов рекомендуется изменять, чтобы исключить психологические аспекты. Количество людей должно быть не менее шести, по рекомендации Нильсена, но, на мой взгляд, стоит взять, по меньшей мере, дюжину. Будет очень хорошо, если тестовая группа будет содержать людей разного возраста и пола. Каждый человек, из тестирующей группы, работая с прототипом должен распознать заложенные дизайнером элементы на странице. После этого он выставляет оценку каждому прототипу. Шкала оценок может быть как от 0 до 5, так и от -3 до 3 и так далее – все зависит от фантазии и интерпретации данных. Соответственно эта оценка объективной, скорее всего, не будет, но она поможет определить общее настроение пользователей.

3. Анализ результатов. В первую очередь, нужно оценить какие элементы были определены верно, а какие нет и составить сводную таблицу, включив еще и оценки пользователей:

На основе полученных результатов можно получить действительно интересные вещи.

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

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