07. Про жесты (Теория)

Ruslan Sharipov

14 Dec 202213:14

Summary

TLDRВ видео обсуждаются различия между сайтами PWA и мобильными приложениями, история мобильных устройств и важность жестов в пользовательском опыте. Рассматриваются основные жесты, такие как тап, свайп, прокрутка, масштабирование и перетаскивание, а также их плюсы и минусы. Упоминаются проблемы, связанные с обучением пользователей жестам и важность интуитивного интерфейса. Особое внимание уделено значению отклика экрана и задержки ввода. Также затрагивается тема обоснованного внедрения кастомных жестов и важности on-boarding процессов для объяснения функциональности жестов в приложении.

Takeaways

📱 Взаимодействие с мобильными устройствами стало основным после введения iPhone в 2007 году, где жесты на экране стали мейнстримом.
🌐 Жесты в мобильных приложениях не зависят от культуры и опыта пользователя, что подтверждает их интуитивность.
🔍 Жесты напоминают взаимодействие с реальным миром, что делает их естественными и легко узаемыми.
🎯 Apple уделяет больше внимания юзабилити и плавности взаимодействия с устройствами, чем Google.
🔑 Скорость отклика экрана и задержка ввода важны для создания естественного взаимодействия с жестами.
🔑 Жесты могут упрощать и ускорять взаимодействие с приложением, но также могут требовать большего усилия для обучения.
🔑 Минусы жестов включают в себя необходимость обучения и отсутствие визуальных подсказок, что может сбивать с толку пользователя.
🔑 Консистентность жестов между приложениями отсутствует, что может сбивать пользователями с толку.
🔑 Для успешного внедрения жестов в приложение, их необходимо демонстрировать и объяснять в контексте использования.
🔑 Создание кастомных жестов для приложения должно быть основано на изучении базовых жестов и их естественности в отношении выполняемого действия.

Q & A

Что было важной особенностью взаимодействия с iPhone после его выпуска в 2007 году?
-Взаимодействие с экраном стало мейнстримовым, так как пользователи могли не только нажимать на экран, но и выполнять жесты, такие как увеличение, сжатие и прокрутка.
Какие преимущества жестов взаимодействия с мобильными устройствами?
-Жесты предоставляют более интуитивный и естественный способ взаимодействия с объектами на экране, напоминая взаимодействие с реальными объектами.
Какие жесты считаются универсальными и не зависят от культуры?
-По исследованию Дэна Мауни, жесты, такие как смахивание для удаления объекта с экрана, являются универсальными и интуитивно понятными.
Какие преимущества жестов перед традиционными кнопками в мобильных приложениях?
-Приложения, основывающиеся на жестах, требуют меньше кнопок, что оставляет больше места для контента и делает взаимодействие быстрее и интереснее.
Что может быть недостатком жестов в мобильных приложениях?
-Один из недостатков жестов - это необходимость обучения, так как они невидимы и скрыты, и пользователи должны помнить их.
Какие типы жестов рассматриваются в скрипте?
-Рассматриваются типы жестов, такие как касание (Тап), двойной Тап, удержание (Long Tab), смахивание (свайп), прокрутка (скролл), масштабирование (пинч или щипок) и перетаскивание (Drag and drop).
Какие рекомендации даются для создания и использования кастомных жестов в приложениях?
-Рекомендуется изучить базовые жесты перед созданием кастомных, и использовать их там, где жест соответствует действию, которое выполняет пользователь.
Чем может быть риск внедрения сложных жестов в мобильное приложение?
-Риск включает в себя то, что пользователи могут не хотели бы учиться новым жестам, что может вызвать разочарование и испортить их опыт взаимодействия с приложением.
Какие методы могут быть использованы для демонстрации жестов в приложении без боли для пользователя?
-Можно использовать отбординг, короткие видеоролики, анимации или визуальные подсказки, чтобы показать, как жесты упрощают использование приложения.
Почему так важны визуальные подсказки при использовании жестов в мобильных приложениях?
-Визуальные подсказки помогают пользователям быстрее освоить жесты и понимать, как они могут быть использованы для упрощения взаимодействия с приложением.

Outlines

00:00

📱 Разница между сайтом и приложением

В этом параграфе рассматривается разница между сайтом и мобильным приложением, а также введение в историю развития мобильных устройств. Обсуждается важность мобильных устройств для пользователя и основы взаимодействия с ними через жесты. Упоминается, что с момента презентации iPhone в 2007 году Apple уделяет больше внимания юзабилити и плавности взаимодействия с устройствами, чем Google. Автор также затрагивает тему естественности жестов и их влияние на восприятие мобильной среды.

05:01

🔎 Исследование жестов и их влияние на UX

Второй параграф посвящен исследованию жестов и их влиянию на опыт пользователя. Автор упоминает, что жесты не зависят от культуры и опыта пользователя, что делает их интуитивно понятными. Обсуждаются преимущества и недостатки жестов, включая упрощение интерфейса и необходимость запоминания жестов пользователем. Также упоминается кривая обучения, связанная с жестами, и важность визуальных подсказок для их освоения.

10:03

🛠️ Основные жесты и их использование

