https://uxdesign.cc/building-the-perfect-splash-screen-46e0803 | Product Management of Things
https://uxdesign.cc/building-the-perfect-splash-screen-46e080395f06 — большое и клевое исследование по сплэш-скринам.
Коротко о главном:
1. Правило 2-3 секунд: ваш сплэш должен быть на экране не более 2-3 секунд
2. Если ваши пользователи активно заходят в приложение(ха-ха!), то правило 2-3 секунд автоматически становится правилом 1 секунды. Это оч применимо к мессенджерам или приложениям с высокой “наградой“(например, матч в Tinder). В таком случае стоит прогружать элементы на том экране, куда попадает пользователь.
3. Не стоит перегружать сплэш. Помните, что у вас есть 1-3 секунды, чтобы что-то сказать пользователю. Думайте о сплэше, как о центральном входе в большое здание. Важно, чтобы этот “вход” был простым, увесистым и визуально-значимым
4. Анимации — хорошо, но не пытайтесь рассказать ими историю на сплэше. Максимум, что вы можете сделать — скрасить для пользователя эти 2-3 секунды ожидания.
5. Какой код запускать на сплэше. Обычно во время работы сплэша все пытаются впихнуть всю загрузку главного экрана. Не надо так. Обрежте весь список запросов до 3-4 ключевых. Допустим, для аутентификации. Для всего остального есть скелеты и плэйсхолдеры.
6. Как быть, если сплэш может занять больше 3 секунд? Не волнуйтесь, дело не в вас. Часто бывает так, что проблемы возникают именно на стороне клиентов(слабый девайс, медленные интернеты).
Лайфхак для подобных ситуаций: добавьте лоадер, который пользователь увидит только после окончания анимации сплэша. Таким образом, пользователь, у которого все ок, никогда ее не увидит, а пользователь, у которого все не ок — будет четко проинформирован о том, сколько времени осталось до конца загрузки.
Самое плохое, что можно сделать с анимацией сплэша — зациклить ее. Вы лишите пользователя информации о том, что вообще происходит.
7. Что по ошибкам?
Не стоит блочить пользователя на сплэше, если запросы, которые отправляются на нем, проходят с ошибками или не проходят вообще. Соблюдайте правило трех секунд и отправляйте пользователя на следующий экран флоу, на котором повторяйте эти запросы. Если все совсем плохо — выводите сообщение об ошибке на самом сплэш-скрине в качестве его естественной части контента. И не забудьте добавить кнопку “Обновить”
8. Побуждение к обновлению: все мы знаем, что хоть поп-ап принудительного обновления и работает, но он приводит пользователя в замешательство и раздражает. Так вот, нет лучшего времени, чтобы показать пользователю, что он использует outdated-версию, чем сплэш-скрин. Туда же можно добавить кнопку, которая будет вести его на обновление приложения.
9. Красотища: если у вас достаточно времени и денег — попробуйте сделать сплэш частью основного интерфейса приложения. Оч клевый референс — Shazam. (edited)
