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