Rules for ergonomically placing information on a web page.
- 2. 1. Що таке front-end та back-end? 2. Що таке CMS? 3. Назвіть функції систем керування вмістом. 4. Назвіть найпопулярніші CMS.
- 3. Основна мета створення сайта — його спрямованість на користувача, тому зручність використання, зрозумілість і простота є досить важливими аспектами розробки сайта. Іншими словами, ергономічний сайт повинен ефективно реагувати на потреби користувачів і забезпечувати їм комфорт під час перегляду сторінки.
- 4. Ергономіка (від грец. еrgon - робота, nomos - закон) наука, яка вивчає робочі процеси з метою створення оптимальних умов праці, що сприяє підвищенню її продуктивності
- 5. Сайт, який увійшов у десятку кращих за дизайн Найгірший дизайн сайту за останні 5 років
- 6. Перегляньте відео «Найгірші сайти». Що, на вашу думку, робить розглянуті сайти найгіршими?
- 7. Інформація повинна бути чітко структурована Інформація має відповідати тематиці сайту Навігація повинна бути простою і зрозумілою Всі сторінки мають посилання на головну Використовуються унікальні фотографії та сінематограф Читабельний шрифт Колірна палітра відповідає правилам колористики
- 8. Юзабіліті (англ. Usability — зручність і простота використання) — підхід, покликаний зробити сайти простими у використанні для користувача, інтуїтивно зрозумілими і такими, що не потребують додаткового навчання.
- 9. Загальні цілі веб-юзабіліті Подавати інформацію в зрозумілій і стислій формі. Створювати можливість користувачам робити вибір найочевиднішим шляхом. Усувати будь-яку двозначність щодо наслідків дій (наприклад, кнопка: видалити / покупка). Розміщувати важливі елементи у відповідній ділянці на вебсторінці або веб-додатку.
- 10. Колірна палітра є одним із найважливіших елементів сайту Існує безліч онлайн-сервісів, які допомагають підібрати палітру кольорів сайта, котра відповідає правилам колористики
- 11. Онлайн-сервіси підбору кольорів ColorExplorer (http://colorexplorer.com/) СOLOROTATE (http://mobile.colorotate.org/) ColorBlender(http://www.colorblender.com/) ColorWizard (http://www.colorsontheweb.com/ Color-Tools/Color-Wizard)
- 12. Сучасні тренди дизайну сайтів Поділ екрана передбачає певний взаємозв’язок контенту — доповнює або контрастує. Спліт-екран (розділений екран) є зручним інструментом просування контенту
- 13. Сучасні тренди дизайну сайтів Великий шрифт один з основних елементів веб- дизайну. Коли виникла потреба оптимізувати сайти під мобільні екрани, усі шрифти стали набагато більшими, почали займати основну частину сторінки, витісняючи решту елементів.
- 14. Сучасні тренди дизайну сайтів За допомогою інфографіки статистика на сайті перетворюється на візуально зрозумілу картинку з цікавим змістом.
- 15. Широкоформатні фонові фото і відео для оформлення сайта надають динаміку вебресурсу і допомагають занурити користувача в певну історію.
- 16. Сінематограф Статична картинка з елементами анімації.
- 17. 1. Що таке юзабіліті й ергономіка? Що, на вашу думку, їх відрізняє? 2. Наведіть критерії ергономічного сайта. 3. Які онлайн-сервіси підбору палітри ви знаєте? 4. Що таке синематографи?
- 18. • Перегляньте Відео №1. • Які тренди, розглянуті на уроці, ви впізнаєте?
- 19. 1.Опрацювати конспект 2.Завершити оформлення сторінки сайту на тему: «Правила ергономічного розміщення контенту на веб сторінці» 3.Надіслати адресу створеної сторінки на перевірку через E-mail
- 20. Автор презентації: Речич Наталія Гімназія №178 м. Києва 2018