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

2018-03-28  本文已影响240人  ZoeYiker

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

最近,情况发生了很大变化。 很难找到一个没有手机的人。 特别是智能手机的出现,人们将世界掌控于手中。移动应用程序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

原文链接

上一篇下一篇

猜你喜欢

热点阅读