让移动端用户体验出类拔萃的5种技巧

不谈APP,即使是浏览网页,大部分用户也已经是依靠移动端设备来进行了。所以,无论你是网页设计师还是在研发APP,为移动端的用户设计稳定、可用的用户体验,应该是你份内的事情。当然,由于如今UI/UX设计的成熟,各种最佳实践使得设计师不用再对一些常见的设计模式从头开始摸索,而今天我们所聊的提升移动端体验的技巧,也是这样探索出来的经验总结。

1、简化导航

相比于曾经所流行的大型导航设计,移动端设备和精简的导航更搭。当用户在使用移动端设备的时候,注意力和时间通常都是碎片化的,当他们打开应用和网站的时候,希望尽快找到想要的内容。

所以,在设计移动端APP和网站的导航的时候,尽量根据分析和实际状况,保留最常用的的几个导航选项即可。

这样的设计一方面能够节省屏幕空间,而且导航选项的触发区域也可以设计得相对更大一些。

至于汉堡图标和弹出式菜单,具体用法见仁见智,可以根据实际状况灵活处理。但是有了汉堡图标这一约定俗成的菜单标识,用户可以快速理解它的含义,并且意识到背后还有一个弹出式的菜单。

Ebates 这款APP 就使用了两级菜单的设计,首先最常用的导航选项被做成标签页置于页面顶部,另外一个就是右上角的书签式菜单(心型+汉堡图标)。整个设计确保了功能性,足够简单,不会让用户觉得复杂,也可以轻松找到他们想要的东西。

2、多考虑手势与触感

移动端的交互和桌面端是截然不同的,而你的UI和UX设计要有意识地为移动端进行适配。

在这个过程中,手势交互是很重要的组成部分,设计师应该充分利用手势,帮助用户更快更高效地完成交互。

常见的手势包括:

  • 点按,双击
  • 按压
  • 长按
  • 托拽
  • 缩放
  • 滑动

移动端的手势交互的地位相当于桌面端的点击交互。

不过当你在思考手势交互的时候,别忘了搭配相应的触觉反馈。在我们日常使用移动端设备的过程中,常常会借用震动和力反馈来强化交互体验。而这种触感的设计,精髓在于尽量微妙一点,确保能让用户感知到反馈,又不会太过吸引人注意。触摸界面越来越多,用户是期望从中获得积极响应的。

3、创造对话

人们始终是希望通过语言交流来沟通的。也正是这种需求,使得对话式UI和聊天机器人能逐步走到台前,成为一种流行趋势。所以,当你的移动端UI当中,拥有让用户可以即时聊天的可能性的时候,你可以借用对话式UI 来提升用户体验:

  • 在你的界面当中加入更加触动人心的文案。无论是成段的文本,还是界面元素里的微文案,都可以通过更有触动性的文本来创造对话的感觉。就像 WTFWeather 这个应用一样,从文本到标签都采用的是对话式的表达,在为用户推送信息的时候也尽量营造出对话的感觉。
  • 使用聊天机器人和对话界面来和用户进行沟通。聊天机器人可谓是 24小时在线的客服,他们帮助用户解决问题,也能从某种程度上提升客户的忠诚度。
  • 将语音交互集成到设计当中来。Siri 、Cortana 和 Alexa 几乎是家喻户晓的人工智能语音助手了,将它们加入进来,让对话式界面更加强大。

4、动画化

如果你仔细观察近年来的网页,会发现动画特效已经无处不在了。动画效果能够让页面更加自然,更加漂亮,也更加引人入胜。动画不仅能够吸引用户关注,而且能够帮助用户展示如何更好的设计和交互。

Google 地图 当中就集成了少量的动效,它们并不引人注意,但是让整个应用更好周到、完整。在之前 Nick Babich 的文章当中,他总结了动效的三个关键用途:

  • 呈现系统状态:使用动效来显示加载状态,内容刷新,推送通知
  • 用户导航和过渡:使用动效来帮助用户了解内容切换,件视觉层次,呈现状态的变化
  • 用于视觉反馈:使用动画帮助用户确认他们之前的操作完成了

