Download - Лекция 3.ermak.cs.nstu.ru/neurotech/html/metodmat/pchmi2015/Lect3.pdf · 2015-02-20 · Цвет вызывает эмоции. Например, ... Microsoft PowerPoint -

ЛекцияЛекция 3.3.ПроектированиеПроектирование пользовательскогопользовательского

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

ПроектированиеПроектирование человекочеловеко--машинныхмашинных интерфейсовинтерфейсов

ВидыВиды интерфейсовинтерфейсов

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

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

Интерфейс

ГрафическийТекстовый

ГрафическийГрафический интерфейсинтерфейс

Графические интерфейсы обладают рядом преимуществ:

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

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

Режим полноэкранного отображения окон дает возможностьпрямого доступа к любому месту экрана.

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

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

Изучение и анализдействий

пользователя

Создание проектапрототипаинтерфейса

Оценка проектапользователями

Разработкапрототипа

Созданиединамическогопрототипа

Оценка проектапользователями

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

Реализацияинтерфейса

ПринципыПринципы проектированияпроектирования интерфейсовинтерфейсов

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

Учётразнородностипользователей

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

Руководствопользователя

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

Способность квосстановлению

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

Минимумнеожиданностей

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

Согласованность

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

Учёт знанийпользователя

ОписаниеПринцип

ПринципыПринципы проектированияпроектированияинтерфейсовинтерфейсов (2)(2)

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


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


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


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

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

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


ПринципПринцип использованияиспользования привычныхпривычныхассоциацийассоциаций ии стереотиповстереотипов

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


ПринципПринцип избыточностиизбыточностиДляДля улучшенияулучшения восприятиявосприятия структурыструктуры системысистемы иногдаиногда

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

Повтор панели навигации внизу экранаболее простом оформлении

Названия элементовпродублированы

графическими образами

ПринципыПринципы проектированияпроектированияинтерфейсовинтерфейсов (2)(2)ПринципПринцип повтораповтора

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

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

ПоложительнаяПоложительная рольроль повтораповтора оченьочень сильнасильна вв простыхпростыхприложенияхприложениях, , аа вв сложныхсложных безбез негонего нене обойтисьобойтись. .

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


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


ПринципПринцип визуальнойвизуальной иерархиииерархии (2)(2)

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


ПринципПринцип визуальнойвизуальной иерархиииерархии (3)(3)АмериканскийАмериканский ученыйученый--психологпсихолог ДжорджДжордж МиллерМиллер обнаружилобнаружил

закономерностьзакономерность, , сутьсуть которойкоторой состоитсостоит вв томтом, , чточтократковременнаякратковременная человеческаячеловеческая памятьпамять можетможет запомнитьзапомнитьии повторитьповторить толькотолько 7 7 ±± 2 2 элементаэлемента. .

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


ПринципПринцип удобстваудобства использованияиспользованияВажнымВажным моментоммоментом припри созданиисоздании интерфейсовинтерфейсов являетсяявляется ««usabilityusability»»

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

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


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

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

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

2. 2. СодержимоеСодержимое, , котороекоторое менееменее важноважно илиили нене существенносущественнодлядля пониманияпонимания располагаетсярасполагается внизувнизу..

ПринципыПринципы проектированияпроектирования интерфейсовинтерфейсов (2)(2)ПринципПринцип эмоциональногоэмоционального воздействиявоздействия

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

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


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


ПринципПринцип сканируемостисканируемости (2)(2)


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

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

ВзаимодействиеВзаимодействие сс пользователемпользователем

РазработчикамиРазработчиками интерфейсовинтерфейсов предусмотреныпредусмотрены 5 5 основныхосновных стилейстилей взаимодействиявзаимодействия пользователяпользователя сссистемойсистемой::

1. 1. НепосредственноеНепосредственное манипулированиеманипулирование..

2. 2. ВыборВыбор изиз менюменю..3. 3. ЗаполнениеЗаполнение формформ..

4. 4. КомандныйКомандный языкязык. .

5. 5. ЕстественныйЕстественный языкязык. .

СтилиСтили взаимодействиявзаимодействия

ПреимуществаПреимущества ии недостаткинедостатки стилейстилей взаимодействиявзаимодействия

