小摩·文章36

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

182人已阅

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

小摩·文章36·粉丝4 +关注

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

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

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

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

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

自定义键盘

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

系统键盘

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

16201.gif

https://dribbble.com/kukareka

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

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

最大限度地利用手势优势进行设计,不要通过打字实现滑动,轻敲等;当然,也不要忘记使用其他硬件优势,你可以通过这些硬件来减少许多表单字段。

2-1.png

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

№3. 不要隐藏密码

在移动设备中不需要显示和隐藏密码选项。由于移动设备的屏幕较小,用户使用起来也比较安全。因此,删除显示和隐藏选项将有效减少不好的用户体验。

3.gif

https://dribbble.com/greglilley

№4. 显示搜索栏

如果你能够设计出一个完美的搜索框,那么你的用户体验几乎成功了一半。

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

4-1.png

https://dribbble.com/virgilpana

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

有时候,设计师认为获得权限是一个好的设计主意,用户只需点击并授予所有权限即可。

但事实并非如此,用户对他们的数据非常认真,所以如果你需要获取关于他们的数据,请确保你在正确的时间询问权限。

因为它可以让用户信任你的应用程序,同时他们也极有可能发展成你的老用户。

5-1.png

https://dribbble.com/hugodesgayets

№6. 不要使用闪屏

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

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

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

6-1.png

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

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

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

如果用户30%的时间都在使用横屏模式,则设计必须考虑横向模式。

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

7-1.png

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

№8. 形式简单明了

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

8.gif

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

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

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

9.png

№10. 提供直观的导航

这是非常基本的,但有时设计师往往容易忽略。90%的时间里用户都试图使用他们已经习惯的系统模式的导航,用户使用这种导航可以使你的应用程序更加智能,但前提必须是你导航足够直观,用户不会因为搜索导航太久而卸载你的应用程序。

10.gif

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

№11. 筛选和排序选项。

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

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

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

11-1.png

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

原文作者:Johny vino

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

学习工具,但不受限于某种工具。Mockplus做原型,更快更简单,现在下载Mockplus,免费体验畅快的原型设计之旅。


打赏后可加作者微信进行下一步沟通
0人已打赏
0 0
182人已阅读

微信扫一扫

关注该公众账号

全部评价:0

相关文章推荐

  • 沪江设计师: 从一堆飞机稿中脱颖而出, 怎么做?

    总有那么些公司会让你觉得,设计logo简单得就像把一些文字和几个图形拼凑在一起。但是不论别人怎么说,想要设计出一个优秀的logo,就需要从一堆飞机稿中脱颖而出,在品牌理解与立意表达中寻找一个合适的平衡点。从设计方案提出到落实,沪江的新版logo经过多轮内外部征稿及头脑风暴,最终脱胎于二十多版样图。之所以选择了这一版富有清新感和极具网络特质的logo,意在传达“点滴学习,刷新自我,成为更好的自己”的教育理念。作为沪江第二代设计师,混迹十一年的老沪江人,我和团队是这么做设计的:idea的产生建站14年、商业化运行8年,沪江发展至今,产品种类、业务条线逐渐丰富起来了,我们围绕为用户创造价值进行更多的尝试。时间进入了2013年,当时的沪江快速奔跑,带动互联网教育行业,愈发引人瞩目,彼时的logo也再也无法承载如今沪江所代表的意义。为了去匹配现在沪江的发展趋势,向外界更好地展示沪江的新面貌,这就有了更多
    文人文 · 1年前 · logo设计
    762人已阅读
  • 小米生态链设计总监: 我吐起槽来, 连自家产品都不放过

    本文转自雷锋网如果小米在内部办一个“黑小米大赛”,与唯物交流过的几个小米员工表示,李宁宁的赢面很大,作为小米生态链设计总监,其吐槽范围几乎涵盖了小米的方方面面。当然,吐槽不是目的,而是效率手段。若中庸行事,势必会造成更大的损失。小米生态链设计总监李宁宁风口2010年10月,接到师兄刘德的电话时,李宁宁已经从ACCD毕业两年,常驻上海。问要不要应邀加入小米?她有些犹豫。释疑人是一位做程序员的女性朋友,对方表示:“互联网大潮掐不准,你赶上这一波就赶上了,没赶上就不知道下一波在哪;再次,你折腾几年潮退了,回来工业设计,这个行业还是一成不变,你并没有错失什么。”李宁宁深以为然,“一咬牙”便成为了小米第79号员工,也因此见证了“设计”在这个公司的所有内涵。“要做这个设计,它就拿不到元器件,你懂我的意思吗?要做适合80%的人的设计,我就不能走的太‘膈’你明白吗?”李宁宁措辞强烈。时至今日,她依然认为:更多
    文人文 · 1年前 · 其他
    556人已阅读
  • 读书笔记 |《游戏改变世界》激励机制

    两年前看的这本书,作为一个小游戏爱好者有一些自己的感受。在作者看来,我们玩游戏就是心甘情愿地选择辛苦的工作,听起来和我们为了放松而打游戏背道而驰。其实在我们一次次过关,升级,甚至充值的过程中,我们确实是在从辛苦的工作中收获成就感和乐趣。而这一机制也可以运用在日常生活,工作学习中,将辛苦的工作游戏化。比如游戏化的习惯养成软件HaibitRPG,用打RPG游戏的方式养成好习惯。记账软件Monny,万时应用iHour ,都是利用成就系统鼓励记录。Walkup和walkr两款与运动步数结合的游戏,通过收集系统达到激励玩家运动的效果。风靡一时的学霸拯救世界,也是通过番茄钟与社交、游戏结合实现监督学习。把辛苦工作与激励机制、社交相结合,将其游戏化,让工作更容易产生成就感和心流,或许可以成为现代人快节奏生活中的一支安慰剂。(题图为walkup截图)更多
    刘佳花 · 1年前 · 游戏设计
    660人已阅读