-
Я хотел бы говорить [о] удивительный существо: люди.
-
В жизни люди часто ищут информацию.
-
Это привело к психолог Джордж Миллер для описания людей как «informovores».
-
Informovores пытаются найти и пожирают информации, так же, как искать кормоуборочные комбайны и пожирать питания.
-
И informovores и фуражиры пытаются выяснить, как получить много его быстро.
-
Пит Pirolli, научный сотрудник в PARC — и его коллеги — провел более десяти лет
-
пытаясь выяснить, какие функции информационных ресурсов помочь или помешать
-
способность людей узнать, чего они хотят.
-
Один из основных атрибутов, которые informovores использовать для руководства их поиска
-
Это то, что мы называем «запах» информации:
-
Как мы просматривать Интернет, мы используем сигналы страниц, которые мы смотрим на
-
чтобы попробовать и выяснить, является ли мы можем получить информацию, мы хотим от где мы находимся,
-
является ли это надежный, ли это решить проблему.
-
И мы также смотрим на эти сигналы, чтобы выяснить, какие варианты доступны для нас.
-
Если у вас есть веб-страницы, и вы хотели бы знать, является ли «запах» на странице бедных
-
для людей, которые приходят на эту страницу или сайт есть несколько явные признаки:
-
Если вы смотреть люди используют ваш сайт, вы можете увидеть их цеп вокруг, когда они получают к определенной странице;
-
они не знают, куда идти.
-
Другой метод — и один что Джаред катушка и коллеги
-
успешно используется в пользовательского интерфейса инженерия — это посмотреть на доверие людей
-
как ли они на правильном пути, непосредственно перед и сразу после того, как они по ссылке.
-
Перед говорит вам, является ли ссылка, что вы ищете на один хороший — имеет ли он высокий «запах».
-
И доверие людей после говорит вам ли страница, вы попадете на
-
маяков информация, которую вы пытаетесь попасть.
-
Еще один отличный способ сказать, когда люди, имеющие проблемы
-
с ароматом информации в как следовать тропа является использование кнопки назад.
-
Много использования кнопки назад — основные проблемы для навигации.
-
Вот пример строки меню на веб-странице, что я думаю, что экспонаты особенно низкий запах.
-
Это меню для Стэнфордского Федеральный кредитный союз — банк.
-
Чтобы дать вам почувствовать то, что он выглядит как [интерактивно],
-
Если вы наведите курсор мыши на любой из этих навигационных элементов, вы получите второй уровень навигации.
-
Однако даже с этой второй слой, эта страница экспонатов, многие из проблем, запах
-
что я думаю, являются общими для страниц низкого запах.
-
Для стартеров категории не написано в выражении
-
что я думаю, что большинство людей, которые приходят на сайт знакомы с.
-
Это трудно выяснить, что скрывается за «LoanClick» или «Transact».
-
Это мой банк, и часто, когда я иду на сайт,
-
Я попробовать несколько различных вариантов, прежде чем я выяснить, какой из них имеет конкретную страницу, я искал.
-
Кроме того, навигационные ссылки на этой странице являются короткие — есть только пара слов.
-
И это сочетание жаргона дизайнерами в отличие от ориентированного на пользователя условия и краткости ссылки
-
делает его очень трудно увидеть за эти ссылки.
-
Кроме того как мы видим, много подсказок, которые могли бы помочь мне понять, что это за «Transact»
-
или «LoanClick» или «Счет зрения», те, скрытые в вторичный слой навигации.
-
[Из] курс можно мыши над одной в то время и добраться до них, но он является сравнительно медленным.
-
И наконец, дизайнеры сайта предположительно иконки для каждого из элементов меню
-
с интуицией, что иконы сделать вещи лучше — они обеспечивают изображение и фотографии хороши, право?
-
Но эти значки не дают много дополнительной информации.
-
Хотя хорошие значки часто может улучшить юзабилити сайта, Общие значки редко помогают.
-
Другим примером общих значков являются значки веб-страницы, которые вы видите вдоль левой стороны этой страницы здесь,
-
который является веб-сайт для класса HCI онлайн.
-
Универсальный глобус [икона] не сказать мне много о ссылке, поэтому он не добавляет любой информации;
-
Эти пикселей может лучше поставить для использования с более определенный значок, или дополнительных слов.
-
Значки помочь, когда они облегчить повторное признание —
-
Если первый раз я прихожу к нему, он показывает мне то, что я ожидаю;
-
или, если она является хорошим напоминанием для когда я вернусь.
-
Значки также очень полезно, когда вы знаете чего то смотрит как, но не то, что она называется —
-
и что может быть, потому что это язык, котор вы не знакомы с,
-
или это может быть потому, что есть несколько различных терминов, и вы не можете понять, какой из них используется в этом случае.
-
И хорошее иконы также может помочь с избыточным кодированием,
-
потому что если вы можете признать картинку или слово, которое идет с значок,
-
Затем вы в бизнесе, и вы можете получить собирается,
-
и они могут научить вас друг о друге —
-
Таким образом я узнаю, что означает слово от картины «Разрешения», что я мог бы быть знакомы с,
-
или наоборот — если я знаком с словом, я могу узнать, какова картина.
-
Так как мы можем улучшить запах ссылки?
-
Один из наиболее эффективных стратегий для улучшения запах вашего веб-сайта
-
Это чтобы удлинить ссылки, которые у вас на сайте —
-
В отличие от имеющих одно короткое слово, добавьте больше объяснений.
-
И когда вы сделаете это, добавьте конкретные, узнаваемые термины — что Джаред катушка называет «триггер слова» —
-
и не то, что смешно, или умный, или является терминология, Излюбленные дизайн команды, но не пользователей.
-
Длинные, конкретные ссылки названия — как 7 или 8 слова — не только может помочь улучшить запах веб-сайта,
-
Она может помочь улучшить доступность,
-
потому что многие из ваших пользователей, которые доступ к ваш сайт через программу чтения с экрана
-
будет действительно ценность специфичность этих ссылок, чтобы иметь возможность понять, что происходит.
-
Одним из примеров этого является то, что когда началась HCI курс, мы ссылка, что я думаю, называлась «Сортирование политика».
-
Мало кто понял, что за эту ссылку где мы объяснили различных треков курса:
-
И зря: слово «track» был нигде в ссылке.
-
После недели путаницы на форуме мы поняли, это
-
и мы можем переделать на ссылку, чтобы быть длиннее и более конкретным,
-
и включает в себя несколько различных триггер слов, которые могли бы привести людей к этой странице.
-
Еще один пример из интрасети HCI класс, я преподаю в Стэнфордском университете
-
Это у нас было видео, где связь была очень короткий «здесь» как только слово в ссылке.
-
После того, как кто-то по электронной почте мне спрашивать, где видео было — и я знал, где он был на этой странице-
-
Я понял, что я мог бы редизайн эту ссылку, чтобы развернуть его, чтобы быть несколько слов;
-
и после реорганизации эту ссылку, чтобы быть длиннее, никто не отправлен мне говорят что они имели какие-либо проблемы.
-
Одним из крупнейших препятствий для улучшения запах навигационных элементов на сайте
-
что у нас есть действительно хороший импульс общего назначения
-
чтобы попытаться не положить слишком много хлама на вещи и сделать его слишком долго.
-
Однако с навигацией, часто больше, тем лучше,
-
и большой стратегии для эффективной навигации является то, что называется «говорящих блок навигации.»
-
И этот набор примеров, собранных Smashing журнал,
-
обеспечивает хорошая интуиция о том, что говоря блок навигации.
-
Путем добавления нескольких различных слов — возможно подзаголовки, которые находятся под структуры,
-
или объяснение о том, что главным словом или фразой —
-
Это может помочь пользователям получить место, что они хотят идти.
-
Когда вы предоставляете ссылки или содержание на странице, имеет ли значение, где на странице вы положили их?
-
Абсолютно!
-
И один из способов, что вы можете видеть это с числом глаз отслеживания исследований
-
Это было сделано за последние десять лет или около того.
-
Это один является уважение Эд Cutrell из его исследовательской группы в корпорации Майкрософт.
-
И то, что вы можете увидеть здесь является то, что места на странице, где пользователь выглядит наиболее
-
Здесь отображаются в красном цвете как «хот спот»,
-
и места, где люди выглядят менее часто находятся в синий цвета.
-
Распределение взгляд является замечательным:
-
Огромная часть людей времени провел глядя на относительно небольшая часть недвижимости на экране,
-
и эти привычки, которые мы строим и нести через несколько различных веб-сайтах.
-
Очень умно мы создали чувство где хорошие вещи часто является,
-
и мы игнорировать, где плохие вещи часто является.
-
И вы можете затем использовать это дизайн для «glanceability.»
-
Институт Пойнтера подготовил эту схему которая показывает, где, в общем, люди основном ищут,
-
и эти результаты являются для английского языка веб-страниц —
-
предположительно они обобщить для большинства страниц, которые имеют порядок чтения справа налево.
-
Много ключевых вещей находится в левом верхнем углу — это область, красный.
-
Тогда есть среднее кольцо вокруг этого.
-
И наконец, ниже раза и у ультраправых, где низкий приоритет вещи.
-
Теперь эти приоритетные области явно собирается быть жанр иждивенца
-
и на основе отдельного пользователя ожиданий;
-
но, как хорошая эвристика, «верхней левой, более важным; как вы получаете более низкие или дополнение к право, менее важное значение.»
-
Так что короче говоря, наш премьер недвижимость раза выше, и это в местах, где люди ожидают найти вещи.
-
Так что это будет где другие страницы положить аналогичного содержания:
-
Если у вас есть страницы, которые ваши пользователи знакомы с,
-
После расположения на экране, где они имеют свои навигационные элементы или премьер недвижимости
-
поможет людям привыкнуть к ваш сайт.
-
И определенно не поставить навигационных вещи, где люди ожидают увидеть объявления,
-
потому что, в настоящее время, многие люди основном игнорируют любые места, они думают, собирается быть реклама.
-
Хотя премьер Недвижимость находится выше раза,
-
люди более чем счастливы для прокрутки, если они думают, что они собираются, чтобы увидеть то, что стоит.
-
Часто когда есть ценная информация ниже раза, что люди не вижу,
-
Это потому, что вещи выше складки не выглядят очень хорошо;
-
Люди предположим, что вы кладете ваш лучший материал там.
-
Так если это ваш лучший материал, что получил ниже тем, что не может быть так хорошо.
-
Но если у вас много большое содержание вверх вверх, люди предположит, что есть еще более далее вниз.
-
И многие из самых популярных сайтов в Интернете пользователи прокрутки довольно значительно.
-
Юзабилити эксперт Якоб Нильсен провел исследование о том, как люди читают в Интернете,
-
и я могу поделиться с вами резюме его результатов: «Они don't.»
-
Конечно, есть моменты, где мы сесть и читать длительных статью онлайн —
-
Это не совсем то, что мы говорим о здесь.
-
Мы говорим о просмотра общего назначения веб-страниц, когда мы промысел вокруг для информации,
-
и в этих случаях, это крайне редко, чтобы найти, что люди будут тратить значительное количество времени на одном сайте.
-
Часто то, что вы увидите это, что люди имеют ряд открытых вкладок одновременно,
-
и они даже делают совершенно не задач одновременно:
-
Поэтому они могут искать какое-то время.
-
Через минуту или две электронной почты становится захватывающей; Перейдите к этому.
-
Вернулся, посмотрите через несколько различных сайтов за один раз и все это время они пытаются найти соответствующую информацию.
-
Так что это означает, что успешных сайтов являются те, которые поддерживают это чересстрочной просмотра
-
как эффективно как возможна путем бьется наиболее важные вещи.
-
И Якоб Нильсен смог продемонстрировать последствия с учетом
-
изменив стратегию записи и затем измерения воздействия на удобство использования.
-
Якоб Нильсен попытался три отдельные методы для улучшения удобства использования эти веб-сайты —
-
сделать текст более кратким;
-
что делает его более развертываемых с помощью подзаголовки, маркированные списки и короткие абзацы;
-
и с использованием более объективного языка в отличие от что Нильсен называет «marketese.»
-
И то, что он обнаружил, что действительно значительное влияние на работу пользователей.
-
Хорошая новость заключается в том, что все эти стратегии очень просты.
-
И если вы хотите узнать больше о улучшение навигации веб-сайтов,
-
Я настоятельно рекомендую эти три ресурсы, показанные здесь.