Мы все слышали, заявив, что картинка стоит десять тысяч слов.
Эта идея стоит интересно, потому что она подразумевает своего рода взаимозаменяемости,
что есть некоторые скорость, на которой вы можете конвертировать одного представления в другое представление.
Как мы могли бы установить что взаимозаменяемости?
Взаимозаменяемости шин информационные эквивалентности.
Два представления информационно эквивалентны
Если всю информацию, которая присутствует в одном можно также сделать вывод из другого.
Но только потому, что та же информация теоретически зависят
не означает, что он будет принимать же необходимые усилия для его извлечения.
Некоторые представления требуется больше шагов для вычисления и вывода.
И разница в воспринимающего вычислительной усилий
создает вызовы и возможности для вас как дизайнер.
Давайте посмотрим на пример.
Давайте рассмотрим предложения «пару параллельных линий прорезают поперечный.»
Этот отрезок генерирует восемь углов.
Из приговора трудно по причине, о которой пары формируют альтернативный внутренних углов.
И в самом деле если вам попробовать, вы сможете найти себе создание психического образа из двух параллельных линий, сократить на поперечный.
С диаграммы, как это, однако,
приговор и диаграмма являются информационно эквивалентные, но вычислительно различны для воспринимающего.
Одно из основных преимуществ графического интерфейса пользователя над командной строки
Это графический интерфейс пользователя позволяет много общих действий для восприятия задач, требующих мало вывода.
Пока мы видели большое количество примеров как распределенное познание может помочь индивидуальной работы.
Распределенное познание могут также иметь мощные выгоды для групповой работы.
И просто чтобы дать вам быстрый ощущение того, что это может быть как,
Я дам вам пример из Ed Hutchin исследования на самолет кабины.
Одна из вещей, которые Эд отметил, что артефакты в кабине
способствовать координации действий между несколькими людьми, которые там работают — пилоты.
И поэтому, например, один экземпляр этого быстрого набора, где, на посадку и взлета,
Это невероятно важно иметь скорость быть точным
потому что вы находитесь в наиболее важной частью в самолете — вы близко к земле;
Крылья не разработан for... которую они предназначены главным образом для выезда дальние, очень высокая,
и форму крыльев должен быть изменен
с учетом низких скоростях, которые требуются для взлета и посадки.
И поэтому несколько пилотов на большой самолет должны координировать свои усилия в ряде важных аспектов.
Есть несколько пластиковых индикаторы, под названием «жучков» вокруг периметра спидометр.
И пилоты можно вручную установить эти ошибки делать такие вещи, как Марк, где скорость,
какие события должны привести к изменению параметров крыла и другие вещи как это.
И что приятно об этих ошибок, что они видны не только пилот, что установить их
но для всех остальных в кабине также.
И так, делая триггеры за то, что вызовет изменения в манифесте действий всем,
Эти артефакты могут помочь координировать сотрудничество и повысить безопасность в ситуациях кабины.
Итак мы уже видели, что когда интерфейсов помогают распространять познания,
Она может поощрять эксперименты, как мы видели в Тетрис;
Он может эшафот обучения и уменьшить количество ошибок, как мы видели с Монтессори блоков;
Он может показать только различия, которые вопрос, как в лондонском метро карте;
Она может конвертировать медленно вычисления в быстрое восприятие, как мы видели с картой окраски;
Она может поддерживать фрагментации, особенно со стороны экспертов, как мы видели с шахмат и с жестами интерфейсов;
Это может повысить эффективность, как мы видели с схематическое представления;
и это может облегчить сотрудничество как мы видели в кабине.
Учитывая все эти преимущества хорошего представления,
Это своего рода удивительно, что много фактических интерфейсов, которые там
предлагаем действительно вшивой работу на возможность помочь людям, распространять их когнитивных усилий.
Поэтому я призываю эти бедные представления «Общие но смертельно».
Давайте взглянем на пару из них. Вот один:
Я был на симпозиуме в IBM пару лет назад.
Чтобы попасть на их сети Wi-Fi, мне необходимо ввести пароль.
И, я набрал в пароль что я думал, будет просто отлично.
И система Wi-Fi сказал мне «введенный пароль не является допустимым; Пожалуйста, измените его.»
Что нужно изменить его, хотя?
Все пароли часто имеют разные требования, как смеси прописных и строчных букв,
наличие или отсутствие чисел или специальных клавиш,
и нет никакого способа для меня, чтобы знать от экрана, что проблема с паролем, который я вошел.
Это представление явно бы чертовски много лучше, когда я вошел пароль, он сказал,
«Вам нужен пароль, по крайней мере десять символов,
содержащий смесь верхнего и нижнего регистра символов, или которая имеет по крайней мере один номер.»
И что может быть проверен первый раз, что я набрал в новый пароль
как предполагается, я должен ждать, пока я типа в обоих, хит Go, и он говорит, «Ой.»
Вот еще один пример: НАСА пригласил меня выступить с докладом в событии, они имели в Сан-Франциско в год или так тому назад
и регистрацию для этого события был... здесь — это веб-формы из него — и я думал, я зарегистрирован.
Я нажал Go и после нажатия Далее, он сказал, «Вы должны заполнить все зарегистрированные поля» —
Вы можете увидеть что в верхней части экрана прямо здесь.
И полностью разочаровывает, если вы пытались зарегистрировать, потому что вы, как «хорошо... Какой же я скучаю?»
Было бы гораздо более эффективной, если, например, можно выделить то, что она думает, что вам нужно заполнить вне,
или она может создать меньшую форму, которая имеет только те части, которые вы пропустили последний раз
и говорит, «Вот одна вещь, вам необходимо заполнить, прежде чем продолжить.»
Вот еще один пример: это от BBEdit и его, когда я пытался спасти он говорит:
«Документ кодирования несоответствие. В документе содержатся данные, который описывает кодировки как UTF-8.
«Но кодирования поставила Западноевропейская (ISO Latin-1)».
И у меня есть два варианта здесь. Одним из них является отмена, и еще один – сохранить в любом случае.
Но действия, которые я хотел бы иметь возможность сделать, вероятно, что-то как «сделать все UTF-8»,
или «сделать все Latin-1», или «Эй компьютер, скажите мне, какие из них, вероятно, делает больший смысл;
Помогите мне выбрать между этими», или «Неважно».
Но информация, что мне нужно быть в состоянии принять решение просто не присутствует в пользовательском интерфейсе.
Диалоговые окна должны быть ориентированы на действия; они должны помочь пользователям на то, что их следующий шаг представляется
и он должен предоставлять им информацию, необходимую им для того, чтобы быть в состоянии выполнить следующий шаг.
Вот интерфейс, который я думаю, умышленно разработан чтобы быть неоптимальной:
Здесь у нас есть eBay, финансирование страницу подтверждения, и если вы посмотрите на этой странице,
что вы увидите, если я переключился на кредитную карту, и он говорит,
Прежде чем вы пойдете с кредитной карты, мы собираемся дать вам это приглашение, предлагающее проверить, что
и eBay и PayPal сделать это, конечно, потому что они делают больше денег, если вы видите на банковский счет
в отличие от придется платить плату транзакций кредитных карт.
И так, вниз на дне здесь, он предлагает вам две кнопки.
Один из них – «платить с банковского счета» и другой — «Платить с помощью кредитной карты».
Хорошие названия, ориентированных на действия — мне очень нравится эта часть пользовательского интерфейса.
И вы видите, что учетная запись, что они хотят, чтобы выбрать производится красиво и ярко
и вероятно нужную учетную запись неактивна как если бы оно неактивно.
Является ли это удобный интерфейс пользователя или плохой пользовательский интерфейс?
Ну пользовательский опыт вероятно несколько деградации; PayPal значительное увеличение прибыли.
И во многих реальных ситуациях, может потребоваться сделать этот компромисс.
Я думаю, что более глобально есть другие способы, что можно было бы рассмотреть это
но я думал что это было интересным примером взаимодействия дизайн
что в жертву некоторый пользовательский опыт для достижения более высоких прибылей.
Трудно сказать, является ли это стоит того.
Вот диалоговое окно для экспорта изображения.
Мы хотим сохранить, JPEG, и диалогового окна уведомления нас, что этой JPEG уже существует.
И вы получили несколько вариантов.
Так что одна вещь что я, что я люблю о этом будущего интерфейса
что вы получаете кнопки, здесь действительно ориентированные на действия — это здорово.
Задача: как я знаю ли я хочу этот файл, или нет?
Я имею в виду, что такое «l1010235.jpg»?
Было бы намного больше смысла, если это диалоговое окно показал мне икону «здесь является то, что эта картина является»,
и таким образом, я мог бы лучше чувство ли я хотел, чтобы переопределить его,
или пропустить эту операцию, или дать ему новое уникальное имя.
Вот пример из Microsoft Outlook.
Это диалоговое окно обнаружен дубликат контакта.
И он говорит что «Эй, вы знаете, есть некоторая информация, которая уже существует в списке контактов.
Вы хотите обновить его или вы хотите добавить как новый контакт?
Трудность, конечно, вы не знаете, что такое что контакт прямо сейчас
и так что это не решение, которое я могу сделать из глядя на этом диалоговом окне на своих собственных.
Я конечно могу щелкните Открыть существующий контакт; она покажет мне эту информацию, но это один дополнительный шаг вниз по линии.
Майкрософт улучшила это в последующие версии Outlook.
Его диалоговое вероятно все еще более сложным, что это действительно необходимо:
Я думаю, что это может быть рационализировать значительно;
но что она делает это, он показывает мне две вещи, которые мне действительно нужно знать:
Первым из них является то, что окончательный результат этого процесса будет выглядеть —
Таким образом «после того, как мы объединены эти вещи, вот что вы получите.»
И другая вещь, которую он собирается показать мне
«Здесь это кусок информации, которую мы собираемся изменить для того, чтобы это произошло.»
Один из способов, что я думаю, что это диалоговое окно может быть упорядочен заключается в том,
Хотя это показывает, что окончательную информацию таким образом и это дает нам «так что я могу изменить это или происходит «здесь,
Старый Контактная информация показана в совершенно другом формате и поэтому трудно сравнивать.
Если вы считали, что вам не нужно видеть эту информацию, потому что соответствующие биты не здесь,
Ну тогда просто не включать это.
Если, с другой стороны, вы решите, что нам нужно показать в старой версии, потому что вы можете сохранить его,
в этом случае он вероятно будет сделать его намного больше смысла, чтобы показать его
образом, что параллельно с этим другие две коробки.
Мы рассмотрели в эти последние две лекции является понимание теоретические основы
о том, как представление информации
могут иметь огромные последствия с точки зрения пользователей системы.
Я думаю, что это один из самых интересных тем во всех HCI.
И если вы обнаружили на этой области, как интересно, как я сделал,
Есть несколько книг, которые я могу рекомендовать пойти дальше здесь.
Один из них — Херб Симон «наук искусственного».
Это большой монографии, написал несколько десятилетий назад теперь, о роли дизайна в науке
и о природе психического представления — очень интересная книга.
Еще один здесь — Эд Хатчинс книга «Познание в дикой природе», которая закладывает основу для распределенных познания.
и описывает работу Эд в самолетах и на военно-морские корабли.
И Последнее, что мы имеем здесь Дон Норман книга, «Вещи что делает нас Smart»,
Какая великая книга о много исследований когнитивной науки и распределительные познания
и роль представительств в познании.
И это один из источников некоторых из этих примеров в этой лекции, как, как эти другие книги, тоже.
Я буду видеть вас в следующий раз.