Что означает дружественность интерфейса означает

Дружественный интерфейс

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

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

Содержание

Официальное определение

Международный стандарт англ. «the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use» ). При этом относительная важность всех трех аспектов определяется этим самым контекстом.

См. также

Ссылки

Профессиональные ассоциации

Литература

Полезное

Смотреть что такое «Дружественный интерфейс» в других словарях:

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

дружественный — Объект, с которым легко работать. Например, дружественной является программа, которая позволяет ее использовать без специального руководства. Широко применяется дружественный интерфейс. [Гипертекстовый энциклопедический словарь по информатике Э.… … Справочник технического переводчика

Интерфейс пользователя — Возможно, эта статья содержит оригинальное исследование. Добавьте ссылки на источники, в противном случае она может быть выставлена на удаление. Дополнительные сведения могут быть на странице обсуждения. (25 мая 2011) … Википедия

дружественный — ая, ое; вен, венна, венно. 1. Основанный на дружбе (2 зн.), характеризующийся доверием и взаимопониманием (об отношениях между народами, странами, государствами). Д ая политика. Д ое сотрудничество. Встреча президентов носила д. характер. 2.… … Энциклопедический словарь

дружественный — I см. дружба II ая, ое; вен, венна, венно. см. тж. дружественно, дружественность 1) основанный на дружбе 2), характеризующийся доверием и взаимопониманием (об отношениях между народами, странами, государствами) Д ая полит … Словарь многих выражений

удобный для пользователя интерфейс — дружественный интерфейс пользователя — [Л.Г.Суменко. Англо русский словарь по информационным технологиям. М.: ГП ЦНИИС, 2003.] Тематики информационные технологии в целом Синонимы дружественный интерфейс пользователя EN user friendly… … Справочник технического переводчика

Текстовый интерфейс пользователя — Bash пример консольной программы … Википедия

Простой полноэкранный интерфейс — Текстовый интерфейс пользователя (англ. Text user interface, TUI; также Character User Interface, CUI) система средств взаимодействия пользователя с компьютером, основанная на использовании текстового (буквенно цифрового) режима дисплея или… … Википедия

DriverPack Solution — DriverPack Solution … Википедия

MediaWiki — MediaWiki … Википедия

Источник

Дружественный интерфейс: как сделать дизайн сайта удобным

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Андрей Батурин

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

Что такое дружественный интерфейс?

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

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

Цель дружественного интерфейса

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

Основные принципы дружественного интерфейса

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

1. Интуитивная ясность

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

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

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

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

2. Предсказуемость

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

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

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

Предсказуемость важна и для контента страниц. Прайс-лист должен лежать в разделе “Цена”, а не в “Примерах работ”, а новости компании — в разделе “Новости”, а не на главной.

3. Минимализм

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

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

4. Скорость загрузки

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

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

5. Терпимость к ошибкам

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

Представьте ситуацию. Вы зашли в интернет-магазин, выбрали товар и решили его купить. Заполняете длинную форму заказа: свои контакты, адрес доставки, номер банковской карты. Но в поле для телефона пишете свой номер, например, без приставки “+7”. Затем нажимаете кнопку “Заказать” и… все данные удаляются, а вам высвечивается сообщение об ошибке. Сайт требует, чтобы вы заполнили все по-новой, а вы с досады закрываете его и едете в ближайший розничный магазин, пусть там и дороже.

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

Советы, как сделать интерфейс дружественным, а дизайн — удобным

Если принципы, описанные выше, показались вам слишком абстрактными и теоретическими, давайте перейдем к практике.

Не давайте большой свободы выбора

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

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

Докажите, что сайт безопасен

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

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

Запрашивайте разрешение на рассылку писем и СМС, на обработку персональных данных, согласие с пользовательским соглашением.

Заполнение полей должно быть простым

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

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

Один блок с текстом на странице

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

Похожее к похожему

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

Дублируйте call-to-action

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

Используйте контраст

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Адаптивность

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

Удобный поиск