5、善用新用户引导流程和表单

相比于网页,APP当中的新用户引导流程是相当关键的。

绝大多数的应用因为其中的功能、服务的独特性,设计师会在用户初次打开应用的提供快速入门的教程,引导用户熟悉其功能。这一点在游戏类应用中尤其普遍。

如果新用户引导教程做的足够有趣,很容易提升用户的忠诚度。确保引导教程足够简单,并且能够给用户以帮助,而用户看过之后,如果还能回过头来再次查看,就更好了。

移动端网站则不同,最大的问题通常不是新用户引导而是注册表单和登录表单。移动端设备上,用户对于表单的易用性其实非常的敏感,用户不会喜欢又臭又长的表单和复杂的字段,所以,简化移动端网页的表单,能够更好地提升转化率。

看看上面的GoodRx,表单的设计就足够简单。

注册表单不应复杂。让用户输入邮箱注册,用户名、邮箱、密码三者绑定,登录的时候用户名和邮箱通用,这样能够便捷不少。

当然,还有更为便捷的思路,就是使用通用的社交网络站好来登录注册,这样对于用户而言就更加方便了。

结语

移动端用户体验要如何构建,对于如今的设计师而言,是很日常的问题了。激烈的竞争中,产品的差异往往是透过各种细节来呈现的。创建一套易用的用户界面,结合良好的用户体验,在细节上精细打磨,才能让用户真正留下来。 

原文发布时间为:2017-10-30 

本文作者:佚名

时间: 2024-11-03 11:21:08

让移动端用户体验出类拔萃的5种技巧的相关文章

专注高端用户体验聚力传媒发布“THE ONE”移动视频战略

2013年5月9日,聚力传媒(PPTV.com,以下简称PPTV网站)在上海的移动视频营销发布会上,正式发布"THEONE"移动视频升级战略,这是继年初发表"打造高端用户体验"的移动战略后,PPTV网站在产品.内容.终端.营销四大层面的全新部署.同日,PPTV网站联合第三方移动数据分 析平台友盟,正式发布中国首份移动视频用户分析报告-PP指数.PP指数集合PPTV网站与友盟强大的用户数据库及专业分析技术,从移动人群.地域.行为属性及设备.运营商分布等方面的深度交互分

用户体验设计是一种思想而不是一个职位

文章描述:用户体验设计是情感设计. 我们一直说用户体验,做产品没有一刻离的了这个概念.它是很基础的东西,但是现在,这个词被放大了,我们都在讲都想要用,可是这个理念仍旧关注力不足,所以今天来还是要讲点东西.做名词解释说明,太枯燥,所以我尝试换个角度来分享些内容. 用户体验是一种情感设计,就像电影.小说.戏剧和音乐一样,好的设计给人愉悦的情绪,糟糕的则有各种糟糕. 生活中的例子,各种情绪 1 身份证的设计没有考虑到用户在使用时需要复印的需求,个人信息和有效期在两面,复印时让人无奈 2 上次分享会,我

用户体验设计师:草图原型实战技巧

文章描述:凌乱中的艺术 - 草图原型实战技巧. 五年时间转瞬即逝,在自己小窝的最后一个周末:眼看着家当和心情都被打包的差不多了,整个人却终于感冒发烧腹泻垮了下来,这是闹哪样呢.所幸本周前面几天可以抽出些时间做掉这篇译文,今天发掉先.接下来的两个月,大概要集中业余零散精力放在一本iOS书的翻译上了:希望还能有些时间分给这边.杂七杂八就到这里,我们直接进入正文--草图原型实战技巧,没有务虚的大道理,每个内容要点都很实用.走着. 在如今的用户体验及产品圈子里,越来越多的人开始了解到草图及相关的原型工作

