Інтуїтивні жести в дизайні мобільного застосунку
Просто створити гарний дизайн мобільного застосунку - недостатньо для того, щоб він став затребуваним. В епоху сенсорних пристроїв дизайн застосунку має бути інтуїтивно зрозумілим. Як правильно впровадити використання жестів, щоб зробити дизайн мобільного застосунку простим і зручним?
Видання The Next Web стверджує, що жести - це нові кліки. Цілком логічно, оскільки функції мобільних додатків забезпечують більший контроль над навігацією, ніж звичайні натискання на кнопки. Оскільки у додатків менше місця для традиційних кнопок, вони дають змогу користувачам відкривати або приховувати різні блоки меню, використовуючи різні жести. Одне з основних завдань дизайнерів мобільних застосунків - реалізувати інтуїтивні жести, які дадуть змогу користувачам передбачити, який рух запустить певну команду. Жести також дають змогу дизайнерам створювати чудові інтерфейси, залишаючи більше простору для впровадження творчих ідей. Крім того, вони збільшують швидкість користувацької взаємодії та допомагають забезпечити належне відображення на будь-якому пристрої.
Переваги керування жестами в мобільних додатках
 |
Керування за допомогою жестів відчувається як природне, тому що відповідає тому, як люди взаємодіють з реальними об'єктами. Коли ми хочемо щось прибрати з поля зору, ми просто переміщуємо елемент вліво або вправо, тобто "свайпаємо". Коли ми читаємо газету, залишаючи прочитану її верхню частину вільною, ми, по суті, прокручуємо її або "скролимо". Застосування жестів для управління мобільними додатками змінило спосіб взаємодії з мобільними пристроями. Близько 10 років тому єдиним способом взаємодії з мобільними телефонами було натискання кнопок. Тепер натискання перетворилося на дотик, а потім еволюціонувало в жест. Цей метод управління став основним у сучасному дизайні застосунку.
Більше місця для важливого контенту
Мобільні додатки, які керуються в основному за допомогою жестів на сенсорному екрані, мають в основі свого дизайну мало кнопок. У цьому випадку кнопки не перевантажують інтерфейс і, як результат, розробники мобільних застосунків отримують більше місця для відображення дійсно цінного контенту.
Легкість використання
Коли користувач вивчить конкретний жест, він стає значною частиною його користувацького досвіду. Однією з основних переваг управління жестами є зменшення кількості кроків і кліків, необхідних для виконання певних дій у мобільному застосунку. Щоб видалити елемент, необхідно натиснути на нього, потім перейти по меню, знайти необхідну опцію і натиснути на неї. Усе це відбирає час. Просто "свайпнути" цей елемент займе набагато менше часу. До того ж, згідно з даними Kissmetrics, що менше потрібно кліків, то вищим буде коефіцієнт конверсії.
Інтуїтивне управління жестами на Андроїд та iOS
Кнопки, очевидно, не можуть просто зникнути з дизайну мобільного застосунку. Вони відіграють важливу роль у відображенні головних функцій багатьох додатків. Однак, якщо жести здаються більш природними, інтуїтивними і спрощують взаємодію з користувачем, вони повинні бути реалізовані. Наприклад, в UME, застосунку для знайомств через смартфони, який ми розробили для одного з наших клієнтів, перегортання фотографій виконується за допомогою drag-and-drop руху пальцем. При цьому попереднє фото теж видно на тому ж екрані на задньому фоні. Таким чином, основна фотографія залишається в центрі уваги, але інші зображення теж доступні на цьому екрані.
Мобільні жести - інтернаціональний спосіб комунікації
Згідно з опитуванням, проведеним Деном Мані, директором Human Factors Factors $ Research at Human Centric, люди інтуїтивно намагаються використовувати схожі жести для виконання певних дій на своїх смартфонах незалежно від країни проживання, культури або мобільного пристрою, який вони використовують. Ден опитав 40 людей із 9 різних країн і виявив, що користувачі мають схожі звички, коли йдеться про керування за допомогою жестів. Отже, користувачам не потрібно витрачати час на вивчення конкретних жестів для керування додатком, якщо він використовує загальноприйняті та інтуїтивно зрозумілі жести.
Жести для керування застосунком
- Дотик
- Натискання
- Утримання
- Подвійне натискання
- Перетягування
- Різкий Дотик
- Скролінг
- Свайпінг
- Прокручування за допомогою двох пальців
- Розведення пальців у сторони
Яскраві приклади використання жестів у мобільному дизайні
Додаток Google Maps
Андроїд-додаток Google Maps надає можливість користувачам застосовувати різні жести для керування. Наприклад, збільшувати та зменшувати карту на екрані можна за допомогою рухів пальцем вгору та вниз відповідно. На платформі iOS такий жест буде доступний тільки в 11-й версії, яка вийде у вересні 2017 року.
 |
Також у Google Maps можна перегортати результати пошуку адреси та альтернативні маршрути просто "свайпаючи" їх. За допомогою жестів у цьому мобільному додатку можна навіть повертати або змінювати кут відображення карти, використовуючи multi-touch жести.
 |
Clear
Clear, мобільний додаток на базі iOS, який є електронним органайзером для управління цілями або завданнями. Це чудовий приклад того, який вигляд має мати додаток, орієнтований на жести. Його головна вау-черта полягає в тому, що він керується виключно жестами, такими як "свайп" або "скролінг". Цікавим фактом є те, що в нього немає кнопок взагалі. Він використовує "свайпи" вліво або вправо для додавання і видалення завдань зі списку справ.
Розробники реалізували прямокутний дизайн, який дає змогу користувачам інтуїтивно розуміти, що кожний елемент керується за допомогою жестів. Як бачите, недостатньо впровадити використання жестів під час розробки дизайну застосунку. Вкрай важливо, щоб ваш дизайн підказував користувачам, які жести можна використовувати.
Додатки, керовані жестами, стають тенденцією в дизайні мобільного користувацького інтерфейсу. Рухи, засновані на великому і вказівному пальцях, покращують те, як ми звикли керувати мобільними рішеннями. Вони забезпечують безліч різних комбінацій, які ми часто використовуємо для маніпулювання фізичними предметами, даючи нам змогу відкрити необхідний екран швидше. Жести - це майбутнє мобільного дизайну, тому що вони надають різноманітні переваги як для розробників додатків, так і для користувачів.
Розробники студії stfalcon.com мають великий досвід у розробці кастомного дизайну та створенні нативних додатків під Android. Напишіть нам на info@stfalcon.com щоб поділитися своєю ідеєю. Ми з радістю відповімо на всі ваші запитання і допоможемо реалізувати проект вашої мрії!
