Ергономіка розміщення відомостей на веб-сторінці
За навчальною програмою 2018 року
Урок 29
10
Запитання
Розділ 4 § 4.4
10
© Вивчаємо інформатику teach-inf.at.ua
Ергономіка розміщення�об'єктів на веб-сторінці
Розділ 4 § 4.4
Дизайн веб-сайту, як і дизайн комп'ютерних презентацій, базується на законах:
Композиції
Колористики
Ергономіки
10
© Вивчаємо інформатику teach-inf.at.ua
Ергономіка розміщення�об'єктів на веб-сторінці
Розділ 4 § 4.4
Вимоги до ергономіки веб-сайту обумовлені призначенням сайтів та особливостями сприйняття відомостей, що подаються у вікні браузера.
У процесі створення веб-сайту важливо спланувати його структуру так, щоб користувачам Інтернету було максимально зручно працювати з вашим сайтом.
10
© Вивчаємо інформатику teach-inf.at.ua
Ергономіка розміщення�об'єктів на веб-сторінці
Розділ 4 § 4.4
Ергономіка — це наука, яка вивчає особливості виробничої діяльності людини з метою забезпечення ефективності, безпеки та зручності цієї діяльності.
Ергономічний сайт — це сайт, що забезпечує необхідні зручності відвідувачеві, зменшує фізичну та психологічну втому, зберігає здоров'я та працездатність.
10
© Вивчаємо інформатику teach-inf.at.ua
Ергономіка розміщення�об'єктів на веб-сторінці
Розділ 4 § 4.4
Складовою частиною ергономіки сайту є ступінь зручності та простоти веб-сайтів у використанні для користувача без потреби проходження спеціального навчання.
Будь-яка людина повинна мати можливість інтуїтивно пов'язувати дії, які потрібно виконати на веб-сторінці, з об'єктами, що вона бачить.
10
© Вивчаємо інформатику teach-inf.at.ua
Ергономіка розміщення�об'єктів на веб-сторінці
Розділ 4 § 4.4
Під час розробки структури веб-сторінок потрібно:
10
© Вивчаємо інформатику teach-inf.at.ua
Ергономіка розміщення�об'єктів на веб-сторінці
Розділ 4 § 4.4
Ергономіка сайту стосується:
Розміщення
відомостей на
веб-сторінках
Системи
навігації
Оформлення
сторінок
Швидкості їх
завантаження
10
© Вивчаємо інформатику teach-inf.at.ua
Ергономіка розміщення�об'єктів на веб-сторінці
Розділ 4 § 4.4
Наведемо опис критеріїв, за якими оцінюється ергономічність веб-сторінок.
Критерії оцінювання ергономічності веб-сторінок
Назва сайту — в заголовку всіх сторінок.
На будь-якій сторінці можна чітко бачити, до якого тематичного розділу вона входить.
Найважливіші відомості — на початку сторінки.
Колонок з контентом — не більше ніж три.
Не допустимі горизонтальні смуги прокручування під час перегляду веб-сторінки.
Нижній колонтитул (підвал) дублює меню, зазначає авторські права (копірайт) дизайнера сайту, містить контактні дані власника ресурсу та дизайнера
Розташування відомостей на сторінці
Опис
Критерій
10
© Вивчаємо інформатику teach-inf.at.ua
Ергономіка розміщення�об'єктів на веб-сторінці
Розділ 4 § 4.4
Критерії оцінювання ергономічності веб-сторінок
З будь-якої сторінки є можливість перейти до перегляду головної (домашньої) веб-сторінки сайту.
Сайт має не більше ніж три рівні вкладеності веб-сторінок. Меню сайту — велике та помітне, легке в розумінні. Гіперпосилань в одному блоці навігації — не більше ніж 7, інші – у вкладених меню або інших блоках.
Кнопки крупні, зі зрозумілими підписами або зображеннями. Гіперпосилання в тексті чітко відрізняються від решти контенту. На сторінках з великим обсягом тексту присутні засоби для навігації усередині веб-сторінки
Зручність навігації
Опис
Критерій
10
© Вивчаємо інформатику teach-inf.at.ua
Ергономіка розміщення�об'єктів на веб-сторінці
Розділ 4 § 4.4
Критерії оцінювання ергономічності веб-сторінок
Єдиний стиль оформлення та компоновки матеріалу на всіх сторінках.
Кольори фону сторінки та тексту контрастні.
Заголовки статей виділено шрифтом збільшеного розміру.
Текст статей вирівняно за шириною.
Якісні зображення, з можливістю збільшення для перегляду.
Мінімум анімованих зображень, що відволікають увагу.
Порожній простір (поля) навколо тексту та зображень
Оформлення
Опис
Критерій
Час завантаження сторінки — якомога менший.
Зображення — оптимізовані для веб-простору, бажано не більше ніж 40 Кбайт
Швидкість завантаження
10
© Вивчаємо інформатику teach-inf.at.ua
Ергономіка розміщення�об'єктів на веб-сторінці
Розділ 4 § 4.4
Під час розробки веб-сайту потрібно враховувати можливість надання зручності для користувачів з особливими потребами. Для цього варто звертати увагу на таке:
10
© Вивчаємо інформатику teach-inf.at.ua
Для тих, хто хоче знати більше
Розділ 4 § 4.4
Новим піонером медіа називають Якоба Нільсена (нар. 1957 р.) — датського вченого, одного з провідних консультантів з ергономіки сайтів, доктора наук наукового напряму людино-комп'ютерної взаємодії Технічного Університету Данії в Копенгагені.
Якоб Нільсен
10
© Вивчаємо інформатику teach-inf.at.ua
Для тих, хто хоче знати більше
Розділ 4 § 4.4
Він має 79 патентів США, більшість з яких отримано за винаходи з полегшення використання веб-ресурсів. На основі методу евристичної оцінки, який він винайшов, здійснюється ергономічний аудит веб-сайтів для поліпшення користувацького інтерфейсу.
10
© Вивчаємо інформатику teach-inf.at.ua
Розгадайте ребус
Ергономіка
«Ребуси українською» © rebus1.com
Розділ 4 § 4.4
10
© Вивчаємо інформатику teach-inf.at.ua
Дайте відповіді на запитання
Розділ 4 § 4.4
10
© Вивчаємо інформатику teach-inf.at.ua
Домашнє завдання
Проаналізувати
§ 4.4, ст. 131-133
Розділ 4 § 4.4
10
© Вивчаємо інформатику teach-inf.at.ua
Працюємо за комп’ютером
Розділ 4 § 4.4
Сторінка
137
10
© Вивчаємо інформатику teach-inf.at.ua
Дякую за увагу!
За навчальною програмою 2018 року
Урок 29
10