Главным образомсистемы общегоназначения

Медленный вариантдля опытных

пользователей. Может быть

сложным, если менюсостоит из большого

количествавложенных пунктов

Сокращениеколичества ошибокпользователя.

Выбор изменю

Видеоигры; системы

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

Сложная реализация. Подходит только там, где есть зрительный

образ задач иобъекта

Быстрое иинтуитивнопонятное

взаимодействие. Легок в изучении

Прямоеманипули-рование

Примерыприложений

Основные недостаткиОсновныепреимущества

Стильвзаимодейс

твия

СтилиСтили взаимодействиявзаимодействия

ПреимуществаПреимущества ии недостаткинедостатки стилейстилей взаимодействиявзаимодействия

Системы расписания; системы храненияданныхWWW

Сложно предотвратитьошибки вводаТребует большогоручного набора

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

Естествен-ный язык

Операционные системы; библиотечные системы

Труден в изучении.Простой вводданных.

Командныйязык

Системы управлениязапасами; обработкафинансовой информации

Занимает пространствона экране

Ввод с клавиатурыминимальный

Заполнениеформ

Примеры приложенийОсновные недостаткиОсновныепреимущества

Стильвзаимодейс

твия

РазделениеРазделение интерфейсовинтерфейсов

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

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

Управлениеинтерфейсом

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

ИнтерпретаторКомандного

языка

ИнтерфейсКомандного

языка

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

Представление данных

ПО дляпредставления

данных

010203040506070

1 кв

3 кв

5 кв

7 кв

Доход

1 кв2 кв3 кв4 кв

Дисплей

ЧтоЧто нужнонужно пользователюпользователю: : точныеточные значениязначения данныхданных илиилисоотношениясоотношения междумежду значениямизначениями??НасколькоНасколько быстробыстро будутбудут происходитьпроисходить измененияизменения значенийзначенийданныхданных? ? НужноНужно лили немедленнонемедленно показыватьпоказывать пользователюпользователюизменениеизменение значенийзначений??ДолженДолжен лили пользовательпользователь предприниматьпредпринимать какиекакие--либолибо действиядействия ввответответ нана изменениеизменение данныхданных??НужноНужно лили пользователюпользователю взаимодействоватьвзаимодействовать сс отображаемойотображаемойинформациейинформацией посредствомпосредством интерфейсаинтерфейса сс прямымпрямымманипулированиемманипулированием??ИнформацияИнформация должнадолжна отображатьсяотображаться вв текстовомтекстовом ((описательноописательно) ) илииличисловомчисловом форматеформате? ? ВажныВажны лили относительныеотносительные значениязначения элементовэлементовданныхданных??

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

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

АльтернативыАльтернативы

283528351273127327892789316431642851285128422842

ИюльИюльМайМайАпрАпрМартМартФевФевЯнвЯнв

0500

100015002000250030003500

Янв Фев Март Апр Май Июнь

Продажи

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

ИспользованиеИспользование вв интерфейсахинтерфейсахцветацвета

ИспользуйтеИспользуйте ограниченноеограниченное количествоколичество цветовцветов

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

ДляДля помощипомощи пользователюпользователю используйтеиспользуйте цветовоецветовое кодированиекодирование

ИспользуйтеИспользуйте цветовоецветовое кодированиекодирование продуманнопродуманно иипоследовательнопоследовательно

ОсторожноОсторожно используйтеиспользуйте дополняющиедополняющие цветацвета

ПримерПример неправильногонеправильногоиспользованияиспользования цветовцветов

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

ОднимОдним изиз основныхосновных аспектоваспектов проектированияпроектированияпользователяпользователя являетсяявляется справочнаясправочная системасистема. . СправочнуюСправочную системусистему приложенияприложения составляютсоставляют::

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


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

ПрофессиональПрофессиональ--ныйный уровеньуровеньпользователяпользователя

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

ОпытОпытпользователяпользователя

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

СодержаниеСодержание

ОписаниеОписаниеФакторФактор

ФакторыФакторы проектированияпроектирования текстовыхтекстовых сообщенийсообщений


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

КультураКультура

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

