如何规范移动应用交互设计？UI/UX设计师须知的11个小技巧

如下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。

 

十年前，手机的使用只是为了沟通。

而近几年，状况发生了很大变化，咱们很难找到不使用手机的人。手机在极大程度上改变了人们的生活，特别是智能手机，人们沉迷于手中的这个小盒子里。是什么令人们如此没法自拔？打开手机才发现里面充斥着琳琅满目的移动应用程序。

尽管移动应用在行业中已经达到饱和点，但真正的设计师依然能够设计出脱颖而出的应用程序。在这里，我基于本身的一些经验和Google指南为设计师列出了11个有用的小技巧，这将有效地帮助设计师们设计出既实用，又能解决问题的应用程序。

№1.     使键盘与所需的文本输入框相匹配

自定义键盘

据相关人员研究发现：用户在键盘模式和触摸屏模式之间的这种切换，增长了用户的认知负荷。如何减少用户的认知负荷？设计师应该为用户提供一个可自定义的键盘。

系统键盘

系统键盘如何与所需的文本输入框相匹配？系统键盘则应该尝试根据上下文进行自动更改，并显示保存的密码。

https://dribbble.com/kukareka

№2 .充分利用硬件中的手势识别优点

移动端的主要优点是当考虑到网络环境时，手机能够支持大量的本地硬件的使用，如加速计，GPS，蓝牙，手势识别等。

最大限度地利用手势优点进行设计，不要经过打字实现滑动，轻敲等；固然，也不要忘记使用其余硬件优点，你能够经过这些硬件来减小许多表单字段。

https://dribbble.com/shots/3605964-Airbnb-AR-Map-Concept

№3. 不要隐藏密码

在移动设备中不须要显示和隐藏密码选项。因为移动设备的屏幕较小，用户使用起来也比较安全。所以，删除显示和隐藏选项将有效减小很差的用户体验。

https://dribbble.com/greglilley

№4. 显示搜索栏

若是你可以设计出一个完美的搜索框，那么你的用户体验几乎成功了一半。

尽管全部的应用程序都有本身的独特性，但用户最喜欢的搜索方式仍是向下滑动而后搜索所需内容。除此以外，设计师在设计搜索栏交互时，为了提供良好的用户体验，必定要根据用户的使用习惯显示他们最近搜索和最喜欢的搜索时间。

https://dribbble.com/virgilpana

№5. 在正确的时间请求权限。

有时候，设计师认为得到权限是一个好的设计主意，用户只需点击并授予全部权限便可。

但事实并不是如此，用户对他们的数据很是认真，因此若是你须要获取关于他们的数据，请确保你在正确的时间询问权限。

由于它可让用户信任你的应用程序，同时他们也极有可能发展成你的老用户。

https://dribbble.com/hugodesgayets

№6. 不要使用闪屏

优先向用户展现应用程序的价值主张，直接把它们放在主屏幕上。当用户打开应用程序时一眼就能看到。

不须要制做花哨的闪屏，这样你也不用为漂亮的插图而苦恼。根据研究代表，用户平均会花费45秒来选择一个应用程序。

他们一般会下载十个应用程序而选择一个，所以你的应用程序必须在10秒内吸引住用户并显示其价值。所以，使用闪屏显得不合时宜。

https://dribbble.com/shots/3668351-Funding-app-Home-screen

№7. 注意应用程序的屏幕方向

对于移动应用程序的设计，咱们老是在竖屏模式下进行设计。设计师应该同时检查屏幕横向和纵向的适应效果，不要忘记在横屏模式下测试你的应用程序。

若是用户30％的时间都在使用横屏模式，则设计必须考虑横向模式。

例如用户在驾驶时，或使用金融，书籍和游戏等应用程序时，手机的主要模式为横屏模式。（https://thomaspark.co/2011/10/in-portrait-or-landscape/ ）

https://dribbble.com/shots/3639526-Album-Landscape-Interaction

№8. 形式简单明了

总所周知，桌面端的主要操做是键入，而移动端的主要操做则是轻击，点按，长按。尝试简化表格试用，用户没必要不在这里填写重要的表格。因此，请尝试设置不一样的交互方式来填充表格。

https://dribbble.com/shots/3519538-My-Diet-App-Onboarding

№9. 测试手机上的应用程序

测试手机上的应用程序，这是我给每位设计师的第一个建议。若是你正在设计一款手机应用程序，当你开始设计时，不妨链接你的笔记本电脑来看看你的应用程序设计。你的设计不只仅应该适用于高清桌面，也应该适应于低分辨率的低劣屏幕 ; 请确保你的设计适用于最糟糕的状况。

№10. 提供直观的导航

这是很是基本的，但有时设计师每每容易忽略。90％的时间里用户都试图使用他们已经习惯的系统模式的导航，用户使用这种导航可使你的应用程序更加智能，但前提必须是你导航足够直观，用户不会由于搜索导航过久而卸载你的应用程序。

https://dribbble.com/shots/1766396-Animated-Tab-Bar-Icons

№11. 筛选和排序选项。

在设计产品时，设计师应该多考虑如何让用户感到满意。

当一个网站能够在一个屏幕上显示14张图片时，一个手机屏幕一次只能显示三张图片。大多数设计师在没有考虑这一客观事实的状况下，在屏幕上删除了许多功能，并制做了一个普通的屏幕过滤器来迷惑用户。

我强烈建议设计师提供一个有效的过滤器和排序选项，带给用户满意的体验。所以，不妨多花点时间根据上下文为用户提供一些有效的选项。

以上就是设计师在移动应用交互时能够学习的11个小技巧，以供参考。

原文做者：Johny vino

原文连接：https://medium.muz.li/11-things-every-designer-needs-to-know-about-mobile-app-interaction-a22c635527b3

学习工具，但不受限于某种工具。Mockplus作原型，更快更简单，如今下载Mockplus，免费体验畅快的原型设计之旅。