Это десять главных заповедей любого разработчика компьютерных интерфейсов. Проектирование графического интерфейса пользователя

Станислав Жарков. Глава из книги «Shareware: профессиональная разработка и продвижение программ»

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

Одними из самых цитируемых в книгах по HCI являются десять так называемых эвристических правил известнейшего американского специалиста в области проектирования интерфейсов Якоба Нильсена (Jakob Nielsen), разработанных им совместно с другим исследователем, Рольфом Моличем (Rolf Molich). Формулировку этих принципов в оригинале можно прочитать по адресу http://www.useit.com/papers/heuristic/heHristic_list.html. Это десять главных заповедей любого разработчика компьютерных интерфейсов, т. е. минимальные критерии, которым должен отвечать интерфейс любой программы.

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

Доступность

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

Что делает эта кнопка? Наведем курсор и прочитаем.

Минимализм

Большая загруженность — враг хорошего пользовательского интерфейса. Легко попасть в ловушку избыточной доступности — добавляя все больше и больше управляющих элементов, вы делаете огромную ошибку — загромождаете интерфейс. Ваш интерфейс растет, и пользователь будет вынужден много читать, чтобы понять что, где и для чего располагается.
Делайте вещи понятными, но с минимальной загруженностью. Если вы можете описать возможности одним предложением, вместо трех — сделайте это. Когда вы можете подписать элемент одним словом, вместо двух — сделайте это. Берегите время ваших пользователей, пусть удобство и минимализм требуют много времени, но ваши усилия будут вознаграждены.

Панель регулировки уровня звука в OS X. Коротко и доступно, ничего лишнего.

Уверенность

Многие дизайнеры стремятся сделать интерфейсы «интуитивно понятными». Но что «интуитивно» в действительности означает? Это означает, что пользователи должны инстинктивно понимать и осмысливать возможности проекта. Но как вы можете сделать что-то интуитивно понятным? Вы проектируете знакомые для себя вещи, и то, что для вас может показаться очевидным, для пользователей может отталкивать и вызывать сложности.
Попросите ваших родственников и знакомых выполнить какие-либо действия через ваш интерфейс, например, заказать товар, если ваш интерфейс подразумевает продажу чего-либо. Наблюдайте за каждым действием пользователя, за ошибками, которые он совершает. Таким образом вы соберете ряд упущений в интерфейсе, которые усложняют взаимодействие системы с пользователем. И только после исправления проблемных мест, ваш интерфейс может быть готов к работе.

Интуитивно понятный интерфейс GoPlan. Надписи на вкладках дают понять пользователю содержимое раздела.

Отзывчивость

Отзывчивость означает несколько вещей. Интерфейс веб-сайта должен работать очень быстро. Длительное ожидание загрузки страницы раздражает. Позаботьтесь о том, чтобы сайт загружался максимально быстро, даже на медленных интернет-каналах.
Так же отзывчивость означает некоторую постоянную форму взаимодействия с пользователем. Интерфейс должен информировать пользователя о происходящем. Например, вы нажимаете кнопку отправки сообщения. Если сообщение отправляется посредством AJAX, было бы разумно выводить состояния отправки, например «Отправка...», «Сообщение отправлено» или «Ошибка отправки сообщения». Когда пользователь видит процесс выполнения, он чувствует себя спокойнее. Особенно это заметно на медленных интернет-каналах.

Во время загрузки Gmail отображается прогресс-бар.

Соответствие контексту

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


Элементы управления MS Office, различные для каждого типа контента.

Привлекательность

Хоть это может быть несколько спорным моментом, но я считаю, что хороший интерфейс должен быть привлекательным. Привлекательный пользователю интерфейс делает работу с ним приятной. Да, вы можете сделать интерфейс простым в использовании, эффективности и оперативности, и он будет отлично справляться со своей задачей, — но если вы дополните этот список достоинств еще и привлекательностью — работа с ним будет чистым удовольствием!
Но сложно сделать интерфейс, который будет нравиться всем. У каждого свои предпочтения, и что покажется одному красивым, у другого будет вызывать отвращение. Тем не менее, пользователей можно разделить на некоторые социальные/демографические группы, среди которых будут и группы вашей целевой аудитории. Например, интерфейс для группы «молодые мамы» будет в корне отличаться от «менеджеров по продаже автозапчастей».

Эффективность

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

Три самых часто выполняемых действий над фотографиями в Apple Iphone объединены в общий список с моментальным доступом.

Снисходительность

Никто и ничто не совершенно. Будьте готовы к тому, что пользователи будут делать ошибки при работе с вашим проектом. Это может происходить как по вашей вине, так и по вине пользователя. Вы должны грамотно обрабатывать все возможные ошибки — это будет одним из главных показателей качества вашего проекта. Не стоит наказывать пользователя — разработайте «снисходительный» интерфейс.
Вы должны беречь данные от случайных действий пользователя. Например, если кто-то удаляет важную информацию, предоставьте возможность ее восстановления. Когда пользователь переходит на несуществующие страницы, не пугайте его ошибками сервера, вместо этого предоставьте список альтернативных направлений, по которым он может проследовать.
Мне нравится, как сделана страница 404 ошибки у Яндекса .

Случайно удалено важная информация в Gmail. Не проблема, можем отменить действие!

Заключение

Работая над достижением одной из этих характеристик, вы можете создать проблемы для достижения другой. Например, старясь сделать интерфейс более понятным, вы можете добавить много описаний и объяснений, что в конечном итоге сделает интерфейс еще более громоздким и неудобным. Или урезая материал для достижения минимализма, может сделать вещи непонятными рядовому пользователю. Для достижения баланса необходимо мастерство и много времени, и помните, что ваши дизайнерские решения, скорее всего, будут различными в разных проектах. Что актуально для одного, для другого может быть не допустимо.
С удовольствием выслушаю ваши комментарии по поводу этой статьи. В современном мире миллиарды вычислительных устройств. Еще больше программ для них. И у каждой свой интерфейс, являющийся «рычагами» взаимодействия между пользователем и машинным кодом. Не удивительно, что чем лучше интерфейс, тем эффективнее взаимодействие.

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

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

Общие принципы

Какие ЭИ создать?

Какой должен быть дизайн ЭИ?

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

Как правильно расположить ЭИ на экране?

Как ЭИ должны себя вести?

В заключении

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

Литература

Джеф Раскин , «Интерфейс: новые направления в проектировании компьютерных систем»
Алан Купер , «Об интерфейсе. Основы проектирования взаимодействия»
Алан Купер , «Психбольница в руках пациентов»

Процесс поиска фактов, соответствующих информационному запросу.

К фактографическим данным относятся сведения, извлеченные из документов, как первичных, так и вторичных и получаемые непосредственно из источников их возникновения.

44. Показать структурную схему взаимодействия человека-оператора с техническими средствами АСУ объекта. Типы ошибок оператора при пользовании интерфейсом и способы их устранения.