Если у вас на сайте много информации — статей, товаров, документов, — добавьте на нем функцию поиска и сделайте ее удобной. Желательно, чтобы поисковый алгоритм мог распознавать разные формы слов (падежи, род, число) и выстраивать приоритетность результатов.

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

Источник

дружественный интерфейс

дружественный интерфейс
Интерфейс, обеспечивающий человеку удобные формы взаимодействия с информационной системой.
Дружественный интерфейс обеспечивает диалог с системой, используя для этого пиктограммы, кнопки, меню, подсказки, выдаваемые на экран и динамики. Как правило, дружественным является графический интерфейс.
[Гипертекстовый энциклопедический словарь по информатике Э. Якубайтиса]
[http://www.morepc.ru/dict/]

Тематики

Смотреть что такое «дружественный интерфейс» в других словарях:

Дружественный интерфейс — Юзабилити (англ. usability дословно «удобство пользования», «применимость») понятие в микроэргономике, обозначающее общую степень удобства предмета при использовании; термин схож с термином «эргономичность», однако имеет иную область… … Википедия

дружественный — Объект, с которым легко работать. Например, дружественной является программа, которая позволяет ее использовать без специального руководства. Широко применяется дружественный интерфейс. [Гипертекстовый энциклопедический словарь по информатике Э.… … Справочник технического переводчика

Интерфейс пользователя — Возможно, эта статья содержит оригинальное исследование. Добавьте ссылки на источники, в противном случае она может быть выставлена на удаление. Дополнительные сведения могут быть на странице обсуждения. (25 мая 2011) … Википедия

дружественный — ая, ое; вен, венна, венно. 1. Основанный на дружбе (2 зн.), характеризующийся доверием и взаимопониманием (об отношениях между народами, странами, государствами). Д ая политика. Д ое сотрудничество. Встреча президентов носила д. характер. 2.… … Энциклопедический словарь

дружественный — I см. дружба II ая, ое; вен, венна, венно. см. тж. дружественно, дружественность 1) основанный на дружбе 2), характеризующийся доверием и взаимопониманием (об отношениях между народами, странами, государствами) Д ая полит … Словарь многих выражений

удобный для пользователя интерфейс — дружественный интерфейс пользователя — [Л.Г.Суменко. Англо русский словарь по информационным технологиям. М.: ГП ЦНИИС, 2003.] Тематики информационные технологии в целом Синонимы дружественный интерфейс пользователя EN user friendly… … Справочник технического переводчика

Текстовый интерфейс пользователя — Bash пример консольной программы … Википедия

Простой полноэкранный интерфейс — Текстовый интерфейс пользователя (англ. Text user interface, TUI; также Character User Interface, CUI) система средств взаимодействия пользователя с компьютером, основанная на использовании текстового (буквенно цифрового) режима дисплея или… … Википедия

DriverPack Solution — DriverPack Solution … Википедия

MediaWiki — MediaWiki … Википедия

Источник

Что означает дружественность интерфейса означает

Издание: Help. Разработка справочных систем. Учебный курс

I часть
Средства помощи пользователю

Виды справки

Дружественный интерфейс

Что такое пользовательский интерфейс

Один из них (а именно ГОСТ Р ИСО/МЭК 9126-90 «Информационная технология. Оценка программной продукции. Характеристики качества и руководства по их применению») содержит достаточно строгое и вместе с тем (как ни странно) вполне доступное для понимания определение «дружественного» интерактивного программного обеспечения. Правда, вместо слова «дружественность» в ГОСТе используется термин «практичность» (англоязычный вариант — usability).

ПРИМЕЧАНИЕ

    Поскольку понятие «обучаемость» в данном случае относится к программе, а не к пользователю, то с точки зрения русского языка оно, вероятно, должно было бы звучать как «изучаемость» (если бы такое слово существовало).

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

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

Вот, например, IDE (Integrated Device Electronics) — это «железный» интерфейс, характеризующий способ соединения устройств; API (Application Programming Interface) — наоборот, чисто программный интерфейс, определяющий способ взаимодействия программных компонентов.

