Дизайн сторінки-скелета (skeleton screen) – чому це важливо?

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

Так от, дизайн сторінки-скелета () – це не про це:

Сторінка–скелет – це UI елемент, який показує стан завантаження додатку/веб-сторінки, демонструючи ескіз контенту, який користувач побачить, коли завантаження таки відбудеться.

Ось класні приклади від провідних дизайнерів:

Скелет від Slack

Скелет від Facebook, у ньому сірі “кісточки” ще й переливаються

UX дизайн стрімко розвивається, не відстають від нього й очікування користувачів та бізнесу. Загалом є три підходи до відображення контенту, який ми ще не підвантажили:

 

І ось що про це кажуть дослідження та статистика поведінки користувачів:

середній час очікування користувача (відповідно до зображень): 2,82, 2,41 та 2,29.

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

Тож не забудьте про це під час роботи над дизайном вашого наступного додатка 😉

Вам також буде ЦІКАВО:

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки
Позначки:

Залишити відповідь