Интерфейс взаимодействия человека с техническими средствами АСУ может быть структурно изображен (см. на рис. 1.). Он состоит из АПК и протоколов взаимодействия. Аппаратно-программный комплекс обеспечивает выполнение функций:

преобразование данных, циркулирующих в АПК АСУ, в информационные модели, отображаемые на мониторах (СОИ - средства отображения информации);

регенерация информационных моделей (ИМ);

обеспечение диалогового взаимодействия человека с ТС АСУ;

преобразование воздействий, поступающих от ЧО (человека-оператора), в данные, используемые системой управления;

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

Типы ошибок

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

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

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

Моторные ошибки. Фактически, количество этих ошибок пренебрежимо мало, к сожалению, недостаточно мало, чтобы вовсе их не засчитывать. Сущностью этих ошибок являются ситуации, когда пользователь знает, что он должен сделать, знает, как этого добиться, но не может выполнить действие нормально из-за того, что физические действия, которые нужно выполнить, выполнить трудно. Так, никто не может с первого раза (и со второго тоже) нажать на экранную кнопку размером 1 на 1 пиксель. При увеличении размеров кнопки вероятность ошибки снижается, но почти никогда не достигает нуля. Соответственно, единственным средством избежать этих ошибок является снижение требований к точности движений пользователя.

45. Поля ввода и их разновидности. В каких случаях используются «Крутилки» и «Ползунки».

Поле введення дозволяє вводити інформацію, наприклад, слово для пошуку чи пароль (рис.6.6.). Разом з командними кнопками, чекбоксами і радіокнопками, поля введення є основою будь-якого інтерфейсу. Основними характеристиками поля введення є розміри і підписи.

Розміри. Основна частина вимог до полів введення стосується розміру. Зрозуміло, що розмір по вертикалі має бути похідним від розміру тексту, що вводиться, – якщо тексту багато, потрібно додати декілька рядків. Так порушення цього правила часто притаманно форумам, що примушують користувачів вводити повідомлення в поля надзвичайно малих розмірів.

Ширина поля повинна відповідати об"єму тексту, що вводиться, оскільки набагато зручніше вводити текст, який бачиш, з іншого боку ширина поля введення не має бути більше об"єму тексту, що вводиться в поле, оскільки частково заповнене поле виглядає як мінімум.

Крутілка (spinner, little arrow) є поле введення, не таке універсальне, як звичайне, оскільки не дозволяє вводити текстові дані, але володіє двома корисними можливостями, а саме:

 щоб ввести значення в крутілку, користувачеві не обов"язково кидати мишу і переносити руку на клавіатуру (на відміну від звичайного поля введення).

 при введенні значення мишею система може дозволити користувачам вводити тільки коректні дані, причому, що особливо важливо, в коректному форматі..

Повзунки дають можливість користувачам вибирати значення із списку, не дозволяючи вводити довільне значення. Повзунки незамінні, якщо користувачам треба дати можливість вибору значення, що стоїть в ряду, що добре ранжирується, якщо:

 значень в ряду багато;

 потрібно передати користувачам ранжируємість значень;

 необхідно дати можливість користувачам швидко вибрати значення з великої їх кількості (в таких випадках повзунок виявляється найефективнішим елементом).

46.Раскрыть утверждение «Понимание лучше, чем запоминание»

При разработке интерфейса нужно делать все объекты, функции, действия видимыми и легко доступными пользователю. Минимизируйте запоминание - пользователь не должен постоянно стараться удержать в памяти информацию из одной части программы, чтобы применить ее в другой. В любой момент пользователю должно быть ясно, что нужно делать в данный момент. В хорошем интерфейсе инструкции по использованию системы всегда видимы или легко доступны для вызова в любое время, когда это требуется. Это может быть реализовано как в виде продуманной организации элементов интерфейса, так и непосредственно в виде подсказок пользователю. Хороший и очень известный пример - анимированная надпись, которая появляется на панели задач Windows и "подъезжает" к кнопке Пуск:

"Начните работу с нажатия этой кнопки".

Это правило отражает принцип прозрачного интерфейса - интерфейса, который понятен и не заставляет пользователя вспоминать, какую же кнопку нужно нажать или какой пункт меню выбрать в данный момент

47. Последовательность и стандарты в построении интерфейса

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

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

Принципы построения ЧМИ:

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

2. Орган управления должен выполнять только команды, соответствующие заданным целям его применения.

3. Действия пользователей не должны приводить к неопределенному или опасному состоянию оборудования или процесса.

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

5. Метод диалога, используемый в ЧМИ, должен принимать во внимание аспекты эргономики, соответствующие конкретной задаче.

6. Для исключения опасных последствий, связанных с ошибками оператора, рекомендуется обеспечить:

Определенный приоритет команд (например, команда «СТОП» имеет более высокий приоритет, чем команда «ПУСК»);

Упрощение последовательности функционирования органа управления (например, при помощи автоматизации);

Блокировку управления (например, управление двумя руками);

Функционирование в толчковом режиме.

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

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

Должны быть использованы один или несколько из следующих принципов группировки органов управления:

Группировка по функции или взаимосвязи;

Группировка по последовательности применения;

Группировка по частоте применения;

Группировка по приоритетам;

Группировка по процедурам функционирования (нормальное или критическое состояние);

Группировка по моделированию схемы предприятия (машины).

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

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

Связанные группы органов управления должны размещаться согласно их уровню приоритета, например:

Самый высокий приоритет – вверху слева;

Самый низкий приоритет – внизу справа.

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

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

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

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

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

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

49. При каких условиях возможно одновременное выполнение задач и автоматизм действий? Отвлечение и возобновление прерванных действий.

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

Не менее важным, чем понимание того, что в каждый отдельный момент времени
нельзя осознавать более одной задачи, является тот факт, что человек не может избежать
формирования автоматических реакций. Эта невозможность не зависит от повторения:
никаким количеством повторений нельзя научиться не формировать привычки при
регулярном использовании того или иного интерфейса. Формирование привычек является
неотъемлемой частью нашего ментального аппарата. Его невозможно остановить волевым
действием. Наверное, когда-нибудь в субботу утром вы нечаянно приезжали туда, где
находится ваша работа, хотя собирались поехать в какое-то другое место. Сделали вы это по
привычке, которая сформировалась через повторение определенной последовательности
действий. Когда вы учились читать, то поначалу проговаривали по отдельности каждый слог
и обращали внимание на произношение каждой буквы. Теперь же (я надеюсь) вы можете
читать без необходимости сознательного контроля над процессом составления слов из букв.

Любая последовательность действий, которую вы регулярно выполняете, становится, в
конце концов, автоматичной. Набор действий, составляющих последовательность,
становится как бы одним действием. Как только вы начнете выполнять некоторую
последовательность, требующую не более I или 2 секунд времени, вы не сможете
остановиться и проделаете все действия вплоть до завершения последовательности. Вы
также не сможете прервать последовательность, выполнение которой занимает больше
нескольких секунд, если она не стала локусом внимания.