А что такое пользовательский интерфейс (User Interface, UI)? На уровне здравого смысла понятно, что это часть программы, с которой непосредственно взаимодействует пользователь. Но любая интерактивная программа предполагает применение устройств ввода-вывода (мышь, клавиатура, монитор). А мышь, при всем к ней уважении, частью программы не является. Если, например, в одном окне программы вращение колесика мыши обеспечивает изменение масштаба изображения, а в другом окне — прокручивание списка, то мышь в этом не виновата. А кто виноват? Кто виноват в том, что пользователь, переходя из одного окна в другое, сначала крутит это самое колесико, и только потом вспоминает, что в этом окне надо не «крутить», а «щелкать»? Пользователь (шепотом): «Программист. » Программист (громко): «Пользователь!»

Так что же такое пользовательский интерфейс?

ПРИМЕЧАНИЕ

    Поскольку в данной книге будет идти речь только о пользовательском интерфейсе, то в дальнейшем для краткости слово «пользовательский» будем опускать.

Как ни странно, ни один российский стандарт не содержит непосредственного определения этого понятия.

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

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

Интерфейс пользователя Microsoft Windows — это часть прикладного интерфейса Win32 API, которая дает возможность программам взаимодействовать с пользователем и отображать окна, меню и элементы управления (http://msdn.microsoft.com/library/default.asp?url=/library/en-us/winprog/winprog/user_interface.asp).

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

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

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

Получается вот что.

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

Естественность интерфейса

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

Употребление знакомых и понятных пользователю образов (метафор) — это еще одна составляющая естественности графического интерфейса. Метафоры являются своего рода «мостиком», связывающим образы реального мира с теми действиями и объектами, которыми приходится манипулировать пользователю при его работе на компьютере. Пользователи легче запоминают действие, связанное со знакомым объектом, чем имя команды, связанной с этим действием.

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

ПРИМЕЧАНИЕ

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

Согласованность интерфейса

Терпимость интерфейса

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

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

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

Обратная связь с пользователем

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

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

ПРИМЕЧАНИЕ

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

Простота интерфейса

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

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

Рассмотрим небольшой пример, позаимствованный из книги Джоеля Спольски (Joel Spolsky) «Руководство по UI-дизайну для программистов» (www.joelonsoftware.com).

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.1. Пример излишне многословного сообщения

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

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.2. Пример краткого, но информативного сообщения

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

Гибкость интерфейса

В качестве примера такого подхода к построению интерфейса можно привести пакет Macromedia Flash, в котором предусмотрено два варианта встроенного редактора сценариев на языке ActionScript: для начинающих пользователей (рис. 1.3) и для «экспертов» (рис. 1.4).

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.3. Исходный формат редактора сценариев на языке ActionScript

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.4. Формат редактора сценариев ActionScript для «экспертов»

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

Итак, подведем некоторые итоги.

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

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

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

Мастера

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

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

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

Другими словами, мастер — это средство помощи пользователям, позволяющее им наиболее эффективным образом выполнить достаточно сложное или редко встречающееся задание. В связи с этим доступ к мастерам не обязательно должен быть реализован так же, как к другим средствам помощи. Для этого может быть использован целый ряд иных способов, например кнопки панели инструментов или специальные кнопки, обеспечивающие доступ к так называемым шаблонам (templates). Зачастую оправдан автоматический вызов мастера для решения «типовой» задачи при первом запуске программы (рис. 1.6).

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.5. Пример использования мастера

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.6. Один из возможных способов вызова мастера

В общем случае каждое окно мастера должно содержать кнопки, перечисленные в табл. 1.1.

Таблица 1.1. Кнопки, используемые в окнах мастера

КнопкаДействие
Назад (Back)Возврат на предшествующую страницу (кнопка недоступна на первой странице)
Далее (Next)Переход на следующую страницу в последовательности. Кнопка должна быть доступна независимо от того, какие параметры установил пользователь на предшествующих страницах
Готово (Finish)Применение введенных пользователем или установленных по умолчанию значений параметров со всех страниц и инициирование выполнения задания
Отменить (Cancel)Отмена всех установленных пользователем значений параметров, завершение процесса и закрытие окна мастера

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

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.7. Заголовок окна мастера должен идентифицировать его назначение

В настоящее время распространены два основных способа компоновки страниц мастера.

Первый, «классический», предполагает использование на первой и на последующих страницах мастера (слева) иллюстрации, отражающей назначение мастера либо ожидаемый результат его работы.

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

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

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

Окна сообщений

ПРИМЕЧАНИЕ

    В дальнейшем для краткости (и в соответствии с рекомендациями Microsoft) будем называть данный элемент интерфейса просто сообщением.

Информативность сообщений

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.8. Примеры сообщений

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

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

Характерным примером неудачного сообщения в Windows 98 является сообщение о недостатке свободного места на диске. Нередки ситуации, когда это сообщение появляется на экране уже после того, как большая часть содержимого файла или папки переписана (рис. 1.9).

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.9. Пример неудачного использования окна сообщения

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

Разумеется, система сообщений вполне может претендовать на инструмент воспитания и обучения пользователя. Но только в том случае, если она действительно продумана и корректно реализована.

Заголовок окна сообщения

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

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

Форматы сообщений

Таблица 1.2. Характеристики типов сообщений

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

Варианты различных типов сообщений показаны на рис. 1.10.

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.10. Примеры трех типов сообщений

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.11. Сообщение с просьбой подтвердить намерения пользователя

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

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

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

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

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

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

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

Использование кнопок в окне сообщения

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

Некоторые ситуации могут потребовать от пользователя не только сделать выбор между выполнением или невыполнением действия, но и вообще отменить процесс, вызвавший появление сообщения. Для таких случаев в окне сообщения необходимо предусмотреть кнопку Отмена (рис. 1.12). Следует иметь в виду, что применение такой кнопки требует от разработчика особой аккуратности.

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.12. Пример окна сообщения с кнопкой Отмена

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

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

Выбор текста сообщений

Справочная система

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

Состав справочной системы

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

Контекстная справка

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

Команда «Что это такое?»

Рис. 1.13. Различные методы доступа к команде «Что это такое?»

Когда пользователь выбирает команду Что это такое? в меню Справка или щелкает на соответствующей кнопке панели инструментов, система временно переходит в режим подсказки, визуальным признаком которого служит изменение формы указателя (рис. 1.14). Альтернативным способом перехода в режим подсказки является нажатие комбинации клавиш Shift+F1.

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.14. Вид указателя в режиме подсказки

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

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.15. Всплывающее окно контекстной подсказки

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

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

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

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

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

Если пользователь в режиме подсказки повторно выбирает команду Что это такое?, в том числе используя комбинацию клавиш Shift+F1, или нажимает клавишу Esc, режим подсказки отменяется. При этом указатель восстанавливается в его обычном состоянии.

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

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

Всплывающая подсказка

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.16. Всплывающая подсказка для кнопки панели инструментов

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

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

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

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

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.17. Вариант всплывающей подсказки

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

Вывод сообщений в строке состояния

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

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

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

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

В-четвертых, при изменении пользователем горизонтальных размеров окна приложения часть текста подсказки, выводимой в строке состояния, может оказаться «за кадром» (рис. 1.19).

В силу указанных причин следует рассматривать вывод подсказок в строке состояния лишь как дополнительную форму помощи пользователю.

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.18. Вывод справки о пункте меню в строке состояния

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.19. Часть подсказки, выводимой в строке состояния, может оказаться «за кадром»

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

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.20. Включение в строку состояния графических индикаторов

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

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

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

Кнопка «Справка»

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

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.21. Использование кнопки «Справка» во вторичном окне

Если кнопка Справка применяется для получения подсказки в окне, имеющем несколько вкладок, то следует внимательно отнестись к ее размещению. Имеется в виду следующее.

В соответствии с рекомендациями Microsoft (и, в общем-то, со здравым смыслом) действие кнопок, расположенных на конкретной вкладке, распространяется только на эту вкладку. Действие же кнопок, расположенных на «нейтральном» поле, относится ко всему окну. Соответственно, если кнопка Справка расположена в пределах вкладки, она должна обеспечивать вывод справки по данной конкретной вкладке; в противном случае справка должна относиться ко всему окну (рис. 1.22).

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

Статический текст

Рис. 1.22. Расположение кнопки «Справка» определяет состав выводимой информации: а — справка по диалоговому окну, б — справка по одной вкладке диалогового окна

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.23. Статический текст в окне мастера

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

Процедурная справка

По своей сути процедурная справка также является контекстной помощью, поскольку необходимость в ней возникает при выполнении пользователем определенного задания или шага задания. Соответственно, процедурная справка должна быть связана либо с определенным состоянием рабочей среды программы, либо с конкретным диалоговым окном. Один из наиболее распространенных способов вызова процедурной справки основан на применении «горячей» клавиши (обычно F1) или кнопки Cправка (Help).

Как и контекстная подсказка, справочная информация по разделам задания должна быть написана лаконично, но доходчиво. При этом она должна быть сформулирована в виде ответа на вопрос «Каким образом?», а не «Что?» или «Почему?», поскольку призвана помочь пользователю в выполнении конкретного задания, а не просто расширить его знания по соответствующей теме. По возможности, разбейте выполняемую пользователем процедуру не более чем на 4–5 шагов и постарайтесь уместить их описание в одном окне Help Viewer или HTML Help Viewer (рис. 1.24).

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

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.24. Пример процедурной справки

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.25. Процедурная справка может содержать ссылку на связанные разделы

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.26. Вызов диалогового окна из окна процедурной справки

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

Подобный принцип положен в основу работы так называемой обучающей карты (Training Card).

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

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.27. Окна обучающей карты

Концептуальная справка

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.28. Концептуальная справка

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

Концептуальная справка, как и процедурная, может быть реализована в одном из трех форматов (HTML, HLP, CHM) и может входить в состав справочника либо в качестве самостоятельного раздела, либо в виде нескольких вводных подразделов к соответствующим темам справочника (рис. 1.28).

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

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

Другие средства поддержки пользователя

Для наиболее сложных программных продуктов средства обучения могут быть реализованы в виде относительно самостоятельных приложений. Такой подход характерен для систем управления и администрирования, которые работают в реальном масштабе времени и ошибка в эксплуатации которых может привести к значительным потерям (в частности, экономическим). Например, компанией Cisco Systems была создана обучающая программа CIM (Cisco Interactive Mentor — «Интерактивный учитель»), призванная помочь программистам и сетевым администраторам изучить работу продуктов компании в корпоративных сетях. Создание подобных систем представляет весьма сложную самостоятельную инженерно-техническую и научную задачу, поэтому мы ограничимся рассмотрением только тех средств обучения, которые могут быть реализованы в качестве компонентов пользовательского интерфейса приложения.

Полезные советы

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.29. Вариант реализации окна полезных советов

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

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

Подборки примеров и обзорный курс

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.30. Диалоговое окно для доступа к файлам примеров

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

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

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.31. Диалоговое окно для выбора демонстрационного файла

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

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

Электронный учебник

При этом варианты реализации учебника (с точки зрения применяемой технологии) могут быть различными. Например, для этих целей вполне пригодна все более популярная сегодня технология Flash. Ее дополнительным достоинством является простота интеграции Flash-учебника со справочником, реализованным в формате HTML (рис. 1.32).

Что означает дружественность интерфейса означает. Смотреть фото Что означает дружественность интерфейса означает. Смотреть картинку Что означает дружественность интерфейса означает. Картинка про Что означает дружественность интерфейса означает. Фото Что означает дружественность интерфейса означает

Рис. 1.32. Учебник, реализованный на основе технологии Flash

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *