Урок:

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

25.04.2023
0 0
10 Клас, I курс

1

108

874

0

8

12

Опис уроку (учням цей опис не показується):

Урок 29

Предмет: Інформатика. Базовий модуль.

Тема: Ергономіка розміщення відомостей на веб-сторінці.

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

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

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

1

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

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

Ергономіка (грец έργος — праця, νώμος — закон) — це наука, яка вивчає особливості виробничої діяльності людини з метою забезпечення ефективності, безпеки та зручності цієї діяльності.

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

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

Юзабіліті (англ. Usability — зручність і простота використання) —  це підхід, покликаний зробити вебсайти простими у використанні для кінцевого користувача без потреби проводити спеціальне навчання. Користувач повинен мати можливість інтуїтивно пов'язувати дії, які йому необхідно виконати на вебсторінці.

Правила зручного розташування відомостей на веб-сайті:

  • простота — на сторінці має бути якомога менше елементів (дизайну). Завдяки цьому увагу фокусують на контенті. Легше привернути увагу до чогось важливого, коли її не відволікають елементами дизайну;

  • фіксований дизайн — зараз зазвичай вже не зустрічаються сайти з «гумової версткою».

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

  • менше колонок — якщо раніше зустрічалися сайти в чотири колонки, а то і більше, то сьогодні три — вже максимум. А частіше — дві.

  • назва сайту вгорі сторінки — це явище не нове. Але зараз блок у верхній частині сторінки, відділений від решти контенту, — загальновизнаний стандарт.

  • проста навігація — меню навігації має бути великим і помітним, легким в розумінні, гіперпосилання повинні чітко відрізнятися від решти контенту.

  • збільшений кегль — роздільна здатність і розміри моніторів зростають, тому можна не напружувати очі;

  • чіткий логотип — щоб сайт запам’ятали, у нього має бути яскравий і виразний логотип;

  • шрифти без зарубок — текст, набраний таким шрифтом, набагато легше читати

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

  • нижній колонтитул — його ще називають «підвалом». Це невеликий блок внизу сторінки, в якому повторено навігаційне меню, розташовано копірайт ©, посилання на дизайнера сайту, контакти власника ресурсу. Якщо раніше це не вважали обов’язковим, то тепер відсутність «підвалу» вважають ознакою поганого тону;

великі кнопки — якщо на сторінці присутні кнопки «проглянути», «придбати» тощо, то їх роблять такими, щоб користувач їх помітив і не схибив при натисканні — великого розміру і яскравими.

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

Сподобався:

0

Так: 42

Ні: 9

Зрозумілий:

0

Так: 43

Ні: 8

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

0

Ні: 48

Так: 3

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

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

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

507

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

33 грн

8 клас. Урок 60. Правила ергономічного розміщення відомостей на веб-сторінці (teleporthq.io)

8 клас. Урок 60. Правила ергономічного розміщення відомостей на веб-сторінці (teleporthq.io)

168

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

21 грн

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

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

294

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

75 грн

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

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

353

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

50 грн

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

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

1414

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

33 грн

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

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

155

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

50 грн

Схожі уроки

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

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

1289

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

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

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

1110

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

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

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

1344

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

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

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

497

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

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

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

652

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

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

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

281

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