Тема 8: Засоби управління графічним інтерфейсом користувача.

💸 Как сделать бизнес проще, а карман толще?

Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое раписание, но и напоминать клиентам о визитах тоже. Проблема в том, что средняя цена по рынку за такой сервис — 800 руб/мес или почти 15 000 руб за год. И это минимальный функционал. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
⚡️ Для новых пользователей первый месяц бесплатно. А далее 290 руб/мес, это в 3 раза дешевле аналогов. За эту цену доступен весь функционал: напоминание о визитах, чаевые, предоплаты, общение с клиентами, переносы записей и так далее.
✅ Уйма гибких настроек, которые помогут вам зарабатывать больше и забыть про чувство «что-то мне нужно было сделать».
Сомневаетесь? нажмите на текст, запустите чат-бота и убедитесь во всем сами!

Управління - загальний термін для компонентів інтерфейсу типу слайдерів, кнопок, кадрів (фреймів), перемикачів і т. ін., які слугують, щоб замінити функції знайомими або близькими за повсякденним використанням примітивами.

Кнопки використовуються, щоб вибрати опцію або викликати подію (наприклад, запуск підпрограми).

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

Слайдери - зазвичай це елемент «смуга прокрутки». Слайдери можуть бути вміщені або в горизонтальну або вертикальну лінійку на екрані.

Мітки і текстові блоки використовуються для роботи з текстовою інформацією. Відмінність між ними: текстові поля, дозволяють користувачеві вводити текстові дані в поля, в той час як мітки – поля, що не редагуються, а використовуються тільки для відображення тексту, на зразок підказок, команд користувача і т.д.

Списки - спеціалізовані засоби керування, які відображають списки значень (часто з приєднаними слайдерами, для спрощення руху), що розкриваються і дозволяють користувачеві вибирати значення із списку, або вводити інше значення в приєднане текстове поле. Списки - це зручний і компактний елемент інтерфейсу, який займає мінімум місця на екрані і в той же час несе велике інформаційне навантаження.

У інтерфейсі безпосереднього маніпулювання, користувачі виконують дії безпосередньо на видимих об'єктах. Цими об'єктами можуть бути кнопки, мітки, меню або зображення (іконки).

Всі іконки можна класифікувати згідно з тим, наскільки точно вони відображають несучу функцію:

· Іконки подібності - іконки схожі на об'єкти, які вони відображають (типу ножиць, щоб відобразити операцію ' видалення');

· Іконки за зразком представляють приклад типу об'єкта (наприклад іконкою, що показує лінію, щоб представити засіб малювання);

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

· Довільні іконки - не несуть ніякої інформації з приводу їх уявлення, тому їх призначення повинне бути описане (наприклад, зворотна кругова стрілка, щоб представити дію «скасування останньої команди»).

Необхідний елемент автоматизованої системи - меню, що дозволяє користувачеві виконувати задачі всередині додатку і управляти процесом прийняття рішень. Меню - набір опцій, що відображаються на екрані, де користувачі можуть вибирати і виконувати дії, тим самим проводячи зміни в стані інтерфейсу. Достоїнство меню в тому, що користувачі не повинні пам'ятати назву елемента або дії, яку вони хочуть виконати - вони повинні тільки розпізнати його серед пунктів меню. Таким чином меню може використати навіть недосвідчений користувач. Однак, проект меню повинен бути ретельно продуманий щоб меню було ефективним, назви пунктів меню повинні бути очевидними.

Меню може займати багато екранного місця, але є рішення для цієї проблеми - використання спливаючого або спадаючого меню. При натисненні на іконку, рядок меню або інший об'єкт викликається спливаюче або спадаюче меню.

У процесі проектування системи меню додатку, необхідно прийняти найкращий спосіб відображення меню, щоб воно було зрозуміле і легке у використанні. Звичайно команди меню впорядковані деяким ієрархічним способом. Основна проблема полягає в тому, щоб правильно розподілити різні пункти меню по різних рівнях і правильно їх згрупувати. Дослідження показують, що є чотири найбільш ефективні варіанти для організації меню:

· Структура меню повинна відповідати системній структурі задачі, що вирішується, організація меню повинна відобразити найбільш ефективну послідовність кроків, щоб досягнути розв’язку поставленої задачі;

· Пункти Меню повинні бути короткими, граматично правильними і відповідати своєму заголовку в меню. Порядок пунктів меню обирається згідно з угодою (термінологією), частотою використання, порядком використання, в залежності від потреб або задачі користувача;

