Урок:

Ергономіка розміщення інформації на веб-сторінці

30.04.2022
1 0
10 Клас, 11 Клас

1

33

194

0

7

12

Вміст уроку:
1

Урок не містить жодного завдання. Додайте завдання.

Щоб додати завдання, оберіть категорію завдання на панелі запитань.

1

Ергономіка розміщення інформації на веб-сторінці

Ергономіка„— (від грец. ergon — робота й nomos — закон) — наукова дисципліна, яка вивчає трудові процеси з метою створення оптимальних умов праці, що сприяє збільшенню її продуктивності, а також забезпечує необхідні зручності та зберігає сили, здоров’я і працездатність людини.

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

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

та психологічної втоми;

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

тувача.

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

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

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

„ очікування користувачів: не всі відвідувачі шукають однакову інфор-

мацію й не обов’язково мають ті само вимоги в плані графіки;

„ звички: тобто набута поведінка;

„ вік: загалом характеризує здатність до адаптації та швидкість корис-

тувача при перегляді;

„ обладнання: одна з головних перешкод. Відображення сайта може

відрізнятися від одного комп’ютера до іншого, зокрема залежно від

браузера й роздільної здатності екрана;

„ рівень знань: не всі відвідувачі є фахівцями в інформаційних технологіях.

Ергономіка сайта має бути розрахована на найменш досвідченого користувача.

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

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

оформлення — графічні елементи, навігація, шрифти, кольорова гама;

технології — засоби створення, форматування сторінок і надання їм ди-

намізму; подання — швидкість і надійність відображення сайта в мережі;

мета — причина створення сайта та очікувані результати).

Дизайн сайта (веб-дизайн, дизайн web) — це один з напрямів графічного дизайну. Існують такі основні вимоги до сайта.

Зручна„навігація. На сайті має міститися меню з розділами, а на кожній сторінці — можливість повернутися на головну сторінку. Меню має бути зручним, помітним, бути зверху сторінки або збоку, щоб користувачеві не довелося його шукати. Якщо розділів сайта багато й вони мають ще й підрозділи, потрібно зробити меню, що випадає. Якщо структура сайта є досить складною, доцільно зробити «Карту сайта» з поясненнями.

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

Стилістика„ сайта. Весь сайт має бути витриманий у єдиному стилі, сторінки — з приблизно однаковим виглядом. Допускається створення головної сторінки в трохи іншому стилі. Мають бути витримані єдині кольори, шрифти. Важливо також виділяти на сторінках головне (кольором, шрифтом, зображенням), а другорядне — «приховувати», щоб воно не заважало користувачеві, але він міг при бажанні дізнатися більше.

Розмір„сайта. Через різницю в розмірах моніторів дизайни сайтів прийнято ділити на «гнучкі» й «жорсткі». Гнучкий дизайн — сайт набуває будь-яких розмірів екрана (за потреби — розтягується або зменшується).

Такий дизайн досить поширений тепер через його зручність. Хоча є і такий недолік: дизайн сайта не матиме єдиного вигляду, тому що елементи будуть змінювати своє розташування залежно від розміру екрана. Жорсткий дизайн — з певною постійною шириною сторінок. Переважно підганяється під неширокий екран. Але на широкому — виглядатиме трохи порожньо. Хоча, як правило, такий дизайн виглядає акуратніше «гнучкого», бо має первинний вигляд, задуманий розробниками.

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

Веб­інтерфейс. Веб-інтерфейс — це сукупність засобів, за допомогою яких користувач взаємодіє з веб-сайтом або будь-яким іншим додатком через браузер. Одним з основних вимог до веб-інтерфейсів є їх однаковий зовнішній вигляд й однакова функціональність при роботі в різних браузерах.

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

Рефлексія від 28 учнів

Сподобався:

0

Так: 28

Ні: 0

Зрозумілий:

0

Так: 28

Ні: 0

Потрібні роз'яснення:

0

Ні: 28

Так: 0

Рекомендуємо

Розміщення графіки, аудіо-інформації на веб- сторінках

Розміщення графіки, аудіо-інформації на веб- сторінках

294

Аватар профіля Чернишева Антоніна Вікторівна
Професійна освіта
11 клас та II курс

75 грн

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

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

508

Аватар профіля Лизько Валентина Степанівна
Інформатика
8 клас

33 грн

ПР "Текстові елементи веб-сторінки. Гіперпосилання та списки на веб-сторінках"

ПР "Текстові елементи веб-сторінки.  Гіперпосилання та  списки на веб-сторінках"

353

Аватар профіля Киреєва Оксана Анатоліївна
Інформатика
11 клас

50 грн

Проектування та верстка веб-сторінок.

Проектування та верстка веб-сторінок.

1414

Аватар профіля Тарасенко Лілія Олександрівна
Інформатика
11 клас

33 грн

Анімаційні ефекти на веб-сторінці

Анімаційні ефекти на веб-сторінці

155

Аватар профіля Губчик Вероніка Григорівна
Інформатика
10 клас

50 грн

Додавання до веб-сторінки графічних та мультимедійних елементів. Додавання до веб-сторінки гіпертекстових елементів

Додавання до веб-сторінки графічних та мультимедійних елементів. Додавання до веб-сторінки гіпертекстових елементів

486

Аватар профіля Лизько Валентина Степанівна
Інформатика
8 клас

33 грн

Схожі уроки

Впорядкування, пошук і фільтрування даних.

Впорядкування, пошук і фільтрування даних.

1289

Аватар профіля Вожга Ірина Леонідівна
Інформатика
9 клас

Створення й уведення структури таблиць. Поняття таблиці, поля, запису. Створення таблиць, означення полів і ключів у середовищі СКБД. Властивості полів, типи даних.

Створення й уведення структури таблиць. Поняття таблиці, поля, запису. Створення таблиць, означення полів і ключів у середовищі СКБД. Властивості полів, типи даних.

1110

Аватар профіля Савка-Ржематорська Оксана Василівна
Інформатика
9 клас

Цикли з передумовою у вкладених циклах

Цикли з передумовою у вкладених циклах

1344

Аватар профіля Вожга Ірина Леонідівна
Інформатика
6 клас

Налаштування часових параметрів аудіо- та відеоряду.

Налаштування часових параметрів аудіо- та відеоряду.

497

Аватар профіля Солодовнікова Катерина Олексіївна
Інформатика
8 клас

Елемент керування «кнопка». Поняття об’єкту та його властивостей і методів (на прикладі елементів екранної форми). Властивості і методи елементів керування.

Елемент керування «кнопка». Поняття об’єкту та його властивостей і методів (на прикладі елементів екранної форми). Властивості і методи елементів керування.

652

Аватар профіля Пилипенко Олена Володимирівна
Інформатика
8 клас

Елемент керування кнопка

Елемент керування кнопка

282

Аватар профіля Пилипенко Олена Володимирівна
Інформатика
8 клас