Майбутнє UI – це motion дизайн

дизайн набуває все більшої актуальності. Невелика демонстрація того, що це означає для  дизайну.

Motion (рух) розповідає історії. У додатках усе є послідовністю, і рух є вашим гідом. Наприклад, давайте подивимося на те, як анімація може допомогти при створенні і видаленні елементів.

Видалення елемента є деструктивною дією, тому треба, щоб UI реагував відповідним чином. Тому треба, щоб елемент не просто зник. Відправте його за екран або утопіть у глибині вашого телефону, щоб він став цифровим пилом.

Створення нового елемента має бути також живим. Зробіть, щоб він випливав чи вистрибував на екран. Але не перестарайтеся, лише вдумливі і ненав’язливі анімації найбільш ефективні.

То чи motion дизайн зводиться до того, що елементи підстрибують на екрані? Це лише на поверхні. Мало того, що рух набуває все більшого значення для дизайну інтерфейсу, він починає рухати увесь UI. Чи можете ви уявити собі дизайнерів Facebook, що презентують свою програму iOS Paper як статичний макет? Картинки набувають свого сенсу лише коли до них додають рух.

Motion підтвердження дії

Рух посилює дії, які користувач виконує. При видаленні об’єкта, це може привести до розмивання і польоту назад у простір, сигналізуючи, що його видалили з програми.

Анімація може значно підвищити якість взаємодії при введенні пароля. Наприклад, горизонтальне тремтіння може бути використане при введеному неправильному паролі. Ця анімація настільки звична, що сприймається як стандартна. У деяких випадках, ми могли б навіть вбити текст повністю, щоб забезпечити зворотний зв’язок з користувачем:

Приховування затримки

Необхідно завантажити інформацію, щоб користувач цього не помітив? Ви можете легко замаскувати короткий час закачки затримкою з грайливою анімацією. При завантаженні звукового файлу через Інтернет, завжди буде трохи затримки.

Замість того, щоб ваш значок відтворення відразу переходив у режим паузи, створіть просту анімацію, яка розтягне момент переходу до значка паузи. Якщо файл завантажиться протягом цього часу, користувач не помітить затримки при завантаженні файлу. Анімація на мить відволікає увагу користувача під час того, як бекенд виконує роботу. У будь-якому випадку ви можете уникнути демонстрації статусу “завантаження” і це створить враження, що ваш додаток працює набагато швидше.

***

Отже, для того, щоб ваш бренд був більш впізнаваним, а UI виглядав професійно вам необхідно створити motion мову вашого додатку. До того ж це ще й дуже цікаво і приємно роботи!

Позначки:

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.