来源:中联星空网络科技有限公司 | 2020.07.13
不管应用程序如何,大多数用户已经依赖移动设备来浏览网页。因此,无论你是在
与曾经流行的大规模导航设计相比,移动终端设备更能兼容简化的导航。当用户使用移动设备时,他们的注意力和时间通常是分散的。当他们打开应用程序和网站时,他们希望尽快找到他们想要的东西。
因此,在设计移动端APP和网站导航的设计中,尽量根据分析和实际情况保留最常用的导航选项。
一方面,这种设计可以节省屏幕空间,并且导航选项的触发区域可以设计得比较大。
至于汉堡包图标和弹出式菜单,不同的人对具体的用法有不同的看法,可以根据实际情况灵活处理。但有了汉堡图标,传统的菜单标识,用户可以很快理解它的含义,并意识到背后有一个弹出式菜单。
Ebates使用两级菜单设计。首先,最常用的导航选项被制作成页面顶部的选项卡。另一个是右上角的书签菜单(心脏+汉堡图标)。整个设计保证了功能性,简单到不让用户觉得复杂,也很容易找到自己想要的东西。
2多想想手势和触摸
移动终端和桌面之间的交互非常不同,您的UI和UX设计应该有意识地适应移动终端。
在这个过程中,手势交互是一个非常重要的部分,设计者应该充分利用手势来帮助用户更快、更高效地完成交互。
常见的手势包括:
单击,双击
按压
长按
托拽
缩放
滑动
移动终端上手势交互的状态相当于桌面上的点击交互。
但当你考虑手势交互时,别忘了将其与触觉反馈相匹配。我们经常使用振动来增强我们与移动设备的互动。这种触控设计的精髓是尽可能的微妙,以确保用户可以感觉到反馈,而不需要太多的关注。随着越来越多的触摸界面,用户期望从中得到积极的响应。
三。创造对话
人们总是希望通过语言交流来进行交流。正是这种需求,使得对话UI和聊天机器人逐渐来到台前并成为一种流行趋势。因此,当你的移动用户界面有可能进行即时聊天时,你可以使用对话界面来改善用户体验
在你的界面上添加更多动人的文案。分节文本和界面元素中的缩微复制都可以通过更感人的文本来创造对话感。就像wtfweather的应用一样,它使用从文本到标签的会话表达,并试图在向用户推送信息时创造一种对话感。
使用聊天机器人和对话界面与用户进行交流。聊天机器人可以说是24小时在线客服,他们帮助用户解决问题,也可以在一定程度上提高客户忠诚度。
将语音交互融入设计中。Siri、Cortana和Alexa几乎是AI语音助理的家喻户晓的名字。添加它们可以使会话界面更强大。
4动画
如果你仔细看看最近几年的网页,你会发现动画效果无处不在。动画效果可以使页面更自然、更美观、更有吸引力。动画不仅可以吸引用户的注意力,而且可以帮助用户展示如何更好地设计和交互。
谷歌地图集成了少量的动态效果,这些效果并不明显,但却使整个应用程序更加体贴和完整。在Nick babich之前的一篇文章中,他总结了药效学的三个关键用途:
呈现系统状态:使用动态效果显示加载状态、内容刷新、推送通知
用户导航和转换:使用动态效果帮助用户理解内容切换、可视层次结构和状态更改
对于视觉反馈:使用动画帮助用户确认其先前的操作已完成
5充分利用新的用户引导流程和表单
与网页相比,app中新的用户引导过程相当关键。
由于大多数应用程序的独特功能和服务,设计师会在用户第一次打开应用程序时提供快速入门教程,引导用户熟悉自己的功能。这在游戏应用程序中尤其常见。
如果新的用户指南教程足够有趣,就很容易提高用户的忠诚度。确保教程足够简单,对用户有帮助,如果他们能回头再看一次会更好。
移动网站不同,最大的问题通常不是新用户指南,而是注册表和登录表。在移动设备上,用户实际上对表单的易用性非常敏感。用户不会喜欢长而难闻的表单和复杂的字段。因此,简化移动网页的形式可以更好地提高转化率。
看看上面的goodrx,表单的设计非常简单。
登记表不应该复杂。让用户输入邮箱注册、用户名、邮箱、密码三者绑定,登录时用户名和邮箱通用,这样可以方便很多。
当然,还有一个比较方便的思路,就是用一般的社交网站登录和注册,这样对用户比较方便。
结语
如何建立移动用户体验是当今设计师每天都要面对的问题。在激烈的竞争中,产品差异往往通过各种细节表现出来。打造一套易用的用户界面,结合良好的用户体验,在细节上精细打磨,让用户真正留下来。