每个设计师都需要了解移动应用交互的11件事

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

最近,情况发生了很大变化。 很难找到一个没有手机的人。 特别是智能手机的出现,人们将世界掌控于手中。移动应用程序App几乎涵盖了所有的领域。

尽管移动应用程序已经达到饱和点,但真正的设计师依然可以构建出杰出的应用程序。 在这里,我列出了十一个有用的提示,这些提示基于我的经验和一些Google指南,这将帮助您设计出和谐实用且能够解决问题的移动应用程序App。

1.使键盘与所需输入的文本匹配。

自定义键盘

我们的研究表明,人们发现在键盘模式和触摸屏模式之间的切换是非常棘手的。 它增加了用户的认知负荷。 因此,设计者应该为用户制作自定义的键盘。

系统键盘

该设计是自定义的,以便键盘模式会根据上下文自动更改。 已经保存过的密码也应直接显示在那。

https://dribbble.com/kukareka


2.手势和硬件

移动电话比网络更具优势,因为它具有许多优秀的硬件,如加速度计,GPS,蓝牙,手势识别等。 所以设计师应该高效地利用这些功能。

应该使用滑动滑动,轻敲,使用指纹等选项而不是打字。 利用所有这些硬件可以减少很多表单域。


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


3.不要隐藏密码

手机中不需要显示和隐藏密码选项。 由于它是一个小屏幕,用户将秘密地使用。 因此,删除显示和隐藏选项将减少用户的挫折感。


https://dribbble.com/greglilley


4.显示搜索栏。

如果您完成了完美的搜索工作,则几乎可以在整个UI / UX流程中取得成功。

尽管所有的应用都有代表性,但用户更喜欢传统的向下滑动的搜索模式。 此外,显示最近搜索和最爱搜索时间的选项。


https://dribbble.com/virgilpana


5.在上下文中请求权限。

有人认为获得批量许可是一个很棒的想法。 但是,由于用户对他们的个人数据非常谨慎,他们不想只是点击一下就授予了所有权力。 所以在正确的时间询问权限会让用户信任你的应用程序。 而且,他们将成为您的常规用户。


https://dribbble.com/hugodesgayets


6.没有启动画面

根据研究,人们花费45秒选择一个应用程序,他们通常从下载的十个应用程序中选择一个。 所以请在前面的10秒之内打动他们并显示价值。

没有人会为花哨的闪屏感到困扰。展示应用程序的主要功能价值比美丽的插图更重要。 如果他们打开应用程序,让他们直接看到主屏幕。


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


7.方向

如果用户有30%的时间在横向模式下使用您的应用程序,则必须将其设计为横向模式。 但大多数设计师只在纵向模式下测试他们的应用程序。 在横向和纵向模式下测试您的应用程序。

横向模式是驾驶,金融,书籍和游戏App的主要模式(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.在手机上测试应用程序

我给每个设计师的首要提示是在手机上测试您的app设计。

当您开始设计时,请将手机连接到笔记本电脑以查看设计的质量。

你不是只为漂亮的高清桌面制作应用程序,也是为低分辨率的低劣坏屏幕制作应用程序。 所以确保你的方案适用于所有类型的屏幕。




10.使导航直观

这个提示是非常基本的,但有时人们往往会忘记这一点。 90%的时间他们使用导航系统模式。

您的应用程序应该提前给予标签,以便使用户可以更加智能地使用。 不要让用户搜索导航10分钟,这会导致用户卸载您的应用程序。


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



11.过滤和排序选项。

设计师应该让用户满意而不是沮丧。

当一个网站可以在一个屏幕上显示14个图像时,移动屏幕一次只能显示三张图片。

在不承认这一点的情况下,大多数人会在一个屏幕上放下很多功能,并制作一个一般的过滤器却使用户感到困惑。

我敦促设计师设计一个有效的过滤器和排序选项。 所以,花大量的时间根据界面的风格和产品属性做出最佳的设计。


https://dribbble.com/shots/3660177-Open-the-shop-purchase


我的设计作品(Dribbble):https://dribbble.com/exciting


本文翻译来自Medium感谢Johny vino

原文链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,719评论 25 709
  • 读经: 《出埃及记》第19章。 经文: 耶和华对摩西说:“我要在密云中临到你那里,叫百姓在我与你说话的时候可以听见...
    君自尔出阅读 13,145评论 1 4
  • 第二次梦见了高考。 梦见第二天要去参加高考,可是可是……我是按照老版本在网上选择的模块考试,坑爹的我选择了作文作为...
    夏靥人间阅读 1,099评论 1 0
  • 很多时候,人往往不能面对自己。是人缺乏勇气,人不按照正确的道路行动。 我会认真面对,脚踏实地,按照正确的规矩做事。加油
    恒祥_1b4a阅读 1,121评论 0 0

友情链接更多精彩内容