Структура вебсторінок

Елементи структури вебсторінок

Дайте відповіді на запитання:

• Що таке вебсторінка?
• Що таке вебсайт?
• Які об'єкти можуть бути розміщені на вебсторінках?
• Що таке дизайн?
• Які ви знаєте принципу дизайну презентації?

​

Складові веб-сторінки

У

С

П

І

Ш

Н

І

С

Т

Ь

​

САЙТУ

Етапи створення сайтів

Етапи створення сайтів

Етапи створення сайтів

Етапи створення сайтів

Етапи створення сайтів

Етапи створення сайтів

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

Ергономіка розміщення об’єктів на �веб-сторінці.�

​

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

​

Ергономіка розміщення об’єктів на �веб-сторінці.�

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

​

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

​

Ергономіка розміщення об’єктів на �веб-сторінці.

• Ергономіка сайту стосується розміщення відомостей на веб-сторінках, системи навігації, оформлення сторінок, швидкості їх завантаження.
• З такою проблемою людство стикнулося ще при появі перших книг. Коли потрібно було викласти на аркушах інформацію у такій формі, з такими ілюстраціями, у таких кольорах, щоб ця книга була джерелом інформації, до якого хотіли б повертатися ще і ще…
• Саме тоді були сформульовані, не підозрюючи цього, правила зручного розташування відомостей на веб-сторінці.
• Увагу користувача, при відвідування веб-сторінки, повинні привертати насамперед, меню, кнопки, назви, заголовки.

Ергономіка розміщення об’єктів на �веб-сторінці.

​

Під час розробки структури веб-сторінок потрібно:

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

​

Ергономічне розміщення на вебсторінках

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

Зручність для користувачів з особливими потребами

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

Критерії оцінювання ергономічності веб-сторінок :

Тренди вебдизайну

Адаптивний дизайн

При такому дизайні одна й та сама сторінка, можливо, по-різному, але в одному стилі, коректно відображається і на великих, і на маленьких екранах.

Темний режим. Штучний інтелект

Ще тренди:

Оцінювання вебсайтів

Важливі показники:

SEO-оптимізація сайтів