- •Методичні вказівки
- •Частина 2
- •4 Лабораторна робота № 4
- •4.3 Приклад використання інформаційної графіки, миші і клавіатури.............................................................................86
- •5 Лабораторна робота № 5
- •5.1 Мета роботи...................................................................91
- •5.2 Основні теоретичні відомості......................................91
- •Лабораторна робота № 4 Етапи проектування і створення користувальницького інтерфейсу. Інформаційна графіка. Використання миші та клавіатури. Дизайнерська доробка інтерфейсу.
- •4.1 Мета роботи
- •4.2 Основні теоретичні відомості
- •4.2.1 Моделі організації інформації
- •4.2.2 Елементи візуалізації
- •4.2.3 Сортування і перестановка
- •4.2.4 Пошук і фільтрація
- •4.2.5 Конкретизація даних
- •4.2.6 Клавіатура і миша
- •4.2.7 Основи візуального дизайну
- •4.2.7.2 Шрифти
- •4.2.7.3 Простір і скупченість
- •4.2.7.4 Кути та криві
- •4.2.7.5 Текстура і ритм
- •4.2.7.6 Зображення
- •4.2.7.7 Повторювані візуальні мотиви
- •4.2.7.8 Настільні додатки
- •4.2.8 Застосування шаблонів для компонування сторінок
- •4.3 Приклад використання інформаційної графіки, миші і клавіатури
- •4.4 Завдання до роботи
- •4.5.2 Завдання до роботи.
- •4.6 Контрольні запитання
- •5 Лабораторна робота № 5 Наукові підходи до оцінки якості діяльності людини-оператора системи «людина-техніка-середовище». Формалізація даних на основі узагальненого структурного методу.
- •5.1 Мета роботи
- •5.2 Основні теоретичні відомості
- •5.2.1 Формалізація даних на основі узагальненого структурного методу.
- •5.2.2 Приклад опису процесу функціонування слтс
- •5.2.3 Приклад розрахунку показників функціонування слтс
- •5.3 Завдання до роботи
- •5.4.2 Завдання до роботи.
- •5.5 Контрольні запитання
- •Рекомендована література
4.2.1 Моделі організації інформації
Перше, що користувач бачить в будь-якій візуальній інформації
- це форма, що обрана розробником для представлення даних.
Існує безліч моделей організації інформації. Список найпоширеніших з них наведено в табл.4.1:
Таблиця 4.1 - Поширені моделі організації інформації
Модель |
Схема |
Найбільш поширений вид графіки |
Лінійна |
|
Список або графік однієї змінної
|
Таблична |
|
Електронна таблиця, багатоколоночний список, відсортована таблиця, графік з декількома осями Y та інші багатовимірні графіки |
Ієрархічна |
|
Дерево, каскадний список, деревоподібна таблиця, деревоподібна карта, або орієнтований граф |
Мережева або органічна |
|
Орієнтований граф, або блок-схема
|
Географічна (або просторова)
|
|
Карта або план |
Інша
|
|
Різноманітні графіки, наприклад графіки в паралельних координатах, або деревоподібні карти |
Якщо для виведення даних підходять дві або більше моделей, то необхідно оцінити, які аспекти даних підкреслює кожна з них. Наприклад, якщо дані можуть бути і географічними і табличними, то відображення їх виключно у вигляді таблиці може заслонити їх географічний характер. Якщо також не створити представлення у вигляді карти, то користувач випустить з уваги цікаві особливості або зв'язки в даних.
Обрана користувачем організаційна модель, повинна інформувати його про форму даних. Частина цієї інформації сприймається на підсвідомому рівні: при розпізнанні дерев, таблиць і карт люди приходять до висновку про те, які типи даних представлені в цих структурах ще до того, як починають думати про них свідомо.
Рисунок 4.1 – Шість підсвідомих елементів візуалізації
4.2.2 Елементи візуалізації
З лабораторної роботи №2 вже відомо про принципи компонування елементів. Більшість з цих принципів, особливо подібність і безперервність можна застосувати і тут. Розглянемо найпоширеніші елементи візуалізації. Ці елементи застосовуються для встановлення відмінностей між класами чи вимірами даних будь-якого типу на будь-якій інформаційній графіки. При розробці інформаційних моделей для операторів це називається кодуванням інформації [3].
При необхідності виведення на графіку багатовимірного набору даних, для кодування вимірювань в одному статичному поданні можна використовувати кілька різних візуальних елементів. Розглянемо точкову діаграму (рис. 4.2). Позиція точок визначається уздовж осей X і Y. Колір являє собою третій підсвідомий елемент візуалізації. Форма маркерів є четвертим елементом. Це додаткове кодування допомагає візуально розділяти три групи даних.
Таке кодування схоже з загальною концепцією графічного дизайну під назвою «багаторівневе уявлення». При перегляді добре відпрацьованої ілюстрації будь-якого типу, сприймаються різні класи інформації. Такі елементи як колір, змушують деякі з цих класів виділятися, але завдяки схожості залишається видним зв'язок між ними.
Рисунок 4.2 – Кодування за допомогою трьох підсвідомих елементів візуалізації на точковій діаграмі