每个设计师都需要了解移动应用交互的11件事
十年前,手机的使用只是为了沟通。
最近,情况发生了很大变化。 很难找到一个没有手机的人。 特别是智能手机的出现,人们将世界掌控于手中。移动应用程序App几乎涵盖了所有的领域。
尽管移动应用程序已经达到饱和点,但真正的设计师依然可以构建出杰出的应用程序。 在这里,我列出了十一个有用的提示,这些提示基于我的经验和一些Google指南,这将帮助您设计出和谐实用且能够解决问题的移动应用程序App。
1.使键盘与所需输入的文本匹配。
自定义键盘
我们的研究表明,人们发现在键盘模式和触摸屏模式之间的切换是非常棘手的。 它增加了用户的认知负荷。 因此,设计者应该为用户制作自定义的键盘。
系统键盘
该设计是自定义的,以便键盘模式会根据上下文自动更改。 已经保存过的密码也应直接显示在那。
https://dribbble.com/kukareka
2.手势和硬件
移动电话比网络更具优势,因为它具有许多优秀的硬件,如加速度计,GPS,蓝牙,手势识别等。 所以设计师应该高效地利用这些功能。
应该使用滑动滑动,轻敲,使用指纹等选项而不是打字。 利用所有这些硬件可以减少很多表单域。
https://dribbble.com/shots/3605964-Airbnb-AR-Map-Concept3.不要隐藏密码
手机中不需要显示和隐藏密码选项。 由于它是一个小屏幕,用户将秘密地使用。 因此,删除显示和隐藏选项将减少用户的挫折感。
https://dribbble.com/greglilley4.显示搜索栏。
如果您完成了完美的搜索工作,则几乎可以在整个UI / UX流程中取得成功。
尽管所有的应用都有代表性,但用户更喜欢传统的向下滑动的搜索模式。 此外,显示最近搜索和最爱搜索时间的选项。
https://dribbble.com/virgilpana5.在上下文中请求权限。
有人认为获得批量许可是一个很棒的想法。 但是,由于用户对他们的个人数据非常谨慎,他们不想只是点击一下就授予了所有权力。 所以在正确的时间询问权限会让用户信任你的应用程序。 而且,他们将成为您的常规用户。
https://dribbble.com/hugodesgayets6.没有启动画面
根据研究,人们花费45秒选择一个应用程序,他们通常从下载的十个应用程序中选择一个。 所以请在前面的10秒之内打动他们并显示价值。
没有人会为花哨的闪屏感到困扰。展示应用程序的主要功能价值比美丽的插图更重要。 如果他们打开应用程序,让他们直接看到主屏幕。
https://dribbble.com/shots/3668351-Funding-app-Home-screen7.方向
如果用户有30%的时间在横向模式下使用您的应用程序,则必须将其设计为横向模式。 但大多数设计师只在纵向模式下测试他们的应用程序。 在横向和纵向模式下测试您的应用程序。
横向模式是驾驶,金融,书籍和游戏App的主要模式(https://thomaspark.co/2011/10/in-portrait-or-landscape/)。
https://dribbble.com/shots/3639526-Album-Landscape-Interaction8.表格简洁而有趣
电脑上的主要操作是键入,而在移动手机端的情况下,主要操作是轻击,点击和长按。
用户不希望花时间填写重要表格。 所以请尝试不同的表单填充互动,并使其简洁。
https://dribbble.com/shots/3519538-My-Diet-App-Onboarding9.在手机上测试应用程序
我给每个设计师的首要提示是在手机上测试您的app设计。
当您开始设计时,请将手机连接到笔记本电脑以查看设计的质量。
你不是只为漂亮的高清桌面制作应用程序,也是为低分辨率的低劣坏屏幕制作应用程序。 所以确保你的方案适用于所有类型的屏幕。
10.使导航直观
这个提示是非常基本的,但有时人们往往会忘记这一点。 90%的时间他们使用导航系统模式。
您的应用程序应该提前给予标签,以便使用户可以更加智能地使用。 不要让用户搜索导航10分钟,这会导致用户卸载您的应用程序。
https://dribbble.com/shots/1766396-Animated-Tab-Bar-Icons11.过滤和排序选项。
设计师应该让用户满意而不是沮丧。
当一个网站可以在一个屏幕上显示14个图像时,移动屏幕一次只能显示三张图片。
在不承认这一点的情况下,大多数人会在一个屏幕上放下很多功能,并制作一个一般的过滤器却使用户感到困惑。
我敦促设计师设计一个有效的过滤器和排序选项。 所以,花大量的时间根据界面的风格和产品属性做出最佳的设计。
https://dribbble.com/shots/3660177-Open-the-shop-purchase我的设计作品(Dribbble):https://dribbble.com/exciting
本文翻译来自Medium感谢Johny vino