Третий параграф включает описание основных жестов, таких как касание, двойной тап, удержание, смахивание (свайп), прокрутка и масштабирование. Автор объясняет, как каждый из этих жестов используется в мобильных приложениях и как они улучшают взаимодействие с контентом. Также рассматривается важность выбора между кнопками и жестами при разработке интерфейса.

💡 Создание и использование кастомных жестов

В этом параграфе рассматривается процесс создания и использования кастомных жестов в приложениях. Автор подчеркивает, что перед внедрением нового жеста необходимо оценить риски и учитывать, насколько он будет интуитивно понятен для пользователя. Обсуждается важность демонстрации жестов и их ценности для пользователя, а также методы обучения пользователей новым жестам без боли.

Mindmap

Keywords

💡ПВА

ПВА (Подвижное приложение) - это мобильное приложение, разработанное специально для работы на различных мобильных устройствах, таких как смартфоны и планшеты. В контексте видео, ПВА играет ключевую роль в обсуждении различий между веб-сайтами и мобильными приложениями, подчеркивая важность адаптации к мобильной среде и взаимодействия с пользователем через жесты.

💡мобильные жесты

Мобильные жесты - это типичные действия, которые пользователи совершают на своих смартфонах или планшетах, такие как нажатие, смахивание, удержание и масштабирование. В видео рассматривается, как жесты улучшают взаимодействие с мобильными устройствами и как они интуитивны для пользователя, сравнивая их с действиями в реальном мире.

💡интуитивность

Интуитивность означает, что что-то является естественным и легко понять или использовать без специальной подготовки. В видео подчеркивается, что жесты на мобильных устройствах интуитивны и напоминают взаимодействие с реальными объектами, что упрощает использование для пользователей.

💡отклик

Отклик в контексте мобильных устройств относится к скорости реакции экрана на действия пользователя, например, изменение цвета пикселя. В видео говорится, что быстрый отклик улучшает взаимодействие с устройством и делает его более плавным и приятным.

💡задержка ввода

Задержка ввода - это время, которое проходит с момента воздействия пользователя на экран до отображения результата этого действия. В видео рассматривается, как минимизация задержки ввода улучшает опыт пользователя, делая взаимодействие быстрым и непринужденным.

💡юзабилити

Юзабилити (user ability) - это качество продукта или интерфейса, которое определяет, насколько легко и приятно пользоваться им. В видео упоминается, что Apple уделяет больше внимания юзабилити, чем Google, что отражается в более плавном и интуитивном взаимодействии с устройствами.

💡User Flow

User Flow - это последовательность действий, которые проходит пользователь для достижения определенной цели в приложении. В видео говорится о том, что жесты могут ускорить User Flow, делая процесс более быстрым и эффективным для пользователя.

💡кривая обучения

Кривая обучения относится к сложности и времени, необходимому для изучения нового приложения или интерфейса. В видео подчеркивается, что использование жестов может увеличить кривую обучения, так как пользователи должны запомнить, какие жесты соответствуют каким действиям.

💡консистентность

Консистентность в дизайне пользовательского интерфейса означает, что элементы и действия должны быть предсказуемыми и похожи в разных частях приложения или даже в разных приложениях. В видео говорится, что отсутствие консистентности между жестами в различных приложениях может сбивать с толку пользователя.

💡отбординг

Отбординг - это процесс внедрения нового пользователя в использование продукта или интерфейса. В видео рассматривается, как отбординг может быть использован для демонстрации пользователю ценности жестов и их интуитивности, упрощая взаимодействие с приложением.

💡Drag and drop

Drag and drop - это жест, при котором пользователь нажимает на объект и перетаскивает его в новое положение или контекст. В видео используется как пример жеста, который включает в себя более сложную механику взаимодействия, чем простое касание или смахивание.

Highlights

Разница между сайтом и приложением.

Взаимодействие с экраном стало мейнстримовым с появлением iPhone в 2007 году.

Жесты интуитивны и естественны, напоминая взаимодействие с реальным миром.

Apple уделяет больше внимания юзабилити и плавности взаимодействия с устройствами.

Скорость отклика экрана важна для естественности жестов.

Задержка ввода - время до отображения действия на экране после жеста.

Жесты могут упрощать интерфейс, выделяя больше места для контента.

Жесты ускоряют работу пользователей и делают опыт взаимодействия более приятным.

Начиная с iOS 10, все операции с кнопкой 'Домой' выполняются с помощью жестов.

Кривая обучения возрастает, когда элементы интерфейса заменяются жестами.

Отсутствие консистентности жестов между приложениями может сбивать с толку пользователей.

Важно объяснять сложные жесты с помощью визуальных подсказок.

Простые жесты, такие как тап, двойной тап, удержание, свайп, прокрутка и масштабирование,广为人知.

Перетаскивание или drag and drop включает в себя касание с другой скоростью.

Создание кастомных жестов для приложения должно быть обосновано и учитывать опыт пользователя.

Внедрение жестов в приложение должно быть осторожным, учитывая их ценность и простоту.

Анимации и визуальные подсказки могут помочь пользователям понять, как использовать жесты в приложении.