设计华丽的用户体验的6个热门技巧

  你是否曾经下载了一个应用,却发现它"很难使用"?对于大多数智能手机用户来说,答案是肯定的. 有趣的是,每四个手机应用中就有一个应用在下载后被"打入冷宫". 如果一个应用能够吸引一个人下载并且打开它,但就此打入冷宫,那么我们几乎可以断定,要么就是这个应用真的不是他们所找的,要么就是它只不过是太难用了. 第一个原因是通常因为吸引你下载的信息,例如应用程序的描述.营销资料等.如果你发送了错误的信号,这些信息可能需要进行微调. 第二个原因归结为用户体验- 那么就让我们来

良好用户体验应避开15种情况

对于一个界定明确的http://www.aliyun.com/zixun/aggregation/8691.html">用户群体来讲,其用户体验的共性是能够经由良好设计的实验来认识到. 用户体验,英文叫做User Experience,缩写为UE或者UX.一种纯主观的在用户访问一个网站或使用一个产品(服务)的过程中建立起来的心理感受.他们的印象和感觉,是否成功,是否享受,是否还想再来/使用.他们能够忍受的问题,疑惑和BUG的程度.因为它是纯主观的,就带有一定的不确定因素.个体差异也决定了每

起底六种最常见的用户体验设计错误

  越来越多的同学开始着迷UX/UI设计,这个领域的高手和爱好者也越来越多.于是大量新的想法.设计流程.设计手法以及形形色色的"原则"开始出现在这个领域当中,用良莠不齐这个词来形容UX领域其实非常恰当.用户体验设计需要你作出艰难的决定,成为优秀的设计师并不容易,你需要从错误中不断汲取经验教训,成就自己.人们总是犯着类似的错误,新的思路听起来很不错,但是并不足以成为用户体验设计的标准,但是也正是这些错误的修正,造就了真正优秀的设计. 许多概念看起来炫酷,但是稍加推敲就会发现它的谬误.还有

穷游网:这里有一个包含十二年用户体验妙计的锦囊

有一个网站,对于喜欢全世界撒欢的小伙伴来说一点都不陌生,它最开始只是一个留学生宿舍里几台电脑搭建的BBS,12年的时间,它变成D轮融资近6000万美元的创业圈新贵,它就是穷游网,估值近30亿元人民币的出境游平台.然而对于社区出生的穷游来说,不断完善产品和服务体验是不可或缺的,一方面是以用户吸引用户的模式,另一方面则是产品的用户体验足够好. 业务的复杂程度高--多款APP满足多样需求 在穷游网移动端技术负责人王燊眼里,穷游和国内其他的旅游公司不太一样:"穷游从成立那天起就专注于出境游.对于出境游业

从用户体验的角度详解iPhone 4手持信号衰减问题

iPhone 4上市一周,除了疯狂的销售速度外,被消费者和媒体关注最多的就是它的手持信号衰减问题.一款设计如此精良的手机,竟然还要用户改变持握方式才能正常使用,这种结果着实令人难堪.首先需要说明的是,手持状态下信号衰减问题并非iPhone4独创,很多手机都会有这样的状况.只是近年来大多数手机已经将天线隐藏在了手机内部的底端或顶端,用户在普通持握方式下很难对其造成影响,也就很少引起注意. 所以,问题就出在苹果"创新"的外置天线设计上.除了机身框架作用外,iPhone 4四周的http:/

手绘移动端极致体验

(Lennart Hennigs 著     Ellazou & Charrywang译    Crispinzhu校正     查看原文   转载请注明出处) 移动端用户体验设计正日趋成熟.衡量这一点的方法之一就是看工具.原型工具可以让我们创建线框图以及点击事件,比如Balsamiq.Axure以及Fireworks,帮助我们诠释目标用户体验.跨浏览器的框架工具如PhoneGap.Zurb Foundation以及jQuery Mobile可以帮助我们用互联网本地化语言来创建原型:HTML.C