无论是APP,还是浏览网页,大部分用户已经依赖移动设备。因此,无论你是网页设计师还是开发APP,为移动用户设计稳定可用的用户体验应该是你的工作。当然,由于如今UI/UX设计的成熟,各种最佳实践让设计师不再需要从头探索一些常见的设计模式,而我们今天说的提升移动端体验的技巧,也是通过这种方式探索出来的经验总结。1.极简导航与曾经流行的大面积导航设计相比,移动设备和极简导航的兼容性更强。当用户使用移动设备时,他们的注意力和时间通常是碎片化的。当他们打开应用程序和网站时,他们希望尽快找到他们想要的内容。因此,在设计手机APP和网站的导航时,尽量根据分析和实际情况保留最常用的导航选项。一方面,这样的设计可以节省屏幕空间,导航选项的触发区域也可以设计得相对大一些。至于汉堡包图标和弹出式菜单,具体如何使用见仁见智,可以根据实际情况灵活处理。但是通过汉堡图标的常规菜单标识,用户可以快速理解其含义并意识到其背后有一个弹出菜单。Ebates应用程序使用两级菜单设计。一是最常用的导航选项被做成了页面顶部的标签,二是右上角的书签菜单(心形+汉堡包图标)。整个设计确保了功能性,足够简单,不会让用户不知所措,并且可以轻松找到他们想要的东西。2.多考虑手势和触觉交互。移动端的交互与桌面端完全不同,你的UI和UX设计要有意识地适应移动端。在这个过程中,手势交互是非常重要的一环。设计师应该充分利用手势来帮助用户更快、更高效地完成交互。常用手势包括:点击、双击、按下、长按、拖动、缩放和滑动。移动端的手势交互相当于桌面端的点击交互。但是当你想到手势交互时,不要忘记匹配相应的触觉反馈。在我们日常使用移动设备的过程中,常常会通过振动和力反馈来增强交互体验。这种触觉设计的本质是尽可能微妙,以确保用户能够感知反馈而不会太吸引人。随着触摸界面越来越多,用户期望得到他们的积极响应。3.创造对话人们总是希望通过口头交流来交流。正是这种需求,让对话式UI和聊天机器人逐渐脱颖而出,成为流行趋势。因此,当您的移动UI有可能让用户即时聊天时,您可以使用对话式UI来改善用户体验:在您的界面中添加更多动人的文案。无论是一段文字,还是界面元素中的缩微文案,都可以通过更感人的文字营造对话感。就像WTFWeather应用一样,它从文本到标签,都使用对话式表达,在为用户推送信息时,力求营造一种对话感。使用聊天机器人和对话界面与用户交流。聊天机器人可谓是24小时在线客服。它们帮助用户解决问题,也能在一定程度上提高客户忠诚度。将语音交互集成到设计中。Siri、Cortana和Alexa在人工智能语音助手中几乎是家喻户晓的名字,添加它们可以使对话界面更加强大。4.动画如果你仔细观察近几年的网页,你会发现动画效果无处不在。动画效果可以使页面更自然、更美观、更吸引人。动画不仅可以吸引用户的注意力,还可以帮助用户展示如何更好地设计和交互。Google地图中集成了少量运动效果。它们不引人注目,但使整个应用程序更加周到和完整。在NickBabich的上一篇文章中,他总结了动画的三个关键用途:展示系统状态:使用动画显示加载状态、内容刷新、推送通知用户导航和过渡:使用动画帮助用户理解内容切换、片段视觉层次和变化inpresentationstatusforvisualfeedback:使用动画来帮助用户确认他们之前的操作已经完成了。由于大多数应用功能和服务的独特性,设计者会在用户首次打开应用时提供快速入门教程,引导用户熟悉其功能。这在游戏应用程序中尤其普遍。如果新用户入门教程足够有趣,很容易提高用户忠诚度。确保入门教程足够简单以帮助用户,如果用户可以在观看后返回并再次观看则更好。移动站点不同。最大的问题通常不是新用户入职,而是注册和登录表单。在移动设备上,用户实际上对表单的易用性非常敏感。用户不会喜欢又长又臭的表格和复杂的字段。因此,简化移动网页上的表单可以更好地提高转化率。看上面的GoodRx,表单的设计已经足够简单了。注册表单不应该很复杂。让用户输入邮箱进行注册,用户名、邮箱、密码绑定在一起。登录时,用户名和邮箱是通用的,方便很多。当然还有一个更方便的想法,就是用一个普通的社交网站登录注册,这样对用户来说更方便。结论如何构建移动用户体验是当今设计师的日常问题。在激烈的竞争中,产品的差异往往通过各种细节表现出来。打造易用的用户界面,结合良好的用户体验,对细节进行微调,才能让用户真正留下来。