· Вибір пунктів меню має бути забезпечуватися декількома способами: за допомогою клавіатури, за допомогою миші, а також через інші об'єкти призначеного для користувача інтерфейсу. Необхідно використати ті поєднання клавіш, що легко запам'ятовуються для більш швидкого доступу до пунктів меню, оскільки це значно економить робочий час користувача.

Форми - основний елемент інтерфейсу. Призначення форм - зручне угрупування типової інформації та повідомлень автоматизованої системи.

· Форма проектується для більш зручного, більше за зрозуміле і найшвидше досягнення рішення поставленої задачі. Якщо форма переноситься з паперової форми, то пересування по суміжних полях не повинне викликати ускладнень у користувача;

· Розміщення інформаційних одиниць на просторі форми повинно відповідати логіці її майбутнього використання: це залежить від необхідної послідовності доступу до інформаційних одиниць, частотою їх використання, а також від відносної важливості елементів;

· Важливо використати незаповнений простір, щоб створити рівновагу і симетрію серед інформаційних елементів форми, для фіксації уваги користувача в потрібному напрямі;

· Логічні групи елементів необхідно відділяти пропусками, рядками, колірними або іншими візуальними засобами;

· Взаємозалежні або пов'язані елементи повинні відображатися в одній формі.

· Для окремих полів заголовок повинен бути вирівняний за лівою межею; для полів списків, заголовок повинен бути вище і лівіше по відношенню до основного поля, числові поля вирівнюються по правому полю;

· Довгі стовпчикові поля або довгі стовпці інформаційних одиниць з одиночними полями необхідно об'єднувати в групи по п'ять елементів, що розділяються пустим рядком - це допомагає користувачеві уявно обробляти інформацію по виділених групах;

· У формах з великою кількістю інформації необхідно виділяти назви розділів, які однозначно свідчать про характер інформації, що належить їм;

· Необхідно чітко розділити відображення заголовків і безпосередньо полів введення, оскільки така плутанина може викликати дискомфорт у користувача.

· Заголовки повинні бути короткими, знайомими і змістовними;

· Поля, необов'язкові для заповнення, або ті, що не мають особливій важливості повинні відрізнятися візуально (кольором або іншими ефектами) від полів важливих і обов'язкових для заповнення.

· Необхідно забезпечити введення значень за умовчанням у всі поля, які це допускають і така функція не буде роздратовувати користувача. Можна призначити клавіші або коди для введення що часто повторюються значень;

· Вхідні дані повинні бути значущими і загальноприйнятими. Дані або коди на міжнародною мовою будуть простіше для пізнавання і розуміння, чим довільні коди;

· Не об'єднаєте поля введення чисел і символів, оскільки числові і алфавітні клавіші знаходяться незручно відносно один одного на клавіатурі;

· Створювати поля введення необхідно короткими, наскільки це можливе;

· Необхідно виключити часте перемикання між верхнім і нижнім регістрами для прискорення введення даних;

· Не можна вимагати від користувача введення незначущих цифр (наприклад, замість 00000010 користувач повинен ввести тільки 10).

Організація системи навігації і системи відображення станів

Навігація забезпечує користувачеві здатність переміщатися між різними екранами, інформаційними одиницями і підпрограмами в автоматизованій системі. У повноцінній системі користувач завжди може отримати інформацію про стан системи, процесу виконання або активній підпрограмі.

Існує ряд навігаційних коштів і прийомів, які допомагають користувачеві орієнтуватися в системі. Вони включають: використання заголовків сторінок для кожного екрана; використання номерів сторінок; номерів рядків і стовпців; відображення поточного імені файла вгорі екрана. Тип системи навігації залежить від прийнятого стилю інтерфейсу. Для інтерфейсів мови команд дуже мало способів забезпечення повноцінної навігації. У інтерфейсах з меню можна використати ієрархічно-структуроване меню. Для виходу з підміню треба застосовувати не складні дії. Діалогові інтерфейси самі по собі захищають користувача від помилкових дій. Інформація Стану звичайно відображається внизу екрана і містить в собі дані кількостей записів, числі оброблених одиниць, процесі друку, черги друку і т.д.