50. Принципы и задачи, решение которых необходимо при создании интерфейса пользователя АСУ объекта.

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

В настоящее время можно считать доказанным, что главная задача проектирования интерфейса пользователя заключается не в том, чтобы рационально «вписать» человека в контур управления, а в том, чтобы, исходя из задач управления объектом, разработать систему взаимодействия двух равноправных партнеров (человек-оператор и аппаратно-программный комплекс АСУ), рационально управляющих объектом управления. Человек-оператор является замыкающим звеном системы управления, т.е. субъектом управления. АПК (аппаратно-программный комплекс) АСУ является инструментальным средством реализации его (оператора) управленческой (оперативной) деятельности, т.е. объектом управления. По определению В.Ф.Венды, АСУ представляет собой гибридный интеллект, в котором оперативный (управленческий) состав и АПК АСУ являются равноправными партнерами при решении сложных задач управления.

51)Раскрыть особенности использования Кнопки доступа к меню

Строка меню - это основной инструмент для взаимодействия пользователя с приложением, Каждый пункт строки меню дает доступ к системе вложенных меню, элементами которых являются команды, допустимые при работе с данным приложением.

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

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

Если щелкнуть на любом пункте строки меню левой кнопкой мыши, откроется меню, ассоциируемое с этим пунктом. Для того чтобы получить доступ к строке меню при помощи клавиатуры, следует нажать клавишу ALT или F10. При этом выделяется первый пункт строки меню. Открыть соответствующее меню можно нажатием клавиши ВНИЗ, а перейти к другому пункту меню можно клавишами ВПРАВО и ВЛЕВО,

52) Раскрыть особенности использования Командных кнопок

В диалоговых окнах практически стандартными являются кнопки, предназначенные для закрытия окна. Для закрытия окна с сохранением сделанных настроек обычно служит кнопка ОК. Чтобы закрыть окно, отказавшись от внесенных изменений, чаще всего используют кнопку Отмена. Если какие-либо необратимые изменения были внесены без закрытия диалогового окна, кнопку Отмена часто заменяют на кнопку Закрыть, чтобы обратить внимание пользователя на этот факт. Чтобы ввести в действие сделанные настойки, не закрывая диалоговое окно, обычно используют кнопку Применить.

53)Раскрыть особенности использования Комбобоксов

Комбокс (комбобокс) (от англ. combobox) - комбинированный список, элемент управления интерфейса, формы и т.д., с помощью которого можно выбирать "готовые" значения из списка, а также, в некоторых случаях, вводить новые значения самостоятельно. Комбобокс используеться,когда пользователю предлагает несколько вариантов для выбора, чтобы он выбрал наиболее подходящий для себя.

54)Раскрыть особенности использования Списков. Указать недостаки и преимущества использования Пиктограмм .

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

У обычных списков на экране видны пункты, входящие в список, иногда даже все. Если список не помещается полностью в отведенную для него область, он может иметь присоединенную полосу прокрутки. Выбранный элемент обычно выделяется цветом. Раскрывающийся список выглядит как текстовое поле с раскрывающей кнопкой справа. Такой список занимает в диалоговом окне меньше места. При щелчке на раскрывающей кнопке или поле сам список, содержащий пункты для выбора, открывается ниже (или, при недостатке места на экране) выше поля. Поле со списком отличается тем, что пользователь может ввести в него и данные, отсутствующие в присоединенном списке. В случае обычного списка поле для ввода данных, содержащее значение, располагается над списком. В случае раскрывающегося списка отличие заключается в том, что при щелчке на поле (не на раскрывающей стрелке) вместо раскрытия списка поле появится текстовый курсор, предоставляющий возможность редактирования содержимого.

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

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

55)Раскрыть особенности использования Чекбоксов и радиокнопок.

CheckBox – графический элемент, представляющий помеченное галочкой или пустое поле. Он используется, когда необходимо получить серию взаимонеисключающих true/false значений.

Можно добавить надпись к CheckBox и разместить ее слева, справа, сверху или снизу от чекбокса. Элемент широко используеться во многих программах (типа VB), в Интернет сайтах, особенно в Интернет магазинах и сайтах которые предоставляют какие-то услуги и дают возможность оформить заказ непосредственно на самом сайте.

Радиокнопка (radio button) - элемент интерфейса, который позволяет пользователю выбрать одну опцию (пункт) из предопределенного набора (группы).

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

56)Распознавание и исправление ошибок

Эта функция, наиболее наглядна в программе Microsoft Office.

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

1) Щелкните ошибку правой кнопкой мыши.

2) В контекстном меню выберите правильный вариант.

3) Если правильный вариант в списке отсутствует, выберите команду Дополнительно, а затем - нужный вариант.

* Для исправления грамматической ошибки щелкните ее правой кнопкой и выберите в контекстном меню команду Грамматика. Выбрать правильный вариант также можно с помощью команды Речевой ввод контекстного меню.

* Для выбора нужного варианта исправления можно нажать кнопку Исправление на языковой панели.

57)Рассказать о процессе сбора полной схемы и проверки ее по сценарию. Какую цель преследуют эти этапы?

Сбор полной схемы

Для етого нужно иметь

Общую схему системы

План отдельных экранов

Глоссарий.

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

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

Проверка схемы по сценарию

Последней задачей перед построением прототипа является проверка внутренней логики системы. Дело в том, что всегда существует вероятность того, что вы что-то забыли или спланировали неправильно. Как уже было сказано, исправить эти ошибки лучше всего до построения прототипа (даже первой его версии). Конечно, многие структурные ошибки нельзя найти никакими методами, кроме длительного логического анализа. С другой стороны, практика показывает, что почти все найденные ошибки будут существенными. Так что лишняя проверка не повредит.

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

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

58) Рассказать об основных элементах окна

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

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

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

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

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

· Закрыть окно приложения можно щелчком на закрывающей кнопке окна Д, с помощью команды.завершения работы приложения, которая обычно находится в меню Файл, с помощью команды Закрыть в служебном меню окна или с помощью комбинации клавиш ALT+F4. Закрывая окно приложения, следует помнить, что, для того чтобы проделанная работа не была потеряна, необходимо предварительно сохранить рабочий документ.

59)Режимные и безрежимные командные кнопки

Режимные диалоговые блоки являются наиболее общими блоками

диалога. Аналогично генерируемым функцией MessageBox блокам сооб-

щений, режимные диалоги отображаются для специфических целей на

короткий отрезок времени. Слово "режимный" означает, что пока

отображается диалог, пользователь не может выбрать или использо-

вать его порождающее окно. Пользователь должен воспользоваться

диалогом и выбрать командную кнопку OK или Cancel для прекращения

диалога и возвращению к работе с программой. Режимный диалог как

бы "замораживает" выполнение оставшейся части программы.

Безрежимный диалоговый блок не приостанавливает выполнения

программы. Как и оконный объект, он может создаваться и выпол-

