Анимация инструкций – визуальная последовательная анимация каждого шага и обеспечение понимания клиентом сути правильных действий на интуитивном уровне и приглашение выполнить эти действия в инструкции и подать заявку на заказ продукта / услуги, на подписку или другое нужно вам действие.
На ПК, ноутбуках, планшетах и мобильных телефонах в горизонтальном расположении экрана, отображается стандартная горизонтальная (альбомная) анимация.
Но на экране смартфона в вертикальном расположении анимация становится маленькой и незаметной, так как она сжимается по ширине и сильно уменьшается.
Именно поэтому для мобильных устройств разрабатывается отдельная анимация вертикального (портретного) типа, которая включается автоматически, и которая хорошо видна.
Данный пример представляет из себя пошаговую анимацию инструкции действий от оформления заявки до пополнения карты в банке Тинькофф. Такой подход обеспечивает интуитивное понимание процесса действий требуемого вами процесса.
Также можно создавать анимационную инструкцию по регистрации на сайте, по подписке на рассылку. Можно делать инструкцию на подачу заявки. Можно анимировать этапы производимых работ от заключения договора до выполнения финальной работы под ключ. Можно делать массу других типов инструкций под ваши идеи и примеры. Бесконечный повтор анимации обеспечивает лучшее понимание требуемого для выполнения процесса.
Длительность:
1. Горизонтальной анимации: 12 секунд
2. Вертикальной анимации: 11,5 секунды
После первого воспроизведения, анимация зациклена на начало и начинает проигрываться заново, то есть является бесконечной.
Вертикальная анимация для мобильных устройств на первый взгляд похожа на основную горизонтальную анимацию, но ее производство занимает 70% от времени разработки основной горизонтальной анимации. Так происходит, потому что для вертикального формата нужно, во-первых, выстраивать все движения элементов заново. А, во-вторых, некоторые движения, эффектно, корректно и красиво преподносящие информацию в горизонтальном формате, не могут также справиться с этой задачей в вертикальном формате. И поэтому их нужно переделывать и адаптировать под вертикальный формат.
Размеры горизонтальной анимации:
1. Файла анимации json: 334 кб
2. Изображений, участвующих в анимации: нет
Размеры вертикальной анимации:
1. Файла анимации json: 335 кб
2. Изображений, участвующих в анимации: нет
Все это говорит о том, что анимация быстро загружается вместе с загрузкой страницы сайта и сразу же начинает проигрываться и выполнять заложенные в нее задачи.
Телеграм:
https://t.me/gve2005
Все права защищены © Copyright 2021 — 2025. УНП HA5833271