登录查看更多内容

How do you design UI for mobile gestures?

由人工智能和领英社区提供技术支持

Mobile gestures are the actions that users perform on their touchscreen devices, such as tapping, swiping, pinching, and rotating. They can enhance the user experience, make navigation easier, and save screen space. However, designing UI for mobile gestures requires careful consideration of the user's expectations, feedback, and context. In this article, you will learn some tips and best practices for creating intuitive and engaging UI for mobile gestures.

此文章中的业界达人

由社区从 6 条内容中精选。了解更多

Felipe Santiago

Senior iOS Engineer at SEPHORA
Alex Nadiein

Senior iOS Engineer | Mobile Development Leader | ML Enthusiast
Anna Eiv?r Shvarova

UI/UX designer, 2D animator and digital artist

1 Know your users

Before you start designing UI for mobile gestures, you need to understand who your users are, what they want, and how they interact with their devices. You can use user research methods, such as interviews, surveys, usability tests, and analytics, to gather insights about your target audience. You should also consider the accessibility and inclusivity of your UI, and how it can accommodate different user preferences, abilities, and scenarios.

添加您的观点

Felipe Santiago

Senior iOS Engineer at SEPHORA
举报内容
Incorporating a strong UX research team into your design process not only improves user satisfaction but also increases the chances of your mobile UI being intuitive and efficient. Regarding accessibility, surveys have shown that a significant portion of the population, even those without disabilities, prefer apps with accessible features. This can contribute to improved user retention and engagement.

已翻译

赞
Anna Eiv?r Shvarova

UI/UX designer, 2D animator and digital artist
举报内容
As with any of the UI features, mobile gestures also must be tailored to the audience's needs. Variable UX research and analysis of the user's needs should give a strong answer on who?, why?, where?, what? After analyzing these questions, a compliant UI design can be planned and implemented. Currently, we should also remember about AA design to make user interface gestures accommodating to all users.

已翻译

赞

2 Follow the platform guidelines

Each mobile platform, such as iOS, Android, or Windows, has its own design guidelines and conventions for mobile gestures. You should follow these guidelines to ensure consistency and familiarity for your users, and to avoid conflicts with the system gestures. You can also refer to the common patterns and standards for mobile gestures, such as the Material Design Gesture Guidelines or the iOS Human Interface Guidelines, to learn how to use gestures effectively and appropriately.

添加您的观点

Alex Nadiein

Senior iOS Engineer | Mobile Development Leader | ML Enthusiast
举报内容
Follow the best practices: - Always be sure to give people multiple ways to interact with your app. - In general, respond to gestures in ways that are consistent with other apps on the device. - Define custom gestures only when necessary. - Handle gestures as responsively as possible. - Offer shortcut gestures to supplement standard gestures, not to replace them. - In iOS, iPadOS, and watchOS, avoid interfering with system-defined screen-edge gestures.

已翻译

赞

3 Use gestures sparingly and logically

Mobile gestures can be powerful and convenient, but they can also be hidden and ambiguous. You should not rely on gestures as the primary or only way to perform important or frequent tasks, as they may not be discoverable or memorable for your users. You should also use gestures that match the user's mental model and the content's behavior, and avoid gestures that are unnatural or confusing. For example, you can use a swipe gesture to delete an item from a list, but not to open a menu.

添加您的观点

Alex Nadiein

Senior iOS Engineer | Mobile Development Leader | ML Enthusiast
举报内容
If you decide to define a custom gesture, make sure it’s: - Easy to discover and perform; - Not too similar to gestures people already know; - Not the only way to perform an important action in your app;

已翻译

赞

4 Provide clear feedback and affordance

Feedback and affordance are essential for designing UI for mobile gestures, as they help the user understand the outcome and the possibility of their actions. Feedback is the visual, auditory, or haptic response that the UI gives to the user's gesture, such as a highlight, a sound, or a vibration. Affordance is the cue that the UI gives to the user's gesture, such as a button, an icon, or a hint. You should provide feedback and affordance that are consistent, timely, and informative, and that respect the user's attention and control.

添加您的观点

Darrin Duncan

Fullstack Developer with a focus on AI and Cloud Computing
(已编辑)
举报内容
I agree with this point. Feedback should be provided when a gesture is recognized. We use animations, haptic feedback, or changes in the UI elements to indicate to the user that their input has been recognized.

已翻译

赞

5 Test and iterate your UI

The final step for designing UI for mobile gestures is to test and iterate your UI with real users and devices. You should evaluate how your UI performs in different contexts and situations, such as different screen sizes, orientations, lighting conditions, and network speeds. You should also observe how your users discover, learn, and use your gestures, and how they react to the feedback and affordance. You should collect and analyze the user feedback and data, and use them to improve your UI.

添加您的观点

6 Here’s what else to consider

This is a space to share examples, stories, or insights that don’t fit into any of the previous sections. What else would you like to add?

添加您的观点

Zohrab Taghiyev

Certified iOS Developer | Content Creator
举报内容
Provide Gesture Discoverability Ensure that users can discover and learn the available gestures within your app. Implement onboarding tutorials, tooltips, or interactive guides that introduce users to the gestures and how to use them effectively. Additionally, consider incorporating visual cues, such as subtle animations or instructional icons, that hint at the availability of gestures when appropriate. Gesture discoverability helps users understand how to interact with your app without requiring them to guess or rely solely on trial and error.

已翻译

赞

Mobile Applications

+ 关注

给文章评分

我们借助人工智能创建了此文章。您认为这篇文章怎么样？

很棒不太好

举报此文章

查看全部

How do you design UI for mobile gestures?

1

2

3

4

5

6

1 Know your users

2 Follow the platform guidelines

3 Use gestures sparingly and logically

4 Provide clear feedback and affordance

5 Test and iterate your UI

6 Here’s what else to consider

Mobile Applications

给文章评分

感谢您的反馈

更多Mobile Applications相关文章

更多相关阅读内容

How do you design UI for mobile gestures?

1

2

3

4

5

6

1 Know your users

2 Follow the platform guidelines

3 Use gestures sparingly and logically

4 Provide clear feedback and affordance

5 Test and iterate your UI

6 Here’s what else to consider

Mobile Applications

给文章评分

感谢您的反馈

查看其他技能