- •1.1. Інтерфейс користувача: міст між людиною і комп'ютером
- •1.2. Основні принципи розробки користувальницького інтерфейсу
- •2.1. Життєвий цикл програмного продукту
- •2.2. Етапи проектування користувальницького інтерфейсу
- •3.1. Особливості графічного інтерфейсу
- •3.4. Взаємодія користувача з додатком
- •3.5. Загальні правила взаємодії з об'єктами
- •4. Вибрати команду Всщавить.
- •3.6.2. Операції створення нових об'єктів
- •4.1. Проектування піктограм
- •4.2.2. Основні операції з вікнами
- •93 Ніяке інше вікно не повинне стати активним перш, ніж користувач завершить переміщення даного вікна. 11еремегцение вікна має на увазі його активізацію.
- •4.2.5. Вибір моделі вікна
- •4.3.2. Панелі властивостей і контролю параметрів
- •4.3.3. Діалогові панелі
- •4.3.4. Інші типи вторинних вікон
- •5.2.3. Прапорці
- •5.3.1. Список одиничного вибору
- •5.3.4. Список, що модифікується
- •5.3.5. Дерево, що модифікується
- •5.4.1. Текстові поля
- •5.4.4. Комбінований список, що випадає
- •5.6.2. Заголовки стовпців
- •5.6.3. Етикетка вкладки
- •5.6.4. Смуги прокручування
- •5.6.8. Колекції
- •5.6.9. Область повідомлень
- •5.7. Вибір візуальних атрибутів відображуваної інформації
- •5.7.1. Композиція й організація
- •5.7.3. Шрифт
- •5.7.4. "Багатомірність" екрана
- •5.7.6. Візуалізація виконуваних операцій
- •5.8. Три випадки з життя guі
- •6.1. Вікно повідомлення
- •6.2.2. Спливаюча підказка
- •6.3. Проблемно-орієнтована допомога
- •6.5. Майстра
- •6.6. Засобу навчання користувача
- •Глава 7
- •7.3. Користувальницький інтерфейс систем реального часу
- •8.3. Засобу розробки web-документів
- •Глава 9
6.3. Проблемно-орієнтована допомога
Проблемно-орієнтована допомога {Task-Orіented Help) являє собою опис послідовності кроків, необхідних для виконання деякого завдання користувача. Для надання користувачу проблемно-орієнтованої допомоги відповідна довідкова інформація організується у виді розділів, кожний з який описує окремий крок завдання. У свою чергу, кожен такий розділ відображається на екрані у виді окремого вікна, називаного вікном Розділ завдання.
Вікно Роздягнув завдання (Task Topіc Wіndow) - це первинне вікно, для якого підтримуються в основному ті ж правила взаємодії, що і для будь-якого іншого первинного вікна. Зокрема , користувач може змінювати розмір цього вікна, звертати його і т.п.
Класифікація вікна Роздягнув завдання як первинного вікна обумовлена специфікою його відображення і використання. Разом з тим, у деяких варіантах технічної документації вікно цього типу названо вторинним вікном допомоги.
Первісний доступ до кожного з вікон розділів завдання користувач одержує через броузер розділів, описаний нижче в цій главі. Разом з тим, доступ до деяких розділів може бути реалізований за допомогою навигационпых посилань, встановлених в інших вікнах розділів завдання.
Вікно Роздягнув завдання містить у верхній частині набір кнопок, що забезпечують користувачу доступ до броузеру розділів, до попереднього обраній темі, а
228
також до інших команд (наприклад, копіювання і висновку на печатку умісту вікна), як показано на мал. 6.13. Розроблювач додатка може сам визначити, які кнопки використовуються у вікні Роздягнув завдання.
Рис. 6.13. Вікно Роздягнув завдання
Розмір і розташування вікон Роздягнув завдання залежить, як правило, від специфіки створюваного додатка, однак доцільно вибирати їх таким чином, щоб вікно займало мінімум простору основного вікна додатка, що дозволить користувачу прочитати виведену інформацію, не переміщаючи вікно. Разом з тим, рекомендується використовувати для основних розділів такий розмір вікна, щоб для перегляду інформації не були потрібні смуги прокручування. Це полегшить роботу починаючому користувачу, що може бути незнайомий із прокручуванням.
Заголовок вікна Роздягнув завдання повинний однозначно ідентифікувати відображувану в ньому інформацію. У якості ж назви теми, використовуваного безпосередньо у вікні, доречно взяти ключову фразу роздягнула. Крім того, варто погодити назва теми з даними, що включаються в броузер розділів, що надає прямий доступ до розділу. Це не означає, що назва теми повинна дослівно збігатися з позначенням роздягнула, використовуваного в броузере, але вони повинні бути досить близькі, щоб користувач міг легко співвіднести їхній один з одним.
Подібно вікну спливаючої підказки, у якості встановленого за замовчуванням кольору робочої області вікна Роздягнув завдання повинний використовуватися системний колір, визначений для вікон допомоги. Це забезпечує швидке "дізнавання" користувачем такого вікна на тлі інших вікон. Проте , для деяких специфічних розділів може бути установлений власний колір вікна.
229
Використання кнопок у вікні Роздягнув завдання
Кнопки, відображувані у верхній частині вікна Роздягнула завдання, визначаються Help-файлом вашого додатка. Як мінімум, повинні бути присутнім наступні кнопки:
кнопка, що забезпечує доступ до діалогової панелі броузера розділів;
кнопка, що дозволяє користувачу повернутися до попереднього темі;
кнопки, що надають доступ до інших функцій (наприклад, копіювання і печатки).
Перша з перерахованих вище кнопок звичайно називається Зміст (Contens); вона забезпечує висновок на екран однойменної вкладки вікна броузера розділів, представленого в тім же виді, у якому вікно було відображено останній раз. Оскільки стандартне вікно броузера містить три вкладки: Зміст (Contens), Предметний покажчик (Іndex) і Пошук (Fіnd), те при необхідності для двох останніх у вікні Роздягнули завдання можуть бути створені власні кнопки; у цьому випадку користувач буде забезпечений прямим доступом до зазначених вкладок броузера розділів.
Як і контекстно-залежна підказка, довідкова інформація з розділів завдання повинна бути написана лаконічно, але дохідливо. При цьому вона повинна бути сформульована у виді відповіді на питання "Яким образом?", а не "Що?" чи "Чому?", оскільки покликана допомогти користувачу у виконанні конкретного завдання, а не просто розширити його знання по відповідній темі. Якщо існує кілька різних способів досягнення мети, виберіть один з них (звичайно найпростіший або найбільш загальний). Якщо ви вважаєте за необхідне включити інформацію про альтернативні методи, надайте користувачу доступ до неї яким-небудь іншим образом.
Рис.6.14. Діалогова панель Знайдені Розділи 230
Додатково вікно Роздягнув завдання може містити кнопку Зв'язані розділи, що забезпечує безпосередній доступ до інших тем. Коли користувач вибирає цю кнопку, на екрані повинна з'являтися діалогова панель Знайдені розділи (як показаний на мал. 6.14).
Використання кнопок-акселераторів
Вікно Роздягнув завдання може також містити кнопка-акселератор ("Виконати це"), що надає користувачу можливість швидкого автоматизованого виконання конкретного кроку завдання, як показано на мал. 6.15. Наприклад, така кнопка може використовуватися, щоб автоматично відкрити необхідну діалогову панель, панель чи властивостей виконати яку-небудь операцію, якщо користувачу не вдається це зробити самостійно.
Рис. 6.15. Вікно Роздягнув завдання з кнопкою-акселератором
Застосування кнопок-акселераторів не тільки підвищує ефективність роботи користувача, але також зменшує обсяг інформації, що він повинний засвоїти. Проте , кнопки-акселератори не повинні використовуватися як єдиний засіб виконання завдання (чи окремого його кроку), особливо якщо ви хочете навчити користувача виконувати завдання самостійно. Для найбільш загальних завдань може бути використаний компромісний варіант, при якому вікна проблемно-орієнтованої допомоги і надають користувачу інформацію про те, як виконати завдання, і містять кнонки-акселераторы, що полегшують його виконання. Наприклад, вікно Роздягнув завдання може містити текст "Щоб відкрити панель властивостей, натисніть цю кнопку", і кнопка-акселератор, що відкриває зазначену панель.
231
6.4. ДОВІДНИК
Довідник {Reference Help) забезпечує надання користувачу довідкової інформації у формі інтерактивної документації. Використання Довідника допомагає користувачу усвідомити загальні основні характеристики програмного продукту.
Як основу для створення Довідника використовується первинне вікно, що відрізняється за структурою від розглянутого вище вікна Роздягнув завдання (мал. 6.16).
Рис. 6.16. Вікно Довідника
Доступ до Довідника може бути реалізований декількома способами. Найбільш розповсюджений з них - явний виклик за допомогою відповідної команди з выпадающего меню Довідка {Help), але можливі також использова-
232
ние спеціальної кнопки на панелі чи інструментів виклик через піктограму конкретного об'єкта.
Вікно Довідника містить смугу меню з розділами Файл (Fіle), Виправлення (Edіt), Закладка (Bookmark), Параметри (Optіons) і Допомога (Help), а також панель інструментів із кнопками Зміст (Contens), Покажчик (Іndex), Назад (Back) і Печатка (Prіnt). Для вікна довідника система підтримує перераховані елементи за замовчуванням. Вони забезпечують виконання користувачем таких операцій, як відкриття конкретного Help-файлу (використовуючи броузер розділів), копіювання і печатка вмісту сторінки Довідника, створення коментарю і закладки для даної сторінки, а також настроювання параметрів вікна. Розроблювач може додати й інші кнопки, що відповідають конкретному варіанту реалізації Довідника.
Хоча Довідник може містити інформацію подібну тон, що виводиться у вікнах контекстної підказки і проблемно-орієнтованої допомоги, ці форми допомоги не виключають один одного. Найчастіше саме розумне сполучення всіх цих засобів виявляється найбільш ефективним з погляду допомоги користувачу.
Кожне вікно (сторінка) Довідника може включати текст, графіку, елементи анімації, відеокліпи і навіть звуковий супровід. Крім того, система підтримує деякі спеціальні засоби, що розглядаються нижче.
Додаткові меню й інструментальні кнопки
Розроблювач може як створити у вікні Довідника додаткові меню і кнопки, так і видалити існуючі розділи меню.
Оскільки Help-файли звичайно містять зв'язані теми, рекомендується включити в панель інструментів вікна Довідника кнопки Попередня тема і Наступна тема.(звичайно вони позначаються символами " і " відповідно).
Ще одна кнопка, що може в багатьох випадках виявитися корисною - Дивися також (See Also), що дозволяє вивести на екран діалогову панель Знайдені розділи (мал. 6.14), що містить список зв'язаних тим. Якщо Довідник має досить складну структуру, на панель інструментів вікна можуть бути виведені також кнопки Огляд (Up) (для переходу на кореневий чи оглядовий розділ Довідника) і Історія (Hіstory), що дозволяє відобразити список тим, переглянутих користувачем.
Рекомендується робити кнопки панелі інструментів контекстно-залежними (тобто заі, ящими від сторінки Довідника, що переглядається користувачем,). Наприклад, якщо поточна сторінка є останньої в ланцюзі перегляду, варто зробити недоступної кнопку Наступна тема, для вихідної, кореневої сторінки, варто заборонити використання кнопки Огляд.
Вибір назви теми (сторінки) Довідника
Кожна чи тема сторінка Довідника, відображувана в новому вікні, повинна мати власна назва. Назва ідентифікує тему і допомагає пользо-
233
вателю орієнтуватися в змісті Довідника. Крім того, назва повинна відповідати найменуванню теми, використовуваному у вікні броузера розділів, а також імені Help-файлу.
Непереміщувані області
Якщо який-небудь розділ (сторінка) Довідника не міститься по вертикалі на один екран, може виявитися корисним використання непереміщуваної області. Така область дозволяє залишити видимим назву теми (і іншу необхідну інформацію), коли користувач переміщає у вікні інший уміст сторінки. Візуальною границею непереміщуваної області є горизотальная лінія, відображувана в нижній її частині. При цьому вертикальна смуга прокручування для переміщуваної області сторінки повинна бути розташована так, щоб її верхня стрілка знаходилася нижче границі непереміщуваної області, не перекриваючи цією областю (мал. 6.17).
234
Використання посилань
Посилання- це чи кнопка інтерактивна область, щиглик на який активізує деяку подію. За допомогою посилань може бути реалізований односпрямований зв'язок між сторінками Довідника, а також переходи в межах одного вікна або до іншого Help-файлу.
Посилання може також використовуватися для виклику спливаючого вікна, що містить пояснювальну інформацію про яке-небудь чи поняття об'єкті, подібно спливаючому вікну контекстно-залежної підказки.
Крім того, посилання може служити засобом запуску деяких команд, аналогічно тому, як кнопки-акселератори використовуються у вікні Роздягнула завдання.
Посилання повинне візуально відрізнятися від інших, не інтерактивних областей вікна. Наприклад, вона може бути реалізована у виді кнопки, або може змінюватися форма покажчика, коли користувач переміщає його на посилання, або для неї можуть застосовуватися спеціальні чи колір шрифт (чи комбінація цих засобів). За замовчуванням для позначення текстових посилань використовується підкреслений шрифт зеленого кольору.
Броузер розділів
Броузер розділів являє собою діалогову панель, що забезпечує користувачу доступ до переліку розділів довідкової інформації. Для виклику цієї діалогової панелі роздягнув меню Довідка повинна містити відповідний пункт (наприклад, Розділи довідника), або команди, що дозволяють відкривати конкретну вкладку панелі (Зміст, Предметний чи покажчик Пошук). Крім того, що відповідає кнопка виклику повинна бути присутнім на панелі инстру-ментов вікна чи додатка вікна Довідника.
Коли користувач викликає броузер розділів, він повинний бути відкритий на тій вкладці, з яким користувач працював останній раз.
Як було зазначено раніше, стандартний броузер розділів містить три вкладки (Зміст, Предметний покажчик і Пошук). Однак розроблювач має право створити власну додаткову вкладку.
Вкладка Зміст
На даній вкладці відображається список тим, упорядкований по їхньому змісті, як показано на мал. 6.18. Піктограма у виді книги вказує на наявність декількох зв'язаних тим (розділів), а піктограма у виді сторінки позначає одну окрему тему. Кожен чи розділ група розділів можуть входити в розділ більш високого рівня, однак не рекомендується використовувати більш трьох рівнів вкладеності, оскільки це може утруднити користувачу пошук інформації.
Кнопки, розташовані в нижній частині вкладки, дозволяють користувачу чи відкривати закривати обрану тему (групу тим), а також виводити на печатку їхній уміст. Відкрити цікавлячий розділ користувач також може за допомогою подвійного щиглика Л КМ на його чи назві піктограмі.
Рис. 6.18. Вкладка Зміст броузера розділів
Порядок розташування тим у списку і їхнє найменування визначає розроблювач додатка, виходячи з того, що користувач повинний усвідомити взаємозв'язок між темами і характер приведеної в них інформації.
Вкладка Предметний покажчик
Список, відображуваний на цій вкладці, упорядкований по ключових словах, що розташовані за абеткою ; перелік ключових слів для кожної теми визначає розроблювач (мал. 6.19).
Для одержання довідки по цікавлячому його поняттю користувач може або ввести ключове слово в текстовому полі, або вибрати його зі списку. Кнопка Вивести (Dіsplay) виводить на екран роздягнув Довідника, що містить це ключове слово. Якщо мається кілька розділів, у яких використовується дане клю-чевое слово, то відкривається додаткове вторинне вікно, що дозволяє користувачу вибрати одну з цих тем, як показано на мал. 6.14. Ви можете також використовувати це вікно, щоб відобразити зв'язані теми, коли користувач вибирає кнопку Дивися також (See Also) у вікні Довідника.
При виборі ключових слів варто керуватися наступними основними принципами:
o Використовуйте одночасно два варіанти ключових слів: для починаючих і підготовлених користувачів.
Рис. 6.19. Вкладка Предметний покажчик броузера розділів
o Використовуйте кілька синонімів для позначення одного поняття.
o Дотримуйте загальноприйнятої термінології для даної предметної області.
o Використовуйте як досить загальні поняття, що відносяться до даної теми, так і
більш конкретні.
Вкладка Знайти (Fіnd)
Вкладка Знайти забезпечує пошук будь-якого зазначеного користувачем слова (чи фрази) по всьому тексту Help-файлу. Ця можливість вимагає наявності індексного файлу, що або створюється розроблювачем заздалегідь, при створенні Help-файлу, або динамічно, коли користувач вибирає відповідну команду на вкладці Знайти (мал. 6.20).
У зв'язку з посиленням орієнтації розроблювачів програмного забезпечення на вимоги й особливості Інтернету користувальницький інтерфейс додатків останнім часом перетерплює істотні зміни. Аналізу цих тенденцій присвячений окремий розділ книги. Проте , оскільки зазначені зміни відносяться і до засобів допомоги користувачу, тут доречно привести новий формат Довідника, запропонований фірмою Mіcrosoft, і дати його коротку характеристику.
З погляду
користувальницького інтерфейсу новий
Довідник являє собою первинне вікно,
розділене на два подокна; одпо з них
забезпечує роботу з броузером розділів,
а друге призначено для відображення
вмісту обраного розділу (мал. 6.21).
Новий формат Довідника можна умовно назвати "Интернет-ориентированным", оскільки і по зовнішньому оформленню, і по наявним у вікні елементам керування він погоджений з "Інтернет-оглядачем" MS Іnternet Explorer. Зокрема , через меню Параметри (команда Параметри Інтернету) можна одержати доступ до панелі властивостей Іnternet Explorer.
Броузер розділів у новому Довіднику має колишню структуру; при необхідності його вікно можна сховати, або скориставшись відповідною командою (чи кнопкою на панелі інструментів), або перемістивши до лівої границі вікна смугу поділу подокон.
Ще однією важливою ознакою Інтернет-орієнтованості нового Довідника є відмовлення від подвійного щиглика Л КМ як засобу прискореного відкриття (у даному випадку - роздягнула Довідника). Тепер вибір роздягнула відбувається при позиционировании на ньому покажчика миші (при цьому змінюється форма покажчика - мал. 6.22), а для відкриття обраного розділу досить однократного щиглика ЛКМ.
