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

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

А в цьому матеріалі розглянемо лише деякі принципи проєктування відгуку сайту.

Сайт повинен реагувати на дії користувача

Ми вже розглядали, які дії можуть відбуватись на сайті в статті про динамічні та інтерактивні елементи (та об’єкти).

Відгук сайту — це його реакція на дії користувача або на настання певної події.

Найбільш типовими діями користувача на сайті є:

  • Прокручування.
  • Наведення курсора.
  • Натискання.
  • Заповнення форм.

Кожна з цих дій може призводити до реакції сайту.

Дії при прокручуванні

Прокручування сайту — це одна з найпоширеніших дій, яку користувач на ньому виконує. І така дія може використовуватись не лише для зміни області перегляду, але і для певних реакцій вебсайту. Найбільш поширені — це поступова поява чи зникнення елементів.