няться в одном шаге с помощью MakeWindow:

Application^.MakeWindow(ADlg);

(если объект диалогового блока еще существует). Чаще всего это

выполняется в методе OK, который вызывается при активизации поль-

зователем командной кнопки OK.

60)Роль ментальной или информационной модели объекта в создании интерфейса пользователя АСУ.

Информационная модель : входная и выходная информация

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

где Rj - множество элементов информационной модели j-й группы, n=1,...N; k=1,...K.

Количество групп элементов информационной модели определяется степенью детализации описания состояний и условий функционирования объекта управления. Как правило, элемент информационной модели связан с каким-либо параметром объекта управления. Наряду с этим информационная модель графического типа может рассматриваться как сложное графическое изображение. Элементы информационной модели здесь выступают как элементы изображения. Любое изображение состоит из некоторого набора графических примитивов, представляющих собой произвольный графический элемент, обладающий геометрическими свойствами. В качестве примитивов могут выступать и литеры (алфавитно-цифровые и любые другие символы).

· Статическая информация - относительно стабильная по содержанию информация, используемая в качестве фона. Например, координатная сетка, план, изображение местности и т.д.

· Динамическая информация - информация, переменная в определенном интервале времени по содержанию или положению на экране. Реально динамическая информация часто является функцией некоторых случайных параметров.

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

61.Роль мнемосхем в интерфейсе оператора

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

62.Свобода действий пользователя

Пользователь должен иметь контроль над системой и возможность изменить текущее состояние программы. Очень часто пользователь дает различные команды по ошибке и у него должен быть "аварийный выход" из этой ситуации. Чаще всего такой "выход" реализуется в виде кнопки Cancel, расположенной в диалоговом окне. Кроме этого, нажатие на Клавиатуре клавиши является традиционным и поэтому привычным для большинства пользователей средством. Лучше сочетать оба эти способа - кнопку Cancel и клавишу : современные системы разработки приложений для Windows при проектировании форм диалоговых окон позволяют назначить кнопке свойство срабатывания по нажатию клавиши . Еще одно, причем немаловажное, средство выхода из ошибочной ситуации - функции Undo (Отменить) и Redo (Повторить).Если же по каким-либо причинам действие, на выполнение которого дал команду пользователь, нельзя будет отменить, то на экран должно будет выведено соответствующее предупреждение, а также просьба подтвердить выполнение команды.

63.Справка и документация при создании и использовании интерфейса

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

64.Средства обеспечения обратной связи при создании и использовании интерфейса

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

Информация делится на типы в зависимости от ее назначения и степени важности. Например, сообщения о критических ошибках, приводящих к невозможности продолжения работы, обычно выводятся в отдельном диалоговом окне. При этом работа приложения останавливается до тех пор, пока пользователь не закроет окно с информацией об ошибке, а сообщения о незначительных ошибках - без остановки его работы. Часто реакция на одно и то же действие различается именно в зависимости от того, кем это действие произведено. Пример - функция автоматической загрузки своих новых версий по Интернету, имеющаяся во многих программах. Если пользователь самостоятельно отдает команду проверить наличие обновлений, то пользователю демонстрируется диалоговое окно, где отображаются результаты проверки. Если же такая проверка выполняется автоматически, то обычно пользователю сообщается информация, что обнаружена новая версия продукта. Помимо текстовых сообщений, выводящихся в окне программы, для организации обратной связи может быть использован звук. Важно помнить, что звуковое оповещение не должно быть основным средством организации обратной связи. Звук должен лишь дополнять текстовые сообщения. Иначе пользователь может пропустить сообщение - ведь на компьютере может отсутствовать звуковая карта или звук может быть отключен. Среди других средств организации обратной связи можно упомянуть запись сообщений в log-файл, отправку сообщений по e-mail.

65.Сформулировать закон Фитса. Что такое кнопка бесконечного размера и нулевая дистанция до кнопки?

Закон Фитса говорит нам о том, что чем больше цель по размерам, тем проще навести на неё курсор мыши. Самый распространённый вывод из этого закона – если нужно, чтобы пользователь мог без труда и быстро нажать некоторую интерфейсную кнопку её нужно сделать большой. Кбр : при подведении курсора к краю экрана он останавливается, даже если движение мыши продолжается. Это значит, что кнопка, расположенная впритык к верхнему или нижнему краю экрана, имеет бесконечную высоту (равно как кнопка у левого или правого края имеет бесконечную ширину). Таким образом, скорость достижения такой кнопки зависит только от расстояния до неё (ну и точности выбора начального направления движения). Понятно, что кнопка, расположенная в углу экрана, имеет «еще более бесконечные» размеры, если так вообще можно сказать (т.е. не важно даже, с какой точностью перемещали мышь). Ндк: рассмотрим контекстное меню, вызываемое по нажатию правой кнопки мыши. Оно всегда открывается под курсором, соответственно расстояние до любого его элемента всегда минимально. Именно поэтому контекстное меню является чуть ли не самым быстрым и эффективным элементом. Но не надо думать, что уменьшать расстояния до цели можно только с контекстными меню. Есть еще диалоговые окна. Они тоже всегда контекстно-зависимы, не бывает окон, открывающихся самопроизвольно

66.Типы окон. Их влияние на эффективность интерфейса.

Типы окон Windows XP. Их открытие

Различают такие типы окон:

Окно программы (приложения);

Окно документа (окно объекта обработки программы);

Диалоговое окно (инструмент обработки документа).

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

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

Первую строку каждого окна занимает заголовок (зона заголовков, строка заголовков).

Запустить программу- это значит открыть окно приложения.

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

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

67.Требования к содержимому окна, навигация внутри окна и между окнами.

Кроме рамки и заголовка, большинство окон содержат строку меню, панель инструментов, линейки прокрутки, рабочую область, строку состояния. Большинство команд управления окном сосредоточены в строке меню. На "Панели инструментов" находятся кнопки для быстрого вызова некоторых пунктов меню. Вид "Панели инструментов" меняется в зависимости от программы или от функции окна. Некоторые окна имеют в нижней части окна строку состояния, в которой выводится информация об объекте. Во многих окнах выбор пунктов меню или других объектов вызывает появление в строке состояния описание объекта или выбранного пункта меню.

F5	Обновить
F6	Переключение между группами элементов окна
CTRL+TAB	Вперёд по вкладкам окна
CTRL+SHIFT+TAB	Назад по вкладкам окна
END	Вниз окна (в конец строки)
HOME	Вверх окна (в начало строки)
TAB	Вперёд по параметрам
SHIFT+TAB	Назад по параметрам
ALT+ подчеркнутую букву	Сначала - открыть соответствующее меню, потом - выполнение команды меню
F10	Выполнить строку меню
Стрелки ↓ ← →	Перемещение между элементами
ПРОБЕЛ	Установка/снятие флажка
CTRL+ →	Курсор в начало следующего слова
CTRL+ ←	Курсор в начало предыдущего слова
ALT+TAB	Переключение между окнами
Windows+TAB	Переключение между окнами с помощью Aero Flip 3-D (только в Vista и позднее)
Windows+T	Переключение между программами на панели задач
CTRL+Windows+B	Переключиться на программу, показывающую уведомление в трее

