ПРОЕКТУВАННЯ ІНТЕРФЕЙСА КОРИСТУВАЧА ІС
Інтерфейс користувача ­­–– це взаємодія між людиною і комп’ютером
Поняття про інтерфейс користувача в людино-машинних системах
Узгодженість інтерфейсу
Стандарт побудови графічного інтерфейсу (GUI) від корпорації Microsoft
Принципи розробки інтерфейсу користувача від фірми Microsoft
Інтерфейс GUI
Інтерфейс GUI
Інтерфейс GUI
Інтерфейс GUI
Принципи проектування екрану
Принципи проектування екрану
Діаграма використання системи
Принципи проектування екрану
Питання для самоперевірки
118.76K
Category: softwaresoftware

Проектування інтерфейса користувача ІС

1. ПРОЕКТУВАННЯ ІНТЕРФЕЙСА КОРИСТУВАЧА ІС

2. Інтерфейс користувача ­­–– це взаємодія між людиною і комп’ютером

Інтерфейс користувача –– це взаємодія між
людиною і комп’ютером
• .Людино–машинний діалог потребує встановлення низки
правил для забезпечення їх взаємодії.
• На теоретичному рівні інтерфейс включає три основні поняття:
• 1. Взаємодія комп’ютера із користувачем;
• Спосіб спілкування комп’ютера з користувачем (мова
представлення) визначається клієнтським додатком
(прикладною програмною системою). Додаток керує доступом і
обробкою інформації, представленням її у зрозумілому для
користувача вигляді.
• 2. Взаємодія користувача з комп’ютером;
• Відповідь користувача реалізується через інтерактивну
технологію, елементами якої можуть бути такі дії як вибір
об’єкта за допомогою клавіші або маніпулятора миша. Все це
складає другу частину інтерфейсу - мову дій.
• 3. Подання інтерфейсу користувачу.

3. Поняття про інтерфейс користувача в людино-машинних системах

Поняття про інтерфейс користувача в людиномашинних системах
• Комп‘ютерні управляючі системи за ступенем
втручання людини в управління розрізняються на
автоматизовані та автоматичні. Автоматичні
системи управління функціонують по наперед
заданим алгоритмам і не потребують втручання
людини. Обслуговуючий персонал втручається в
роботу автоматичної системи тільки в разі потреби
зміни програми, ремонту або профілактики.
• Автоматизовані системи вважаються людиномашинними системами. Їх функціонування
відбувається безпосередньо під управлінням
користувача або оператора.

4. Узгодженість інтерфейсу

• Ефективність інтерфейсу обумовлена швидким
засвоєнням користувачем простої моделі взаємодії
з комп’ютером. Цього можна досягти через
узгодженість Існує три аспекти узгодженості:
• Фізична узгодженість –– відноситься до
узгодженості технічних засобів.
• Синтаксична узгодженість забезпечується певною
послідовністю і порядком розташування елементів
на екрані (мова представлення) та послідовністю
дій користувача (мова дій).
• Семантична узгодженість –– визначена
значеннями елементів, що утворюють інтерфейс.

5. Стандарт побудови графічного інтерфейсу (GUI) від корпорації Microsoft

• Графічний інтерфейс користувача (Graphical User
Interface) GUI –– це тип екранного представлення,
завдяки якому користувач може вибирати команди,
запускати задачі і проглядати списки файлів,
вказуючи на візуальні позначки (піктограми) або
пункти у списках меню, що виведені на екран.
• Дії виконуються за допомогою миші або клавіатури.
• Графічні інтерфейси підвищують продуктивність
праці користувача .
• Продуктивність підвищується тому, що не треба
закривати додатки, а можна користуватися
декількома відкритими вікнами.

6. Принципи розробки інтерфейсу користувача від фірми Microsoft

• а) Головним правилом інтерфейсу GUI є
"Керує користувач".
• б) Наочність.
• в) Одноманітність.
• г) Терпимість до користувача –– підказки Hint.
• д) Зворотний зв’язок –– індикатор прогресу,
Message Box- повідомлення.
• ж) Естетика.
• з) Простота.

7. Інтерфейс GUI

