- •Лекція 7
- •Тема 7: Основні принципи створення інтерфейсу.
- •Взаємодія між користувачем і комп'ютером.
- •Взаємодія між користувачем і комп'ютером
- •Розміщення інформації на екрані
- •Виділення елементів інтерфейсу яскравістю
- •Використання кольору при проектуванні ергономічного інтерфейсу
- •Несуперечність і стандартизація
- •Тексти і діалоги
Розміщення інформації на екрані
Кількість інформації, що відображається на екрані, називається екранною щільністю. Дослідження показали, що, чим менше екранна щільність, тим інформація, що відображається найбільш доступна і зрозуміла для користувача і навпаки, якщо екранна щільність велика, це може викликати ускладнення в засвоєнні інформації і її ясному розумінні. Однак, досвідчені користувачі можуть віддавати перевагу інтерфейсам з великою екранною щільністю. Інформація на екрані може бути згрупована і впорядкована в значущі частини. Це може бути досягнуте з використанням кадрів (фреймів), методів типу колірного кодування, рамок, негативного зображення або інших методів залучення уваги.
Виділення елементів інтерфейсу яскравістю
Для залучення уваги до яких-небудь елементів інтерфейсу можна скористатися виділенням цих елементів більшою яскравістю на фоні інших більш темних. Однак, не варто зневажати цим методом, оскільки велика кількість яскравих елементів може викликати дискомфорт у користувача. Таким чином, можна досягнути зворотного ефекту перевантаження інтерфейсу. Застосовувати цей метод треба тільки за необхідності. Існує декілька способів виділення яскравістю:
Рушення (мерехтіння або зміна позиції). Дуже ефективний метод, оскільки око має спеціальний детектор для рухомих елементів;
Яскравість. Не дуже ефективний метод, оскільки люди розрізняють лише декілька рівнів яскравості;
Колір - використання кольору може бути надзвичайне ефективне;
Форма (символ, шрифт, форма символа). Використовується для того, щоб відрізнити різні категорії даних;
Використання різних алфавітів (шрифтів) в різних формах;
Розмір (тексту, символів). Звичайно застосовують збільшення виділеного об'єкта в 1.5 рази;
Відтінення (різна текстура об'єктів). Ефективний метод для залучення уваги до якої-небудь частини екрана;
Оточення (підкреслення, рамки, інвертоване зображення). Дуже ефективний цей метод при одиночному застосуванні.
Використання кольору при проектуванні ергономічного інтерфейсу
Колір може покращити інтерфейс користувача, але для багатьох систем використання кольору практично не впливає на ефективність роботи користувача. Основне призначення кольору - в створенні інтерфейсів, більш цікавих для користувачів. Однак, є випадки, де колір може допомогти проектувальнику інтерфейсу користувача. Це найбільш ефективно коли колір використовується для:
угрупування інформації;
виділення відмінностей між інформацією;
виділення простих повідомлень (помилки, стану і т.д.)
Колір - могутній візуальний інструмент, але застосовувати його необхідно дуже обережно, щоб не викликати дискомфорту у користувача помилковими колірними комбінаціями.
Приведемо деякі принципи використання кольору, якими треба керуватися при проектуванні ергономічного інтерфейсу:
необхідно обмежити число кольорів до 4 на екрані і до 7 для послідовності екранів; для неактивних елементів треба використати бліді кольори;
якщо колір використовується для кодування інформації, необхідно пересвідчитися, що користувач правильно розуміє код, наприклад, прострочені рахунки виділяються червоним кольором, а непрострочені - зеленим;
необхідно використати кольори згідно з представленнями користувача, наприклад, для картографа зелений - ліс, жовтий - пустеля, синій - вода. Для хіміка, червоний -гарячий, синій - холодний;
для відображення стану: червоний = небезпека/стоп, зелений = нормально/продовження роботи, жовтий = застереження;
для залучення уваги найбільш ефективні білий, жовтий і червоний кольори;
для упорядкування даних можна використати спектр 7 кольорів (райдуга);
для розділення даних необхідно вибрати кольори з різних частин спектра (червоний / зелений, синій / жовтий, будь-який колір / білий);
для угрупування даних, об'єднання і подібності треба використати кольори, які є сусідами в спектрі (оранжеві / жовті, сині / фіолетові);
Важливо зазначити, що біля 9% людей не розрізнюють кольору, (звичайно червоно - зелені поєднання). Однак, ці люди можуть відрізняти чорно-білі відтінки, тому проектувальники автоматизованих систем повинні перевіряти, чи не порушує сприйняття користувачів цієї категорії використання різних кольорів в інтерфейсах програмних продуктів.