68.Чем отличаются командные кнопки от радиокнопок и чекбоксов и радиокнопки от чекбоксов?

Кнопки - это элементы ПИ, которые служат для инициирования какого-либо действия или изменения свойств объектов. Существует три основных типа кнопок

Кнопки управления , или Командные кнопки (Command Buttons).

Зависимые переключатели , или Радиокнопки (Radio Buttons).

Независимые переключатели , или Флажки (Check Boxes - Чекбоксы).

Взаимодействие пользователя с кнопкой ограничивается одним действием – нажатием.

Нажатие на кнопку управления запускает какое-либо явное действие, поэтому правильнее называть такие кнопки «кнопками прямого действия». В Интернете кнопка должна быть оформлена как текстовая ссылка, если она перемещает пользователя на другой фрагмент контента, и как кнопка – если она запускает действие. Радиокнопки позволяют пользователю выбрать единственный вариант из множества взаимоисключающих альтернатив (не менее двух). При выборе новой альтернативы ранее выбранная отключается. Радиокнопки объединяются в группы, во включенном состоянии в группе может быть только одна кнопка. Радиокнопка может находиться в одном из двух состояний: включена или выключена. Независимый переключатель (часто называемый флажком или чекбоксом , так как обычно употребляется для установки какого-то признака объекта) позволяет пользователю установить любые из множества параметров объекта (в том числе и одного). Флажок может находиться в одном из трех состояний: включен, выключен или не выбран. Традиционно для систем с графическим интерфейсом включенное состояние флажка отображается квадратом с птичкой внутри, выключенное пустым квадратом, не выбранное - квадратом с птичкой внутри и закраской серым цветом. Для систем с символьным интерфейсом кружок заменяется парой квадратных скобок, а птичка символом х. Нарушать эти правила нельзя. Желательно флажки располагать в группе вертикально, поскольку это облегчает поиск конкретного элемента.

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

69 Что такое базовая и обзорная справка?

Базовая справка

объясняет пользователю сущность и назначение

системы. Обычно должна сработать только один раз, объясняя пользо

вателю, зачем система нужна. Как правило, не требуется для ПО, зато почти

всегда требуется для сайтов.

обычно срабатывает один раз. Нужна и ПО и сайтам, и нужна тем более,

чем более функциональна система. Поскольку у зрелых систем функцио

нальность обычно очень велика, невозможно добиться того, чтобы поль

зователи запоминали её за один раз. В этом случае оптимальным вариантом

является слежение за действиями пользователя и показ коротких реклам

типа «А вы знаете, что…» в случае заранее определенных действий

пользователей (примером такого подхода являются помощники в

последних версиях MS Office).

70 Что такое без режимные диалоговые окна? Метод преобразования без режимных окон в палитры.

«дизайн пользователей» был ориентирован на функционирование в

реальном мире, решили не переделывать пользователей, а переделать

интерфейс.

Избегайте режимов работы

Так появились безрежимные диалоговые окна, т.е. окна, которые можно

было неограниченное время держать на экране, переключаясь по мере

надобности между ними и собственно документом. К сожалению, и здесь не

без проблем. Дело в том, что такие диалоговые окна нельзя делать тон

ущими, т.е. позволять пользователю перекрывать их окнами документа или

программы. Причина проста– пользователи забывают, что они когдато

открывали соответствующее окно и пытаются открыть его заново. Зачем,

спрашивается, такие окна? Поэтому решили сделать такие окна плаваю

щими, т.е. перекрываемые только другими плавающими окнами этой же

программы или другими программами. Разумеется, некоторые диалоговые

окна невозможно сделать безрежимными: например, что делать с сообще

ниями об ошибках? Но, в целом, с переводом окна в безрежимное

состояние нет особой проблемы.

Но и тут обнаружилась гадость. Дело в том, что просто диалоговое окно,

даже будучи безрежимным, малополезно, поскольку перекрывает слишком

много важного и нужного. Решение этой проблемы было эволюционным, а

не революционным, и поэтому относительно простым– были придуманы

палитры, т.е. окна, из которых выжали всё пустое место. Сразу оказалось,

что палитры, помимо малых размеров, имеют одно большое достоинство:

пользователи очень любят их расставлять на экране индивидуальным

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

субъективное ощущение контроля над системой. К сожалению, визуальный

дизайн палитр, как правило, довольно сложен и длителен, так что сугубо

экономические причины мешают переделать в палитры все диалоговые

71 Что такое длительность интеллектуальной работы? Способы уменьшения затрат времени не интеллектуальную деятельность.

Согласно Дональду Норману

взаимодействие пользователя с системой (не

только компьютерной) состоит из шести шагов:

1формирование цели действий

2определение общей направленности действий

3определение конкретных действий

4выполнение действий

5восприятие нового состояния системы

6интерпретация состояния системы

7оценка результата.

Из этого списка становится видно, что процесс размышления занимает

почти все время, в течение которого пользователь работает с компью

тером, во всяком случае, шесть из семи этапов полностью заняты умствен

ной деятельностью. Соответственно, повышение скорости этих размыш

лений приводит к существенному улучшению скорости работы.

К сожалению, существенно повысить скорость собственно мышления

пользователей невозможно. Тем не менее, уменьшить влияние факторов,

усложняющих (и, соответственно, замедляющих) процесс мышления,

вполне возможно.

72 Что такое долговременная память, и в каких случаях информация попадает в ДВП?

Долговременная память, вообще говоря, лучше поддается интроспекции,

так что рассказ о ней будет короче. Как все мы знаем (и пока еще не забы

ли), объем ДВП очень велик, информация, попавшая в ДВП, хранится, судя

представляет особого интереса. Интерес представляют два вопроса:

При каких условиях информация попадает в ДВП?

Сколько «стоит» вспоминание?

Оба вопроса очень интересны с точки зрения обучения пользователей

Второй вопрос, к тому же, интересен еще и с точки зрения

улучшения способности пользователей сохранять навыки работы с систе

мой в течение длительного времени (а это одна из основных характеристик

хорошего интерфейса).

Внутрь ДВП.

Сейчас считается (и это мнение вряд ли будет изменено в

дальнейшем), что информация попадает в ДВП в трех случаях. Вопервых,

при повторении, т.е. при зубрежке. Вовторых, при глубокой семантичес

кой обработке. Втретьих, при наличии сильного эмоционального шока

(«навсегда запомнила графиня последний взгляд полковника Поркбриджа.

«Пуркуа па?», казалось, спрашивали его глаза»). Эмоциональный шок нас

интересует слабо– не стоять же, в самом деле, за спиной у пользователя,

стреляя время от времени из ружья, чтобы он волновался (тем более что

после шока запоминание прерывается). Достаточно и повторения с