Повідомлення необхідні для напряму користувача в потрібну сторону, підказок і попереджень для виконання необхідних дій на шляху вирішення задачі. Вони також включають підтвердження дій з боку користувача і підтвердження, що задачі були виконані системою успішно або по якихсь причинах не виконані. Повідомлення можуть бути забезпечені в формі діалогу, екранних заставок і т. ін..

Повідомлення можуть запропонувати користувачеві:

· Вибрати із запропонованих альтернатив деяку опцію або набір опцій;

· Вибрати опцію з набору опцій, які можуть змінюватися в залежності від поточного контексту;

· Підтвердіть фрагмент введеної інформації перед продовженням введення.

Повідомлення можуть бути вміщені в модальні діалогові вікна, які змушують користувача відповісти на питання раніше, ніж може бути зроблене будь-яка інша дія, тому що всі інші кошти управління заморожені. Це може бути корисне, коли система повинна змусити користувача ухвалити рішення перед продовженням роботи. Немодальні діалогові вікна дозволяють працювати з іншими елементами інтерфейсу, в той час, як саме вікно може ігноруватися.

Запобігання виявлення і виправленню помилок

1. Помилки, які засновані на неправильному розумінні дії або порядку дій;

2. Помилки, які виникли випадково, ненавмисно, наприклад друкарська помилка при введенні тексту.

Також помилки випадкового типу можуть бути розділені ще на шість видів:

· помилки неточності вибору опції (наприклад, користувач випадково натиснув кнопку " Вихід" і програма закрилася);

· Помилки управління даними (наприклад, привласнення помилкового імені файла через неточність відображення останнього);

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

· Помилка втрати активності, коли користувач забуває необхідну послідовність дій для продовження роботи;

· Помилка режиму або стану - коли користувач думає, що він знаходиться в одному стані, але - фактично в іншому, наприклад режим вставки замість режиму друку понад тексту в текстовому процесорі.

Користувач завжди буде робити помилки, навіть у відмінній програмній системі. Тому в системі, що розробляється завжди має бути передбачений захист від помилок. Техніка захисту від помилок включає в себе наступні аспекти:

· Примусові дії в системі, які запобігають або ускладнюють появу помилок;

· Забезпечення хороших та інформативних повідомлень про помилки;

· Використання оборотних дій, які дозволяють користувачам виправляти їх власні помилки;

· Забезпечення нормальної діагностики системи, в процесі якої користувачеві пояснюється, в чому суть помилки і пропонуються шляхи її виправлення;

· Забезпечити можливість посимвольного редагування введених записів для виправлення помилок введення (друкарських помилки);

· Якщо помилка була виявлена системою, бажано повернути курсор в полі з помилковими даними і яким-небудь образом виділити це поле візуально;

· Забезпечити значущі повідомлення про помилки, що використовують стиль мови користувача і відповідну термінологію;

· Забезпечте повідомлення про помилки, які пояснюють і пропонують шляхи її усунення;

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

Людинно-машинні інтерфейси визначають методи, за допомогою яких користувачі можуть спілкуватися з прикладними системами. У залежності від різних умов, які можуть визначатися як користувачами, так і прикладними системами, інтерфейси цього типу можуть забезпечувати наступні функції:

a) Операції типу " клієнт-сервер" - визначають взаємовідносини між процесом " клієнтом" і процесом " сервером" в мережі, зокрема, між процесами, що мають місце при відображенні за допомогою графічного, призначеного для користувача інтерфейсу. У цьому випадку програма, яка управляє кожним дисплейним пристроєм, реалізовує процес-сервер, в той час як призначена для користувача програма представляє процес-клієнт, який створює запит обслуговування сервером.

b) Визначення об'єктів і управління - включає специфікації, за допомогою яких задаються характеристики елементів, що відображаються: колір, форма, розміри, рушення, графічні характеристики, взаємодія між окремими елементами і т.ін..

c) Параметри вікон - специфікації, які дозволяють визначити як створюються вікна, пересуваються, зберігаються, відновлюються, віддаляються і взаємодіють одне з одним.

d) Підтримка діалогу - специфікації, за допомогою яких встановлюються взаємовідношення синхронно із подіями, що відображуються на екрані (в тому числі рушення курсору, дані, інформація, введена з клавіатури і додаткових пристроїв), і тим, як змінюється зображення в залежності від даних, що отримує система.

e) Специфікації мультимедіа, включаючи «API – специфікації», визначення функцій і форматів даних, які підтримують маніпуляції різними формами цифрової і аналогової аудіовізуальної інформації в рамках єдиної прикладної системи.