Інформація про новину
  • Переглядів: 210
  • Дата: 5-04-2021, 00:05
5-04-2021, 00:05

28. Правила ергономічного розміщення відомостей на вебсторінці

Категорія: Інформатика





Попередня сторінка:  27. Розмітка таблиць засобами мови HTML
Наступна сторінка:   29. Практична робота №2. Створення влас...

28.1.

ПОНЯТТЯ ЕРГОНОМІКИ

На минулих уроках ми розглянули принаймні два способи створення власних сайтів. Який з них кращий, обирати власне вам. Ваше завдання створити власний сайт, але перед тим, як приступити до цієї цікавої та творчої роботи, ми ознайомимося з правилами ергономічного розміщення відомостей на вебсторінці.

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

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

Ергономіка в цілому характеризується двома принципами:

• комфорт під час використання, який забезпечує зменшення фізичної та психологічної втоми;

• безпека, яка передбачає вибір відповідних рішень для захисту користувача.

28.2.

КРИТЕРІЇ ЕРГОНОМІКИ

Розглянемо основні критерії ергономіки в процесі створення сайту.

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

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

Ще один критерій — чіткість. Доведено, що друкований текст важче читати з монітора, ніж з паперу, що займає на 25% більше часу. Таким чином, текст повинен бути досить розмежований і структурований за параграфами і назвами для полегшення читання.

Інформація повинна мати такі дані, як ім'я автора, дату останнього оновлення і дату публікації. Погана ідея при створенні сайту на головній сторінці розміщувати посилання на сторінки, які ще не зроблені. Елементи, які використовуються для перегляду, повинні бути розташовані на тому ж місці на кожній сторінці й у разі можливості повинні мати ті ж самі форми.

Наступний критерій — швидкість. Час завантаження сторінки має бути якомога коротшим, бо ніхто не чекатиме більше 15 секунд завантаження. Цей фактор в основному залежить від розміру сторінки, зображень на ній і можливостей сервера.

Гарною ідеєю є оптимізація розміру зображень, ви-

бираючи для цього відповідний розмір і кольори. Рекомендовано не завантажувати зображення більше 30-40 Кбайтів.

Ще один критерій — це взаємодія. Одним із способів реалізаціє взаємодії є гіпертекстові посилання. Вебдизайнери радять розміщувати достатню кількість посилань між різними сторінками. Проте, занадто багато посилань може зробити читання важким.

Позитивним також є наявність форм для введення звернень до адміністраторів сайту.

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

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

Бажано, щоб формати, які використовуються для створення сайту були прозорими, тобто їх можна було прочитати в текстовому режимі — таким чином, переважно використовувати HTML замість Flash. Крім того, зображення і анімація не повинні відволікати увагу від текстової інформації. Отже, графічні ілюстрації повинні бути використані тільки для візуального доповнення тексту. Замість зображень має бути присутній підпис (для цього в html-коді використовуйте атрибут alt). Це необхідно для того, щоб люди з вадами зору зрозуміли сенс зображення.

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

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

І ще декілька порад щодо створення власного сайту.

На сайті рекомендується використовувати чіткий та виразний логотип. Це допоможе краще запам’ятати ваш сайт.

Ознакою гарного тону також уважається використання нижнього колонтитула — його ще називають «підвалом». Це невеликий блок унизу

сторінки, в якому повторено навігаційне меню, розташовано копірайт, посилання на дизайнера сайту, контакти власника ресурсу.

Контрольні запитання та завдання

1. Якими принципами характеризується ергономіка?

2. У чому полягає суть критеріїв ергономіки?

3. Які вимоги висуваються до кольорового оформлення сайтів?

4. Для чого на сайті використовується логотип?

5. Перелічіть можливі складові нижнього колонтитула сайту.

Завдання для досліджень

1*. Дослідіть, чи можна при створенні сайту засобами сервісу Google Sites налаштувати такі параметри, як кольорове оформлення, шрифтове оформлення, адаптивність сайту до різних пристроїв.

 

 

Це матеріал з підручника Інформатика 8 клас Казанцева, Стеценко (2021)

 



Попередня сторінка:  27. Розмітка таблиць засобами мови HTML
Наступна сторінка:   29. Практична робота №2. Створення влас...



^