обработкой.

С повторением всё просто. Чем больше повторений и чем меньше

времени проходит между повторами, тем больше шансов, что информация

будет запомнена. Для нас как «людей просто» это ясно и неинтересно, но

зато с точки зрения дизайна интерфейса это наблюдение вызывает очень

простую эвристику: если системой придется пользоваться часто, пользо

ватели ей обучатся, деватьсято им некуда. Это очень утешительное

наблюдение

73 Что такое информационно-теоретическая и информационная производительность интерфейса?

Информационно-теоретическая производительность определяется так же, как понятие производительности определяется в термодинамике - отношением мощности на выходе к мощности на входе процесса. Если в течение какого-то периода времени электрогенератор, работающий от двигателя производительностью в 1000 ватт, производит 820 ватт, то он имеет производительность 820/100=0.82. Производительность также часто обозначается через проценты. В этом случае производительность электрогенератора будет составлять 82%. Идеальный генератор (который не может существовать с точки зрения второго закона термодинамики) должен иметь производительность 100%.

Информационная производительность интерфейса E определяется как отношение минимального количества информации, необходимого для выполнения задачи, к количеству информации, которое должен ввести пользователь. Так же как и в отношении физической производительности, параметр E может изменяться в пределах от 0 до 1. Если никакой работы для выполнения задачи не требуется или работа просто не производится, то производительность составляет 1. (Это формальное положение вводится для того, чтобы избежать деления на 0, как в случае ответа на выводимое прозрачное сообщение об

74.Что такое когнетика, когнетивное сознательное и когнетивное бессознательное и какие их свойства?

Изучение прикладной сферы наших ментальных способностей

называется когнитивным проектированием, или когнетикой.

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

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

Свойства когнитивного сознательного и когнитивного бессознательного

Свойство	Сознательное	Бессознательное
Инициируется	Чем-то новым Нестандартными ситуациями Опасностью	Повторением Ожидаемыми событиями Безопасность
Используется	В новых обстоятельствах	В привычных ситуациях
Решает задачи	Принятия решений	Работа с неветвящимися задачами
Принимает	Логические утверждения	Логические или противоречивые утверждения
Функционирует	Последовательно	Одновременно
Управляется	Волей	Привычными действиями
Производительность	Небольшая	Огромная
Период функционирования	Десятки секунд	Десятилетия (всю жизнь)

75.Что такое контекстная справка?

Контекстная справка (Contextual Help) обеспечивает немедленную помощь пользователю, соответствующую текущему контексту работы с приложением, причем без нарушения этого самого контекста. В большинстве случаев призвана ответить на вопросы (пользователя) типа что это? и зачем это?

76.Что такое контекстное меню и причина его появления?

Конте́кстное меню́ (англ. context menu) в графическом интерфейсе пользователя - меню, открываемое, как правило, при нажатии правой кнопки мыши.

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

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

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

77.Что такое кратковременная память, какая информация попадает в кратковременную память, нагрузка на КВП, изменение содержимого и объем КВП?

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

Что попадает в КВП. Чтобы что-либо попало в КВП пользователя, пользователь должен это заметить и счесть полезным лично для себя. Таким образом, самое важное в интерфейсе должно быть наиболее заметным.

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

Объем КВП. Чуть ли не единственным правилом интерфейсной науки, известным широкой публике, является утверждение, гласящее, что в группе чего угодно не должно быть более 7±2 элемента. Необходимо всегда помнить, что количество элементов, предоставляемых пользователю для одновременного обозрения необходимо минимизировать.

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

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

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

78.Что такое модальный и не модальный интерфейс? Влияние режимов на действия пользователя. Что такое квазирежимы?

Режимы (modes) - это состояние интерфейса, при котором интерпретация данного конкретного жеста остается неизменной.

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

Разделение интерфейса на ограниченные области является неизбежным следствием наличия режимов.

Жест (gesture) - это последовательность действий человека, которая выполняется автоматически (после старта).

Интерфейс, полностью ориентированный на человека, должен состоять только из одного диапазона.

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

Интерфейс «человек-машина» является модальным по отношению к данному жесту, если во-первых, текущее состояние интерфейса не находится в локусе внимания пользователя и во-вторых если в ответ на некоторый жест интерфейс может выполнять одно из нескольких возможных действий в зависимости от текущего состояния системы.

Немодальный интерфейс не должен быть модальным для любого жеста.

Степень модальности интерфейса определяется формулой Q=Σp(Ni),

где Q - степень модальности каждого жеста интерфейса может быть определена через классификацию того или иного жеста, изменяется от 0 - полностью модальный, до 1 - полностью немодальный.

p(Ni) - вероятность применения немодального жеста.

В общем случае, чем меньше режимов, тем интерфейс в большей степени считается ориентированным на человека.

Использование клавиши “Caps Lock” для набора заглавных букв существенно отличается от удержания клавиши “Shift” для этой же цели. Первый случай устанавливает режим, второй - нет. Режимы, которые физически удерживаются пользователем, называется квазирежимом .

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

Квазирежимы являются весьма эффективным средством с точки зрения устранения режимов, однако требуют запоминания десятков команд: “Control”, “Alt”, “Esc” и т.д. Для сохранения эффективности число квазирежимов должно быть от 4 до 7.

79.Что такое первоначальное проектирование и какие его этапы? Можно ли нарушать последовательность этапов?

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

Собственно проектирование состоит из следующих этапов:

1 определение необходимой функциональности системы

2 создание пользовательских сценариев

3 проектирование общей структуры

4 конструирование отдельных блоков

5 создание глоссария

6 сбор и начальная проверка полной схемы системы.

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

80.Что такое функциональность системы и анализ целей и действий пользователя?

Определение необходимой функциональности системы

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

Анализ целей пользователей

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

Это значит, что сами по себе функции никому не нужны и не важны. Людям нужно средство вообще, делающее возможным выполнять какую-либо работу. .Анализ целей пользователя как раз и позволяет избежать ненужной конкретики.

Анализ действий пользователей

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

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

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

81.Эстетичный и минималистический дизайн

Чтобы создать эстетический и мнимальный дизайн нужно использовать такие принципы.

Структурный принцип

Организаций пользовательского интерфейса должна быть

целесообразной, осмысленной и удобной. Она должна базироваться на

четких, целостных моделях, очевидных и распознаваемых

пользователями. При этом родственные понятии должны быть связаны,

а независимые - разделены. Непохожие элементы должны

дифференцироваться, а похожие- выглядеть похоже.

Принцип простоты

Следует максимально упрощать управление паи бол ее

распространенными операциями. При этом общение с пользователем

должно вестись на понятном для него языке. Должны предоставляться

Принцип видимости

Все функции и данные, необходимые для выполнения данной

задачи, должны быть видны, чтобы пользователь не отвлекался на

дополнительную и избыточную информацию.

Принцип обратной связи

Сообщайте пользователям о действиях системы, ее реакциях,

изменениях состояния или ситуации, об ошибках и исключениях,

которые важны для них. Сообщения должны быть четкими, краткими,

однозначными и написанными на языке, понятном пользователю.

Принцип толерантности

Интерфейс должен быть гибким и толерантным. Ущерб, наносимый

Интерфейс – это некий «мост» между пользователем и системой. С помощью интерфейса пользователь сможет объяснить системе, чего он от неё хочет, а система это выполнит. Но что случится, если это понимание между машиной и человеком не будет достигнуто? Пользователь просто уйдёт с сайта. Вот так ведут себя интернет-пользователи по данным Online Marketing Institute:
— 85% могут уйти с сайта, если им не понравится дизайн интерфейса;
— 83% покинут сайт, если будут вынуждены делать много кликов, чтобы найти то, что им нужно;
— 40% никогда не вернутся на сайт, если им было трудно его использовать в первый раз.

Принципы хорошего интерфейса одинаковы и для веб-сайтов, и для программ, и для сервисов. Я собрала 17 основных из них (а также в конце вас ждет небольшой обзор способов тестирования интерфейса на юзабилити).

Из статьи вы узнаете:

Хороший интерфейс должен:

1. Быть интуитивно понятным.

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

Интуитивно понятный интерфейс — это тот, в котором:
1) все элементы выстроены по принципам элементарной логики.
Возьмем для примера сайт с текстовым контентом (статьями). Его логический интерфейс будет таким:
— название сайта находится в самом верху страницы, под ним — краткое описание ресурса;
— ниже располагается меню с разделами сайта;
— блок с контактами и обратной связью в правой верхней части меню;
— статьи расположены в порядке их добавления на сайт;
— в конце каждой статьи есть кнопки “следующая” и “предыдущая”;
— кнопки категорий всегда должны быть на виду, чтобы можно было в любой момент перейти в другой раздел;
— правила сайта, подробная контактная информация, данные о разработчиках и т.д. располагаются в футере сайта, так как именно там их всегда и ищут.

