Інтерфейс користувача. Вступ. Основні поняття

1. Вступ. Основні поняття

2. План лекції

1.
2.
3.
4.
Інтерфейс користувача
Характеристики якісного інтерфейсу
Типи інтерфейсів користувача
Графічний інтерфейс користувача
2

3. Інтерфейс користувача

Засіб зручної взаємодії користувача з
інформаційною системою
Сукупність засобів для обробки та
відображення інформації, якнайбільше
пристосованих для зручності
користувача
3

4. Характеристики якісного інтерфейсу

Ясність. Інтерфейс дозволяє уникати двозначності, та робить все зрозумілим через мову, потік,
ієрархію та метафори для зорових елементів.
Виразність. Легко зробити інтерфейс прозорим, завдяки надмірному уточненню та маркуванню
всього, але це призводить до його роздування, де одночасно на екрані є надто багато елементів.
Якщо на екрані занадто багато елементів, то знайти те, що ви шукаєте, важко, і через це,
інтерфейс стає нудним у використанні. Справжнє завдання у створенні досконалого інтерфейсу
полягає в тому, щоб одночасно зробити його стислим і зрозумілим.
Знайомство. Навіть якщо хтось використовує інтерфейс вперше, певні елементи, насправді,
можуть бути знайомі. Метафори реального життя, може бути використано для передавання
значення.
Відповідність. Відмінний інтерфейс не повинен бути млявим. Це означає, що інтерфейс мусить
забезпечити користувача хорошим зворотним зв'язком відносно того, що відбувається, та чи
успішно обробляються ввідні дані користувача.
Послідовність. Важливо, щоби ваш інтерфейс було узгоджено з вашою програмою, оскільки він
дозволяє користувачам розпізнавати шаблони використання.
Естетика. Хоча вам і не потрібно, створювати привабливий інтерфейс, щоби він виконував своє
завдання, та робив щось добре, але час, який витрачають користувачі за допомогою вашої
програми, буде приємнішим; і більш щасливі користувачі можуть робити лише хороші справи.
Продуктивність. Час — це гроші, і класний інтерфейс повинен зробити користувача
ефективним, за допомогою ярликів та гарного дизайну.
«Прощення». Гарний інтерфейс не повинен карати користувачів за їх помилки, але мусить
надавати засоби задля їх усунення.
4

5. Характеристики якісного інтерфейсу

Ясність – інтерфейс дозволяє уникати двозначності
Виразність – досягати «прозорості» не за рахунок
використання значної кількості елементів
Знайомство – намагатися використовувати ті
елементи, які можуть бути знайомі користувачеві чи
асоційовано визначеним
Відповідність – інтерфейс мусить забезпечити
користувача хорошим зворотним зв'язком відносно
того, що відбувається, та чи успішно обробляються
ввідні дані користувача.
Послідовність - важливо, щоби інтерфейс було
узгоджено з програмою, оскільки він дозволяє
користувачам розпізнавати шаблони використання.
5

6. Характеристики якісного інтерфейсу

Естетика – інтерфейс не повинен викликати
певні естетичні незручності.
Продуктивність – робота користувача має
бути ефективна, «мінімум часу на роботу».
«Прощення» - інтерфейс не повинен «карати»
користувачів за їх помилки, але мусить
надавати засоби задля їх усунення.
Однією з вимог до хорошого графічного
інтерфейсу є концепція «роби те, що я маю на
увазі» або DWIM (Do What I Mean): система має
працювати передбачувано, щоб користувач
заздалегідь інтуїтивно розумів, яку дію виконає
програма після отримання його команди.
6

7. Інтерфейс користувача

Графічні інтерфейси користувача
Веб-інтерфейси
Інтерфейси командного рядка
Сенсорний інтерфейс користувача
Апаратні інтерфейси
Об'єктно-орієнтовані інтерфейси
користувача
Інтерфейс пошуку
Текстові інтерфейси користувача
Голосові інтерфейси користувача
7

8. Складові інтерфейсу користувача

8

9. Графічний інтерфейс користувача

тип інтерфейсу, який дозволяє
користувачам взаємодіяти з
електронними пристроями через
графічні зображення та візуальні
вказівки, на відміну від текстових
інтерфейсів, заснованих на
використанні тексту, текстовому
наборі команд та текстовій навігації.
9

10. Графічний інтерфейс користувача

1973 р. – представлено 1-й персональний
комп'ютер Xerox Alto, розроблений у НДЦ
компанії Xerox (PARC) у Пало-Альто
(Каліфорнія, США).
Він вже мав графічний інтерфейс (GUI),
який пізніше служив прикладом для Apple
Computer у створенні операційної
системи для Macintosh і Microsoft для
розробки інтерфейсу Windows.
10

11. Графічний інтерфейс користувача

Графічний інтерфейс є «дружнім» для
користувачів.
В програмах обробки графіки він
найчастіше є єдино можливим.
Більше споживання пам'яті в порівнянні з
текстовим інтерфейсом
Складніше організувати дистанційну
роботу
Неможливість автоматизації, якщо вона
не була закладена автором програми
11

12. Характеристики GUI

підтримує ідею сумісності між програмами;
користувачі можуть бачити графічні зображення і
текст на екрані в тому вигляді, в якому вони будуть
роздруковані;
слідує концепції інтерактивної взаємодії "об'єкт дія";
дозволяє переміщувати інформацію між
програмами;
надає можливість безпосереднього маніпулювання
об'єктами та інформацією на екрані;
пропонує стандартні елементи інтерфейсу (меню та
діалогові вікна);
12

13. Характеристики GUI

забезпечує візуальне відображення інформації і
об'єктів (іконки і вікна);
забезпечує візуальний зворотній зв’язок в процесі
виконання користувачами дій та задач;
Надає візуальне відображення дій
користувача/системи, а також режимів (меню,
палітри);
використовує графічні керуючі елементи, які
дозволяють користувачам робити вибір та
вводити дані;
надає користувачам можливість налагодити та
персоналізувати інтерфейс та інтерактивні дії;
забезпечує гнучкість переходу від клавіатури до
іншого пристрою введення даних.
13