СтильСтильсообщенийсообщений

ОписаниеОписаниеФакторФактор

ФакторыФакторы проектированияпроектирования текстовыхтекстовых сообщенийсообщений

СообщенияСообщения обоб ошибкахошибках

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

БытьБыть последовательнымипоследовательными ии конструктивнымиконструктивными

БытьБыть вежливымивежливыми, , краткимикраткими, , нене содержатьсодержать оскорбленийоскорблений..

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

ЖелательноЖелательно::

СвязатьСвязать сообщениесообщение сс контекстноконтекстно--зависимойзависимой справкойсправкой..

ВключитьВключить вв сообщениесообщение вариантыварианты исправленияисправления ошибкиошибки..

СообщениеСообщение обоб ошибкахошибках

ЭтоЭто сообщениесообщениескорректированоскорректированоплохоплохо::ОноОно обвиняетобвиняетпользователяпользователя ввсовершениисовершении ошибкиошибки..НеНе рассчитанорассчитано нанауровеньуровень знанийзнанийпользователяпользователя..НеНе предполагаютсяпредполагаются

Это сообщение лучше:

Оно доброжелательно

В нем используются медицинскиетермины.

Предполагается простой способисправления ошибки

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

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

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

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

ТекстыТексты справочнойсправочной системысистемы должныдолжны бытьбыть::

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

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

АдаптированыАдаптированы кк неопытномунеопытному пользователюпользователю..

ДокументацияДокументация пользователяпользователя

ДокументацияДокументация пользователяпользователя должнадолжна содержатьсодержать 5 5 документовдокументов: : ФункциональноеФункциональное описаниеописание,, вв которомкотором краткократко представленыпредставленыфункциональныефункциональные возможностивозможности системысистемы. . ПрочитавПрочитав функциональноефункциональноеописаниеописание, , пользовательпользователь должендолжен определитьопределить, , тата лили этоэто системасистема, , котораякотораяемуему нужнанужна..

ДокументДокумент попо инсталляцииинсталляции системысистемы, , вв которомкотором содержитсясодержится информацияинформация попоустановкеустановке системысистемы. .

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

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

РуководствоРуководство администратораадминистратора, , необходимоенеобходимое длядля некоторыхнекоторых типовтиповпрограммныхпрограммных системсистем. . ВВ немнем данодано описаниеописание сообщенийсообщений, , генерируемыхгенерируемыхсистемойсистемой припри взаимодействиивзаимодействии сс другимидругими системамисистемами, , ии описаныописаны способыспособыреагированияреагирования нана этиэти сообщениясообщения. .

ДокументацияДокументация пользователяпользователя

эксперты Системныеадминистраторы

Начинающиепользователи

Опытныепользователи

Системныеадминистраторы

Функциональноеописание

Документация поинсталляции

Вводноеруководство

Справочноеруководство

Руководствоадминистратора

Описаниесервисов

Как установитьсистему

Началоработы

Описаниевозможностей

Работа иобслуживание

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

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

ПоказателиПоказатели удобстваудобства использованияиспользования..

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

АдаптируемостьАдаптируемость

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

ВосстанавливаемостьВосстанавливаемость

УстойчивостьУстойчивость системысистемы кк ошибкамошибкампользователяпользователя..

УстойчивостьУстойчивость

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

СкоростьСкорость работыработы

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

ИзучаемостьИзучаемостьОПИСАНИЕОПИСАНИЕПОКАЗАТЕЛЬПОКАЗАТЕЛЬ

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

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

ВыводыВыводы1. Грамотно спроектированный интерфейс

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

2. Важным аспектом интерфейса является грамотноевзаимодействие с пользователем: ввод данных и ихпредставление.

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

4. Оценивание интерфейса является частью общегопроцесса тестирования и аттестации систем ПО.

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

в жизненном цикле ПО?2. Почему проектирование интерфейса является важным моментом при

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

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

взаимодействия пользователя с системой.5. В каких случаях следует представлять «голые» данные для

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

использовании цветов?7. Существует мнение, что пользователю необязательно показывать

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

8. Что входит в документацию пользователя?9. Обосновано ли привлечение специалистов (каких?) для оценивания

интерфейса?