Про проблеми із завантаженням в Інтернеті часто забуваються або відкладають це на потім. Щоб цього не сталося, треба подумати наперед. Пропонуємо дуже ефективний підхід до вирішення цього питання – сторінка-скелет.
Так от, дизайн сторінки-скелета (skeleton screen) – це не про це:
Сторінка–скелет – це UI елемент, який показує стан завантаження додатку/веб-сторінки, демонструючи ескіз контенту, який користувач побачить, коли завантаження таки відбудеться.
Ось класні приклади від провідних дизайнерів:
UX дизайн стрімко розвивається, не відстають від нього й очікування користувачів та бізнесу. Загалом є три підходи до відображення контенту, який ми ще не підвантажили:
І ось що про це кажуть дослідження та статистика поведінки користувачів:
середній час очікування користувача (відповідно до зображень): 2,82, 2,41 та 2,29.
Бачимо, що цифри однозначно вказують на те, що підхід скелет-сторінки найбільш ефективний. До того ж його робити доволі просто, для цього потрібно знати, який контент має відобразитися.
Тож не забудьте про це під час роботи над дизайном вашого наступного додатка 😉
Вам також буде ЦІКАВО:
Як робити класні анімації завантаження: ще 8 цікавих прикладів