Здравствуйте, гость ( Вход | Регистрация )




> Определение. Что такое юзабилити

Юзаби́лити (англ. usability — дословно «пользуемость», «возможность быть используемым») — понятие, обозначающее общую степень удобства предмета при использовании. Международное определение: Юзабилити - cтепень, в которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью. При этом относительная важность всех трех аспектов определяется этим самым контекстом.

 
Ответить в эту темуОткрыть новую тему
> 10 главных интерфейсных ошибок Flash-роликов
aprika
сообщение 12.12.2007, 19:13
Сообщение #1


Админша
*******

Группа: Администратор
Сообщений: 14 153
Регистрация: 20.9.2006
Пользователь №: 1
Спасибо сказали: 321 раз(а)
Фуу сказали: 7 раз(а)




Репутация:   21  


Ругать Flash сейчас модно не менее, чем было модно восторгаться им в те времена, когда эта технология только-только появилась. В октябре 2000 года отец веб-юзабилити Якоб Нильсен написал нашумевшую статью «Flash: 99% Bad», положив начало распространенному заблуждению, которое можно коротко сформулировать так: используя технологию Flash, тяжело удовлетворить требованиям юзабилити. На самом деле проблема не во Flash, а в дизайнерах.

Так уж сложилось, что созданием интерактивных Flash-роликов часто занимаются люди, которые, будучи замечательными визуальными дизайнерами или медиахудожниками, мало что понимают в дизайне пользовательских интерфейсов. Большая же часть обвинений в адрес Flash касается именно проблем, связанных с интерфейсными ошибками в роликах. Наиболее распространенные ошибки мы и разберем. Заметьте, что речь пойдет не о развлекательных сайтах, где Flash является контентом (содержанием), то есть тем, за чем люди, собственно, и приходят на эти сайты. Речь идет о служебном использовании Flash на обычных сайтах. Впрочем, многие ошибки, описанные в этой статье, являются ошибками на любых сайтах.

Ошибка 1: Игнорирование закона Фиттса

Ещё в 50-е годы американский психолог Поль Фиттс открыл всеобщий закон, в наиболее простой и удобной форме звучащий следующим образом: «время, необходимое для достижения цели, зависит от размеров цели и расстояния до нее». Самым главным выводом из этого закона является простое соображение: нажать большую кнопку легче, чем маленькую.IPB Image

Очевидность этого вывода не мешает дизайнерам постоянно пренебрегать им. Знаете, почему это случается? Многие уверены, что большую кнопку невозможно сделать красивой. Но это неправда.

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


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

Ошибка 2: Длительное время отклика

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

Ошибка 3: Элемент управления и подпись к нему находятся в разных частях экрана

Часто дизайнер реализует при помощи Flash что-то вроде строки состояния, в которой, при подведении курсора к элементу управления, появляется название этого элемента. Такой подход имеет две проблемы:

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

Ошибка 4: Пользователь не может контролировать происходящее

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

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

Ошибка 5: Нестандартные элементы управления

Да, Flash позволяет создавать нестандартные элементы управления. К сожалению, многие разработчики считают, что раз это сделать можно в принципе, то «почему бы этого не сделать вообще?». А потому, что посетители вашего сайта приходят на него вовсе не для того, чтобы осваивать тонкости новых интерфейсных элементов. Особенно этим грешат сайты дизайн-студий. Я еще не встречал нестандартных элементов управления, способ использования которых был бы понятен с первого взгляда. Поди догадайся, что для того, чтобы попасть в раздел «Услуги», необходимо перетянуть при помощи мыши вот этот синий ромбик вон в тот белый кружочек в центре экрана.

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

«Стандартность» элементов управления вовсе не означает, что вы должны использовать в интерфейсах Flash-роликов серые кнопки a'la Windows 95. Это означает, что элементы управления должны без особого труда узнаваться и пользователем. Поля ввода должны быть похожи на поля ввода, в выпадающий список — на выпадающий список. Не наоборот.


Ошибка 6: Избыток анимации

Да, Flash позволяет легко создавать анимированные элементы. Но, опять же, это еще не повод для того, чтобы злоупотреблять ими.IPB Image

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

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

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

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

Ошибка 7: Избыток звука

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

Лишний звук — это зло, хотя и небольшое. Звук, который нельзя сделать тише или отключить — зло значительно большее. Не заставляйте пользователя слушать вашу музыку, если он ее не просил.IPB Image

Ошибка 8: Отсутствие возможности пропустить Flash-заставку

Заставки вообще нужны нечасто. Чаще всего — на развлекательных сайтах, где пользователь знает, на что идет и морально готов ждать, или на сайтах дизайнерских бюро («...чтобы не подумали, что мы не умеем Флешем пользоваться»). На большинство сайтов люди приходят не для того, чтобы посмотреть мультики, а за информацией. И эту информацию они хотят получить возможно скорее. Если вы все же решили, что без заставки не обойтись («...за нее деньги уплачены. Что же теперь — выкинуть ее?»),IPB Image то начните со ссылки «пропустить заставку».

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

Ошибка 9: Отсутствие или неправильная реализация индикации прогресса выполнения

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

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

Просто надпись типа «подождите, идет загрузка». Иногда она дополняется анимацией для того, чтобы пользователь заскучал.
Надпись «идет загрузка» дополняется индикатором степени выполнения, который приблизительно показывает, какая часть процесса уже выполнена и позволяет (опять же приблизительно) предсказать оставшееся время. Иногда вместо индикатора демонстрируется процент загрузки.
Просто вступительный ролик, который либо развлекает пользователя, либо выполняет информационную функцию (подобно тому, как иногда во время инсталляции новой версии программы, пользователя развлекают перечислением ее достоинств и улучшений).
На мой взгляд, наилучшим решением является комбинация пунктов 2 и 3: развлекательный или информационный ролик с индикатором степени выполнения загрузки ролика основного. Главное, чтобы после всех ваших усилий, загрузки первого ролика не пришлось ждать дольше, чем второго.

Ошибка 10: Неоднозначная индикация

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

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

Кирилл Вятчин


--------------------
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Цитировать в форуму быстрого ответаОтветить с цитированием данного сообщения
Поделиться с друзьями в соцсетях



Ответить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 


 
Текстовая версия Сейчас: 15.12.2019, 11:37