• а) «Керує користувач» Користувач повинен керувати всім,
що відбувається на екрані. Завжди мати можливість
втрутитись у автоматичний процес виконання програми,
перервати його, чи запустити знову. Додатки повинні
завжди повідомляти користувача, що відбувається у
комп’ютері. Користувач повинен мати можливість змінити
колір екранної форми, шрифти і т.д.
• б) Забезпечення наочності, на думку Microsoft, виражено
фразою «Малюнок вартий тисячі слів». Користувач
повинен бачити, як його дії впливають на комп’ютерний
об’єкт. Суттєвим моментом в інтерфейсі GUI є
використання метафор, наприклад «Папка», «Документ»,
«Корзина для паперів». Метафори підтримують концепцію
впізнавання, а не вивчення.

8. Інтерфейс GUI

• в) Одноманітність означає:
• Гарантію, що створений вами додаток дуже схожий у роботі на
операційну систему Windows.
• Гарантію, що ваш продукт підтримує одноманітність всередині
самого себе. Якщо у одному вікні копіювання відбувається при
допомозі комбінації клавіш Ctrl+C, то і в інших вікнах повинно
так бути.
• Гарантію одноманітності метафор. Одна піктограма не може
зображувати Recycled Bin (корзину) та Black Hole (чорну діру для
знищення файлів).
• г) Терпимість до користувача забезпечується наявністю
підказок, допомоги, довідникової інформації. Якщо користувач
виконує операцію, що може зруйнувати інформацію, в засобах
інтерфейсу слід передбачити діалогові вікна, що повідомлять
користувача про можливі наслідки виконуваних дій.

9. Інтерфейс GUI

• д) Наявність зворотного зв‘язку дозволяє зрозуміти
користувачеві що відбувається в системі, коли зовні
здається комп‘ютер "висить". Для цього
використовується індикатор прогресу, якщо
відбувається запис інформації на зовнішній носій,
мультиплікація копіювання, перетворення форми
курсору на пісочний годинник і т.д.
• ж) Естетика. Екранні форми інтерфейсу повинні бути
виконані акуратно з рівномірним розташуванням
елементів на екрані. Колір екранної форми, її
елементів та надписів не повинен втомлювати
користувача, бути занадто яскравим, або темним. Всі
форми інтерфейсу повинні бути витримані в одному
стилі і своїм оформленням не відволікати користувача
від основної роботи.

10. Інтерфейс GUI

• з) Простота інтерфейсу полягає в його
лаконічності. Форми не повинні бути
переобтяжені зайвими елементами та
надписами. Слід передбачити зникнення
елементів інтерфейсу (невидимість) в тому
разі, коли потреба в них відпала.

11. Принципи проектування екрану

• Існує шість принципів організації екрану:
• Читаність і послідовність;
• Взаємозв’язок елементів; (Взаємодія елементів
вашого додатку повинна бути візуальною. Якщо
кнопка розгортає вікно списку, то ці компоненти
повинні бути візуально зв’язані між собою таким
чином, щоб це було зрозуміло користувачу.)
• Структурованість і збалансованість;
• Структурованість означає збалансовану взаємодію
між вікнами і представленою в них інформацією.
Збалансованість – це оптимальне розподілення
інформації між вікнами.

12. Принципи проектування екрану

• Для забезпечення структурованості та
збалансованості інтерфейсу слід використовувати а)
Діаграму варіантів використання системи; б)
Діаграму класів.)
• Сфокусованість і акценти;
• Поняття сфокусованості означає присутність деякої
головної теми , якій підпорядкована композиція
екрану. Акцент відноситься до вибору ключових
органів управління даної теми. Користувач повинен
розуміти призначення даного екрану і що на ньому
більш важливе.

13. Діаграма використання системи

14. Принципи проектування екрану

• Інформаційна ієрархія
• Принцип ієрархії відноситься, як до проектування
екрану, так і до розробки структур даних. Треба
виділити яка інформація найбільш важлива для
користувача і повинна бути відображена на
головній формі, а яка повинна бути представлена
при необхідності в другу і третю чергу;
• Єдність і інтегрованість.
• Єдність і інтегрованість показує, як ваш додаток
вписується у загальну організацію робочого
простору системи. Як буде взаємодіяти з іншими
додатками.

15. Питання для самоперевірки

• Яку мову прийнято називати мовою дій, яку
мовою представлень?
• В чому полягає принцип узгодженості
інтерфейсу?
• В чому полягає особливість стандарту
інтерфейсу GUI від Microsoft?
• Які компоненти вікна характеризують
інтерфейс GUI ?
• Які принципи проектування екрану диктує
стандарт GUI ?
English     Русский Rules