Не запутывайте пользователя нестандартным расположением привычных блоков, а используйте проверенные принципы. Блог маркетолога Heidi Cohen структурирован понятно и логично:

Вот пример из интерфейса программы. Даже там, где значки не подписаны, вполне понятно, что они могут означать. Кнопки расположены в порядке логики — ведь каждому интуитивно понятно, что после кнопки “пауза” должна следовать кнопка “стоп”, и т.д.

2) кнопкам присвоены понятные обозначения.
Избегайте кнопок, изображение на которых может ввести в заблуждение пользователя. Не нужно изобретать велосипед. Большой знак вопроса сразу же говорит пользователю о том, за ним скрывается какое-либо руководство или помощь. Лупа — это всегда форма поиска на сайте.

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

А для еще лучшего понимания пользователями своих действий, можно использовать подписи к кнопкам. Они появляются при наведении курсора.

3) есть помощь пользователю, если он “заблудился”.
Если пользователь попал на страницу 404, сразу же на ней дайте ему кратенькую инструкцию о том, что он может сделать дальше. Например, предложите ему вернуться в предыдущий раздел и поискать нужную информацию там.

Или такая ситуация. У вас интернет-магазин. При неправильном вводе параметров товара, пользователь видит сообщение с ошибкой. Напишите тут же, что ему следует сделать, чтобы описать товар правильно. Если нужного товара не оказалось на складе — пишите о том, как пользователь сможет получить уведомление о появлении этого товара.

И один наглядный пример:

2. Быть предсказуемым.

В других ситуациях предсказуемость может быть скучной и неинтересной характеристикой, но только не касательно интерфейса. Пользователь, взглянув на тот или иной элемент интерфейса должен сразу понять, как он поведет себя в случае взаимодействия. Если объект выглядит как меню, он должен вести себя как меню, если похож на ползунок, то соответственно, должен что-либо перемещать. Креативность мышления – это, конечно, хорошо, но не в этом случае.

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

Еще несколько примеров. Если сделаете кнопки объемными, они будут больше выглядеть именно как кнопки, поэтому кликать на них будут с большей вероятностью:

А переключатель on/off понятно выглядит, когда сделан вот так:

Один из самых больших страхов дизайнеров — это то, что их сочтут неоригинальными. И поэтому они часто избегают использования техник, которые давно проверены на эффективность и работают, в пользу создания “чего-то нового и креативного”. Заниматься открытым плагиатом, конечно, не нужно. Но использовать уже знакомые пользователям модели построения интерфейса — это верный способ сделать его предсказуемым. Какие ресурсы чаще всего использует ваша целевая аудитория? Facebook, LiveJournal, Twitter, Amazon, Youtube? Используйте похожий стиль и в своем интерфейсе, чтобы они смогли почувствовать себя в привычной обстановке. Например, если вы ориентируетесь на Youtube, сделайте главное меню вертикальным и поместите его слева страницы, а строку поиска разместите по центру сверху.

3. Быть минималистическим.

Стремясь разместить в интерфейсе как можно больше категорий, меню, кнопок и т.д., вы только нанесете ему огромный вред. Слишком загроможденный интерфейс – это большое препятствие к его пониманию пользователем. Всё, что может быть описано одной фразой, не должно быть описано тремя. Лишние элементы и подкатегории на главной странице тоже ни к чему. Определить, какие «лишние», а какие нет, вам поможет тестирование (о том, как его можно провести в конце статьи) . Но не стоит и жертвовать чем-то действительно важным – если вы знаете, что без какого-то пояснения (о подсказках будет подробнее ниже) или дополнительной кнопки пользователю будет тяжело разобраться, то поместите её в интерфейс, но сделайте это максимально лаконично.

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

4. Быстро загружаться.

Медленная загрузка интерфейса будет раздражать и отталкивать пользователя, вызывая в нем всё большую неприязнь к ресурсу. Убедитесь в том, что скорость загрузки оптимальна для его комфортного использования. В большой степени это связано с предыдущим пунктом – ведь чем меньше на сайте «тяжелых» элементов, тем быстрее он будет загружаться.

Чтобы ваш сайт стал быстрее быстрого, используйте эти советы: 8 способов .

5. Показывать все важные опции.

Использовать выпадающие списки и меню лучше только там, где этого избежать невозможно. В остальных случаях старайтесь сразу же показать пользователю все его возможности. Если часть возможных действий будет скрыта, пользователь может быть и не догадается, куда ему нужно нажать для совершения определенного действия. А если эти действия целевые (“купить товар”, “сделать заказ”), то их и вовсе нельзя прятать в выпадающие меню, а наоборот, сделать на них особый акцент.

Пример того, какое выпадающее меню может иметь право на жизнь.Здесь при наведении курсора открываются подразделы в разделах меню, и это вполне удобно. А вот, например, кнопка “Контакты” видна сразу же, без дополнительных наведений.

Кнопки для предпочтительных действий пользователей должны выделяться на фоне других. Здесь такая кнопка “Добавить в корзину”.

