Ви звертаєте увагу на те, що з’являться перед очима під час запуску додатка? Дизайнери повинні вміти справити “цим” перше враження та ще й посилити при цьому бренд.
Splash screen, здавалося б, дуже незначна частина роботи дизайнера. Зазвичай ми на неї звертаємо увагу, коли макет повністю готовий 🙂 А тому
Читайте про що ще люблять забувати дизайнери ТУТ
А дехто й узагалі не знає цього терміну і дізнається постфактум, наприклад, від розробників, коли вони вказують, що цього сплеш-скріна не вистачає у дизайні )
Проте як відомо, дизайнерам краще взагалі не забувати про дрібниці, адже “диявол у деталях”, і на якість ми зазвичай звертаємо увагу саме через дрібниці.
Отже, що ж таке Splash screen?
Все дуже просто – це екран, який з’являється, коли ви відкриваєте додаток на своєму мобільному пристрої. Іноді це називається екран запуску або початковий екран. Коли завантаження завершиться, ви перейдете на більш функціональний екран, де можна виконати дії.
Splash – перекладається як “сплеск”, тому, що ці екрани зазвичай з’являються на дуже короткий час і зникають. Традиційно на них ви побачите логотип і назву компанії, а якщо вам пощастить, то ще й девіз.
Ви можете подумати про них як про марну трату часу, щось таке незначне, про що не варто турбуватися. Але вони дуже корисні для зміцнення ідентичності та сприйняття бренду. Матеріальний дизайн Google підкреслює, що вони є першим досвідом роботи вашої програми. А як відомо, перше враження дуже важливе, чи не так?
Візьміть заставку Skype. Вона показує логотип з м’яким градієнтом. Завантаження завершить ненав’язлива анімація. Приємний шматочок користувацького досвіду, правда?
Іноді додаток не потребує багато часу для завантаження. Або додаток узагалі не потребує посилення бренду. В цьому випадку ви побачите елементи основної структури додатка після відкриття.
Наприклад так:
Як робити правильні стартові екрани?
Splash screen прості. Вони мають давати користувачам приємний досвід у момент очікування. Ось головні речі, які треба врахувати, коли ви створюєте дизайн стартового екрану:
- Не робіть його нав’язливим, позбавте від непотрібних елементів
- Не використовуйте кілька кольорів або логотипів
- Використовуйте анімацію економно
Якісні зразки
Medium & Etsy
Paperless Post & Airbnb
Bear & Cabify
8Fit & Netflix
Ryanair & Skype
І головне. Незалежно від причин, якими ви керуєтеся, розробляючи свій splash screen, впевніться, що він не призведе до того, що завантаження додатка триватиме довше, ніж це необхідно.
ДУЖЕ РАДИМО ПОЧИТАТИ:
40 речей, про які забувають дизайнери (Частина 1)
Візуальна ієрархія: як її правильно використовувати у дизайні (Частина 1)