- •Методичні вказівки
- •Частина 1
- •1 Лабораторна робота №1
- •2 Лабораторна робота № 2
- •2.1 Мета роботи...................................................................14
- •3 Лабораторна робота № 3
- •3.1 Мета роботи...................................................................37
- •1 Лабораторна робота № 1
- •1.1 Мета роботи
- •1.2 Основні теоретичні відомості
- •1.3 Завдання до роботи
- •1.4.2 Завдання до роботи.
- •1.5 Контрольні запитання
- •Лабораторна робота № 2 Етапи проектування і створення користувальницького інтерфейсу. Розробка структури, форм і макета екрану інтерфейсу
- •2.1 Мета роботи
- •2.2 Основні теоретичні відомості
- •3) Візуальний потік інтерфейсу.
- •4) Групування та вирівнювання елементів інтерфейсу.
- •5) Застосування шаблонів для компонування сторінок.
- •2.3 Приклад розробки структури та макета екрану інтерфейсу
- •2.4 Завдання до роботи
- •2.5.2 Завдання до роботи.
- •2.6 Контрольні запитання
- •3 Лабораторна робота № 3 Етапи проектування користувальницького інтерфейсу. Вибір елементів керування. Текст і числа.
- •Мета роботи
- •Основні теоретичні відомості
- •3.2.1 Основи дизайну форм
- •3.2.2 Вибір елементів керування
- •3.2.2.1 Списки елементів
- •3.2.2.2 Текст
- •3.2.2.3 Числа
- •3.2.2.4 Дата і час
- •3.2.3 Приклад розробки інтерфейсу користувача з елементами керування
- •3.3 Завдання до роботи
- •3.4.2 Завдання до роботи.
- •3.5 Контрольні запитання
- •Рекомендована література
3.2.2.1 Списки елементів
Вибір елемента керування залежить від того, скільки елементів або варіантів дозволяється обирати користувачеві (один або багато), а також від числа елементів у списку (два, декілька або багато).
Елементи керування для вибору одного з двох варіантів (бінарний вибір)
Прапорець
Переваги: простий, займає мало місця.
Недоліки: недвозначно визначає тільки один варіант, тому його протилежність залишається неявною і не сформульованою.
Два перемикача
Переваги: обидва варіанти сформульовані і видні на екрані.
Недоліки: займають більше місця.
Список, що розкривається з двома варіантами вибору
Переваги: обидва варіанти сформульовані; невеликий і передбачуваний об'єм займаного простору; просте розширення при необхідності додати більш ніж двох варіантів.
Недоліки: одночасно на екрані видно тільки один варіант.
Кнопка-перемикач с «залипанням»
Переваги: ті ж, що і у прапорця.
Недоліки: ті ж, що у прапорця. Крім того, вона не сприймається в якості стандартного елемента керування для вибору текстових значень.
Меню з двома елементами, що представляють собою перемикачі
Переваги: займає дуже мало місця, тому що знаходиться в смузі меню або спливаючому меню.
Недоліки: спливаючі меню іноді важко виявити; вимагає великої вправності.
Елементи керування для вибору одного з N елементів, коли число N невелике
N перемикачів
Переваги: всі варіанти вибору завжди видно на екрані.
Недоліки: займає багато місця.
• Список, що розкривається з N елементів
Переваги: займає мало місця
Недоліки: одночасно видно тільки один варіант вибору, за винятком ситуації, коли список відкритий.
Набір з N взаємовиключних піктографічним кнопок-перемикачів
Переваги: займає мало місця; видно всі варіанти вибору.
Недоліки: значки можуть бути складними для розуміння і вимагати спливаючих підказок, користувачі можуть не усвідомлювати, що варіанти вибору взаємовиключні.
• Меню з N елементів, що представляють собою перемикачі
Переваги: займає мало місця в головному інтерфейсі; видно всі варіанти вибору.
Недоліки: спливаючі меню буває важко виявити; вимагає великої вправності.
• Список або таблиця, що допускають єдиний вибір
Переваги: видно кілька варіантів вибору; рамку можна зробити невеликою, залишивши на увазі тільки три елементи.
Недоліки: займає більше місця, ніж список, що розкривається або лічильник.
Лічильник
Переваги: займає мало місця.
Недоліки: одночасно видно тільки один варіант вибору; вимагає великої вправності; незнайомий непідготовленим користувачам. Звичайно краще використовувати список, що розкривається.
Елементи керування для вибору одного з N елементів, коли N велике
• Список, що розкривається з N елементів, при необхідності прокручуваний
Переваги: займає мало місця.
Недоліки: одночасно видно тільки один варіант вибору, за винятком ситуації, коли список розкрито; вимагає великої вправності для прокручування елементів у списку, що розкривається.
• Список або таблиця, що допускають єдиний вибір
Переваги: видно кілька варіантів вибору, при необхідності можна зробити зовсім невеликим.
Недоліки: займає більше місця, ніж список, що розкривається.
Допускає єдиний вибір дерево або каскадний список з елементами, розбитими на категорії
Переваги: видно кілька варіантів вибору; в певних випадках організація даних полегшує пошук елементів.
Недоліки: можуть бути незнайомі непідготовленим користувачам; займають багато місця; вимагають великої вправності.
Елементи керування для вибору декількох з N елементів у будь-якому порядку
• Масив з N прапорців
Переваги: всі варіанти сформульовані і видні на екрані.
Недоліки: займає багато місця.
• Масив з N кнопок, що«залипають»
Переваги: займає мало місця; всі варіанти вибору видно на екрані.
Недоліки: значки можуть бути складними для розуміння і вимагати спливаючих підказок; кнопки можуть здатися взаємовиключними.
• Меню з N елементів, що представляють собою прапорці
Переваги: займає мало місця в головному інтерфейсі; видно всі варіанти вибору.
Недоліки: спливаючі меню буває важко виявити; вимагає великої вправності.
• Список або таблиця, що допускають множинний вибір
Переваги: на екрані видно кілька варіантів вибору, а при необхідності можна зробити цей елемент дуже невеликим.
Недоліки: не всі варіанти вибору видно без прокрутки; займає багато місця, користувачі можуть не розуміти, що список допускає множинний вибір.
• Список елементів, що представляють собою прапорці
Переваги: на екрані видно кілька варіантів вибору, а при необхідності цей елемент керування можна зробити зовсім невеликим; засіб вибору (прапорець) представлено очевидним чином.
Недоліки: не всі варіанти вибору видно без прокрутки; займає багато місця.
Дерево, що допускає множинний вибір або каскадний список, елементи якого розбиті на категорії
Переваги: на екрані видно кілька варіантів вибору; в певних випадках організація даних полегшує пошук елементів.
Недоліки: можуть бути незнайомі непідготовленим користувачам; вимагають великої вправності; виглядають так само, як дерево або список з єдиним вибором.
• Користувальницький варіант браузера, наприклад, для пошуку файлів, кольорів або шрифтів
Переваги: добре підходить для перегляду доступних варіантів.
Недоліки: може бути незнайомий деяким користувачам; складний у розробці дизайну; найчастіше представляє собою окреме вікно, тому його швидкодія звичайно нижча, ніж у елементів керування, що знаходяться прямо на сторінці.