6. Уметь общаться с пользователем.

Речь идет о том, что пользователь должен понимать, какое его действие в данный момент обрабатывается системой. Процесс отправки сообщения должен сопровождаться выводом на экран фразы «сообщение отправляется» , а окончание этого процесса – «сообщение отправлено» . Если произошел сбой в системе, пользователя также необходимо уведомить об этом, а также о причинах ошибки и о том, что он может сделать в этой ситуации. Если ресурс предполагает загрузку больших объемов информации, то нужно разместить прогресс-бары, чтобы пользователь мог наблюдать за состоянием системы.

Для эксперимента ниже я заполнила только две первые графы формы регистрации, оставила пустой строчку с e-mail и специально ввела неправильный повтор пароля. Система сразу же указала на ошибки (выделено красным). Именно так и должен вести себя любой хороший интерфейс.

7. Иметь разные стили для кнопок с разными типами действий.

В любом интерфейсе у каждой кнопки есть свое назначение: перейти куда-то, раскрыть меню, открыть в новом окне, скачать и так далее. Чтобы не путать пользователей, соблюдайте такие правила:

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

На этой странице сразу понятно, что мы находимся в разделе “Услуги” и он выделен красным цветом. Возвращаясь к пункту 5, отмечу, что тут целевое действие — покупка, поэтому кнопка “купить” выделена на фоне остальных и является объемной.

8. Быть привлекательным.

Функциональность и удобство — это хорошо, но есть еще и элементарное “красиво/не красиво”. Любому пользователю будет гораздо приятнее иметь дело с интерфейсом, который, ко всему прочему, еще и радует глаз.

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

На мой взгляд, эти примеры дизайна достаточно привлекательны. В первом случае больше всего порадовали оригинально сделанные иконки и объемность изображения, во втором — цветовое решение и расположение элементов.

9. Давать возможность персонализации.

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

В сервисе Trello можно поменять фон на другой цвет или изображение.

А вот так позволяет персонализировать свой аккаунт Twitter:

10. Быть лояльным к ошибкам пользователя.

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

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

11. Говорить на языке пользователя.

Весь текст интерфейса, любые обозначения должны быть созданы под целевую аудиторию ресурса. Тут всё очевидно: если вы делаете обучающий сайт для детей дошкольного возраста, то текст интерфейса должен быть написан на “детском” языке. Если у вас программа для продвинутых веб-мастеров, то вы смело можете использовать специфические термины без пояснения — целевая аудитория и так их знает. А если это сервис для новичков, то язык должен быть максимально прост.

12. Предоставлять оптимальное количество вариантов выбора.

Чем больше вариантов действий вы предложите пользователю, тем меньше вероятности, что он вообще совершит какое-либо из них. Если же вариантов действительно много, и сократить их нельзя (например, каталог товаров), то используйте функцию рекомендаций. Например, вы предлагаете на одной странице десять вариантов товара, но один или два из них выделите в категорию “Мы рекомендуем”. Клиент обратит внимание на эти товары, что, возможно, облегчит ему выбор.

Также это можно реализовать с помощью блока “Хиты продаж”, как показано на примере.

13. Давать мягкие подсказки.

Всплывающие подсказки — это очень хорошо. Они помогают пользователю до конца разобраться в том, в чем он не смог разобраться сам. Главный вопрос остается в том, как сделать такие подсказки эффективными и не напрягающими. Помните скрепку-помощника из ранних версий Microsoft Word? Компания отключила эту функцию именно из-за того, что она вызывала много негативных эмоций у пользователей и подвергалась критике.

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

14. Затемнять фон под модальными окнами.

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

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

15. Иметь короткие формы регистрации.

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

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

Посмотрите на пример. Форма слева показывает сразу все строки к заполнению и поэтому выглядит громоздкой. Заполнять такую форму очень не хочется. А в форме справа может быть ровно такое же количество вопросов, но они разбиты на “шаги”, поэтому не вызывают раздражения.

16. Иметь простые принципы заполнения полей.

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

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

2. Если пользователю нужно всё-таки вводить вручную свои данные, то используйте построчную проверку системой правильности заполнения формы. Никому не понравится, если система после каждой ошибки заполнения будет обнулять все строки, заполненные ранее.

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

4. Максимально снизьте вероятность неправильного заполнения формы.
Представьте себе ситуацию. Вы начинаете вводить в поле свой номер телефона. После первого заполнения система вам говорит: “Номер телефона должен быть введен в 10-значном формате”. Вы вводите еще раз, а система вам выдает: “Номер телефона не должен содержать дефисов”. И тут вы уже начнете нервничать и мысленно проклинать этот сайт (а может, и не мысленно). Идеальная форма ввода — это когда пользователь может написать в неё всё, что угодно, и система не скажет ему “неправильно”. Конечно, обработка данных будет несколько затрудняться, так как часть запросов вам придется обрабатывать вручную. Но ведь ваша главная цель — это принять заказ, а не отсеять нетерпеливых клиентов.

17. Предоставлять варианты удобного управления.

Если на сайтах мы в основном используем мышь (кроме стандартных функций “копировать/вставить” и т.д.), то в программах и приложениях зачастую бывает удобно управление с клавиатуры. Дайте возможность пользователям выбрать тот вид управления, который им больше понравится, и покажите, какая функция какой комбинации клавиш соответствует.

Как протестировать интерфейс на юзабилити?

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

Тестирование сможет решить все эти проблемы. Каким образом можно его осуществить?

1. Ручным способом.

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

2. Автоматизированным способом.

Такой способ тестирования проводится с помощью специальных программных средств, которые как бы подражают действиям живого человека при ручном тестировании. Для такого тестирования не требуется участие человека, поэтому скорость его выполнения повышается, а стоимость денежных затрат снижается. Есть тут одно большое “но”. Автоматизированное тестирование не может дать 100%-результатов, так как проводится оно только по формальным признакам (тем, которые вбиты в программу), и не предоставляет возможности найти дефекты юзабилити, которые могут быть восприняты только человеком (например, цветовая гамма интерфейса).

3. C помощью фокус-групп.

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

Есть специальные сервисы, с помощью которых можно легко находить людей для проведения такого тестирования. Например, Askusers , Мудрый Тест , Usabilla .

Наглядный пример тестирования интерфейса пользователя

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

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

Получилась вот такая:

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

А вот макет новой страницы:

Полную версию результатов этого тестирования смотрите .

И в заключение.

При разработке интерфейса помните, что излишнее внимание к одной характеристике может существенно навредить другой. Убрав некоторые элементы, стремясь достичь минимализма, вы можете создать проблемы с пониманием интерфейса пользователем. Воплощая в жизнь характеристику привлекательного дизайна, вы рискуете перестараться и сделать интерфейс чересчур тяжелым для быстрой загрузки. Поэтому самое важное (и самое сложное) во всей этой истории – соблюдать идеальный баланс всех свойств интерфейса, и тогда он будет по-настоящему user-friendly.