- •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
5.4.4. Комбінований список, що випадає
Комбінований список, що випадає, {Drop-down Combo Box) поєднує властивості текстового полючи і списку, що випадає, (мал. 5.27). Даний елемент інтерфейсу є більш компактним у порівнянні з попереднім і може використовуватися з метою економії простору вікна, але жадає від користувача додаткових дій, щоб відкрити список.
У закритому стані комбінований список, що випадає, схожий на список, що випадає, за винятком того, що текстове поле є інтерактивним. Це означає, що користувач може змінити вміст текстового полючи, і при натисканні клавіші <Enter> нове значення буде сприйнято додатком.
Список відкривається, коли користувач натискає кнопку меню, розташовану біля текстового полючи. Повторне натискання кнопки приводить до вибору пункту і закриттю списку.
Для підвищення ефективності роботи користувачів з комбінованим списком, що випадає, рекомендується створити для нього мітку у виді статичної текстовий
Якщо список відкритий, взаємозв'язок між текстовим полем і списком реалізується так само, як і в розглянутому раніше комбінованому списку: коли користувач набирає текст у текстовому полі, відбувається переміщення списку в напрямку відповідного пункту; якщо ж користувач вибирає пункт у списку, то обраний пункт відображається в текстовому полі і стає доступним для редагування.
5.4.5. ДИСКРЕТНЕ ТЕКСТОВЕ ПОЛЕ
Дискретне текстове поле (Spіn Box) являє собою текстове поле, що може приймати тільки обмежений набір дискретних упорядкованих значень, що утворять замкнуту послідовність. Даний елемент інтерфейсу є комбінацією текстового полючи і спеціального елемента керування, що складається з двох взаємозалежних кнопок (він відомий також як елемент реверсивного керування- Up-Down Control). У російськомовних виданнях цей ком-бинированный елемент іменується по-різному: і "спин", і "спиннер", і просто "лічильник". Останній варіант є найменш удалим, оскільки його текстове
181
поле може містити не тільки числову, але і тестову інформацію (мал. 5.28), Однак і поповнювати всі ряди, що подовжуються, "броузеров", "баннеров" і "дигитайзеров" теж не дуже хочеться. Крім того, необхідно враховувати, що елемент реверсивного керування може використовуватися в сполученні з вікном будь-якого типу.
Рис. 5.28. Дискретне текстове поле
Коли користувач клацає Л КМ у текстовому чи полі на одній із кнопок, фокус уведення встановлюється в текстовому полі. Після цього користувач може або безпосередньо набрати текстове значення, або використовувати кнопки, щоб чи збільшити зменшити відображуване в поле значення. Спосіб зміни залежить від конкретної реалізації даного елемента.
При використанні дискретного текстового полючи варто враховувати два основних моменти.
По-перше, далеко не у всіх ситуаціях крок зміни значення, відображуваного в текстовому полі, буде очевидним для користувача (наприклад, при установці дати, представленої у формі <рік/місяць/число>).
По-друге, зміна значення повинна виконуватися в обидва боки (і при зменшенні, і при збільшенні) з однаковим кроком.
Корисно також передбачити можливість циклічного переходу між граничними значеннями діапазону.
Узагалі найкраще супроводити дискретне текстове поле додатковою інформацією щодо особливостей його використання в кожнім конкретному випадку.
Щоб надати користувачу можливість прямого клавіатурного доступу до дискретного текстового поля, створіть для нього (полючи) мітку у виді статичної текстової області і визначите зв'язану з нею клавішу доступу. Ви можете також підтримати клавіатурний доступ на основі клавіші <Таь> і клавіш керування курсором. Якщо фокус уведення встановлений на дискретному текстовому полі, користувач може змінювати поточне значення, натискаючи клавіші <Нагору> чи <Униз>.
За допомогою єдиного елемента реверсивного керування може виконуватися редагування декількох зв'язаних текстових полів, наприклад, для установки часу, выраженого через годинник, хвилини і секунди. Кнопки впливають тільки на те текстове нулі, на якому в даний момент установлений фокус уведення.
182
5.4.6. СТАТИЧНІ ТЕКСТОВІ ОБЛАСТІ
Статичні текстові області (Statіc Text Fіelds) використовуються, як правило, для відображення інформації, призначеної тільки для читання. На відміну від тексту, що нередагується, що може відображатися в звичайному текстовому полі, статичний текст не можна вибрати (виділити кольором). Проте , ваш додаток може змінити статичний текст, щоб відбити зміна стану зв'язаного з ним елемента інтерфейсу. Наприклад, ви можете використовувати статичний текст, щоб відобразити поточний маршрут чи директорія інформацію про стан об'єкта (номер сторінки, час і дату створення і т.д.).
Рис. 5.29 ілюструє застосування корректируемой статичної текстової області.
Корректируемая статична текстова область
Рис. 5.29. Статична текстова область
Ви можете також використовувати статичні текстові області як чи мітки пояснювальної інформації для інших елементів інтерфейсу. Використання статичної текстової області в якості мітки дозволяє визначити клавішу доступу для елемента інтерфейсу, з яким вона зв'язана. У цьому випадку необхідно, щоб фокус уведення переходив на цей елемент інтерфейсу, а не на статичну область. Не забувайте також включати двокрапка наприкінці тексту. Цей символ не тільки допомагає користувачу грузнути текст з елементом інтерфейсу, він також використовується екранними утилітами огляду.
183
5.4.7. ПОЛЕ ПРИЗНАЧЕННЯ ГАРЯЧИХ КЛАВІШ
Поле призначення гарячих клавіш, відомих також як клавіші-акселератори (Shortcut key Іnput Control) - це спеціальний тип текстового полючи, призначений для того, щоб забезпечити користувачу можливість призначення (перевизначення) гарячих чи клавіш комбінації таких клавіш (мал. 5.30). Використовуйте це поле тільки в тих випадках, коли ви надаєте користувачу право модифікувати за його розсудом призначення клавіш-акселераторів, підтримуваних вашим додатком. Оскільки гарячі клавіші безпосередньо ініціюють команду, вони забезпечують більш ефективний інтерфейс для загальних чи часто використовуваних дій.
Поле призначення гарячих клавіш
Рис. 5.30. Поле призначення гарячих клавіш
Для даного типу текстового полючи існує можливість визначити заборонені чи клавіші комбінації клавіш, для того щоб гарантувати коректне призначення клавіш користувачем. Передбачена також можливість автоматичної модифікації інформації, що вводиться, у тих випадках, коли користувач намагається використовувати заборонену клавішу.
Подібно більшості текстових полів, даний елемент за замовчуванням не має власної мітки, тому доцільно доповнювати його статичною текстовою областю, щоб забезпечити його ідентифікацію і призначити відповідну клавішу доступу. З метою підтримки клавіатурного доступу може також використовуватися клавіша <Таь>.
184
5.5. ПАНЕЛЬ ІНСТРУМЕНТІВ І РЯДОК СТАНУ
Панель інструментів (Toolbar) і рядок стану (StatusBar) - це спеціальні компоненти користувальницького інтерфейсу, призначені для створення функционально-ориентированных наборів елементів керування. Панель інструментів містить, як правило, елементи керування, що забезпечують швидкий доступ до найбільше часто використовуваних чи команд властивостям об'єктів. Розрізняють кілька типів панелей інструментів, орієнтованих на застосування в специфічних додатках. Такі спеціалізовані панелі іноді мають власні назви (мал. 5.31).
Рис. 5.31. Приклади панелей інструментів
Рядок стану - це спеціальна область усередині первинного вікна (звичайно в нижній його частині), призначена для висновку інформації про поточне стані чи об'єктів процесів, представлених у вікні, а також будь-якої іншої контекстної інформації, наприклад, про стан клавіатури (мал. 5.32). Ви можете також використовувати рядок стану, щоб забезпечити висновок довідкових повідомлень про обраний пункт чи меню кнопці панелі інструментів. Подібно панелі інструментів, рядок стану може містити елементи керування; проте , рекомендується включати в неї інформацію "тільки для читання" чи не інтерактивні елементи.
Доступ до елементів керування, включеним у панель чи інструментів рядок стану, реалізується або за допомогою миші, або через інші стандартні засоби взаємодії з цими елементами. Може бути також реалізоване клавіатурна взаємодія, заснована на використанні гарячих чи клавіш клавіш доступу. Якщо елемент панелі чи інструментів рядка стану не має
Рнс. 5.32. Варіанти реалізації рядка стану
текстової мітки, засобу клавіатурного доступу для нього виявляються неефективними. Крім того, якщо яка-небудь клавіша доступу уже використовується в первинному вікні, вона не може застосовуватися для роботи з панеллю інструментів. Наприклад, якщо смуга меню первинного вікна уже використовує деяку клавішу доступу, те всі події, зв'язані з цією клавішею, будуть оброблятися стосовно до смуги меню.
Коли користувач взаємодіє з елементом керування, розташованому на панелі чи інструментів у рядку стану, будь-яка зміна безпосередня відноситься до поточного вибору (наприклад, якщо кнопка панелі інструментів призначена для зміни накреслення шрифту в тексті, то при натисканні цієї кнопки текст негайно змінюється); ніяке додаткове підтвердження не потрібно. Єдине виключення складає випадок, коли використання елемента керування (наприклад, кнопки), жадає від користувача введення додаткової інформації; відповідна операція не може бути реалізована, поки користувач не введе необхідну інформацію. Прикладом такого виключення є вибір чи об'єкта установка значення параметра за допомогою діалогової панелі.
Для тих елементів панелі чи інструментів рядка стану, що не мають текстової мітки, обов'язково повинна використовуватися спливаюча підказка. Система підтримує створення спливаючої підказки для елементів стандартної панелі інструментів.
З метою забезпечення максимальної гнучкості в роботі користувачів панелі інструментів і рядка стану повинні допускати индиивдуальную настроювання. Найпростіший варіант такого настроювання - можливість сховати (не відображати) ці елементи інтерфейсу. У більш складних додатках користувачу надається право чи змінювати перебудовувати елементи, включені в панелі чи інструментів рядка стану.
186
Рекомендується також забезпечувати можливість відображення кожної кнопки на панелі інструментів принаймні двох розмірів: 24 на 22 і 32 на 30 пикселов. Якщо для позначення кнопок використовуються графічні мітки, вони повинні мати розміри не більш ніж 16 на 16 і 24 на 24 пикселов відповідно.
Продумайте також можливість створення переміщуваної користувачем панелі інструментів. Хоча панель інструментів за замовчуванням відображається як пристыкованная до визначеного краю чи вікна панелі, у яких вона використовується, дозволите користувачу переміщати її до іншого чи краю відображати у виді вікна палітри (мал. 5.33).
Рис. 5.33. Переміщувана панель інструментів
Для переміщення панелі інструментів необхідно установити покажчик на будь-якій вільній ділянці панелі і, натиснувши ЛКМ, перетягнути її на нове місце. Якщо нова позиція знаходиться в межах гарячої зони краю вікна, додаток повинний автоматично пристикувати панель до краю вікна (після того, як користувач відпустить кнопку миші). Якщо ж нова позиція знаходиться поза гарячою зоною краю вікна, панель інструментів перетвориться у вікно палітри. Щоб знову пристикувати панель до краю вікна, користувач повинний установити покажчик на смузі заголовка вікна палітри і, натиснувши ЛКМ, переміщати це вікно, поки покажчик не виявиться в гарячій зоні; коли користувач відпустить кнопку миші, панель інструментів відображається в пристыкованном стані.
Під час переміщення панелі інструментів забезпечте візуальний зворотний зв'язок, відобразивши, наприклад, переміщення контуру панелі інструментів. Коли покажчик входить у гарячу зону вікна, зміните відповідним чином контур панелі інструментів, щоб користувач міг візуально контролювати операцію (мал. 5.34).
Рис.
5.34. Візуалізація переміщення панелі
інструментів
Ви можете також підтримати для панелі інструментів настроювання користувачем інших параметрів, таких наприклад, як зміна розмірів панелі інструментів, стикування декількох панелей, розміщення їх у необхідному порядку і т.п.
Не рекомендується включати до складу панелі інструментів і рядка стану елементи, до яких користувач не може одержати доступ другим шляхом. Крім того, завжди зберігайте поточну позицію, розмір і іншу інформація про панель інструментів і рядку стану, для того щоб вони могли бути відновлені в колишньому виді, коли користувач знову відкриває вікно додатка.
Для рядка стану підтримується також можливість включення в неї регулятора для калібрування розміру вікна, описаного в главі 4. При реалізації цієї можливості варто мати на увазі наступне.
Не можна одночасно відображати регулятор у двох позиціях: у рядку стану і на перетинанні смуг прокручування вікна (у його стандартній позиції). Коли на екрані відображається рядок стану, що містить регулятор, то зі стандартної позиції він повинний бути прибраний; якщо ж користувач забирає рядок стану, відновите регулятор на стандартній позиції.
Стандартні кнопки панелі інструментів
Табл. 5.6 ілюструє стандартні формати кнопок "загального призначення" які можуть бути використані в будь-якому додатку.
Застосовуйте приведені вище зображення тільки для позначення описаних функцій. Послідовність у їхньому використанні дозволяє користувачу застосовувати знання і навички, отримані при роботі з одним програмним продуктом, у будь-якому іншому. Якщо ж одна зі стандартних піктограм використовується для
188
Формати стандартних кнопок панелі інструментів
5.6. ІНШІ ЕЛЕМЕНТИ ГРАФІЧНОГО ІНТЕРФЕЙСУ
Система підтримує поряд з розглянутими вище й інші елементи графічного інтерфейсу користувача, що можуть бути корисні при розробці додатків.
190
5.6.1. БЛОК, ЩО ГРУПУЄ
Блок, що групує, (Group Box) - .що спеціальний елемент, що застосовується для візуального об'єднання декількох елементів інтерфейсу (у тому числі різнотипних). Він являє собою прямокутну рамку, постачену текстовою міткою, що оточує групу елементів інтерфейсу, як показано на мал. 5.35. блок, Що Групує, звичайно не передбачає можливість безпосередньої взаємодії з користувачем, проте ви можете надати навігаційний доступ до елементів у групі, використовуючи клавішу <Таь>, чи призначаючи клавішу доступу до мітки блоку, що групує.
