当前位置:首页 » 技术教程 » SEO百科 » 详情

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

如何提高移动端用户体验?

智能手机的发展推动了移动端的快速发展,移动端还包括平板电脑,ipad等终端设备。所以对于移动端的优化是一件迫在眉睫的事情,那么如何提高移动端用户体验呢?

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

移动端seo

1、基于需求的设计

为确保用户可以轻松地找到他需要的东西,站长可以合理设计的移动端站点结构。

2、便捷的搜索

移动端用户体验优化的核心元素就是搜索框,由于界面的限制,你需要把搜索框放在一个合理的位置,千万不能丢弃,同时你需要为难以搜索归类的结果添加选项,比如:信息分类网站。

最后,你需要保证有一个有序的清爽的搜索结果列表。

3、减少占用空间的元素

尽量减少对分隔符,边框的一些使用,保持文章内容界面简洁,不要给予过多的色彩,我认为移动端的界面设计要比PC端重要的多,也难的多。

用户体验:响应式设计

4、使用简单的表格

为了获得最佳的移动用户体验,尽量简化对姓名、地址、联系方式等这些内容,精简需要填充的内容,是你首选的目标,对于电商网站而言,超过5个以上的文本框,将会毁掉你的用户体验与转化。

5、颜色与字体大小

您的网站不一定是黑白的,但一个漂亮的白色背景,黑色字母和一个或两个支持颜色就足以提供更好的移动用户体验,你并不能要求标题字体的大小与内容部分的一样,但你也不能采用超过3种以上的字体大小。

6、按钮的大小

移动端的网站是完全依靠手指进行点击的,经常会遇到选项特别小的按钮,经常容易产生偏差,毕竟谁也不能总是随身携带一个触摸笔。

7、PC与移动端切换选项

目前很少有在移动端设置到PC端的选项,这个对于一些平板电脑与大屏手机的用户将会有深刻的体验,由于某些网站的设计缺陷,移动端对于这部分用户而言,体验并不是特别好,亦或是移动端相比pc端少了很多功能选项,大家想切换到PC界面的时候,很困难。

8、响应式设计的反复测试

当你采用响应式设计的时候,你需要测网站的每一个部分,确保PC端每个功能都可以在移动端实现,特别注意的是广告代码位置,一些联盟代码并不能友好的适配响应式设计,这需要开发的时候多加注意。

如何从交互层面提高用户体验?

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

俗话说,知己知彼百战百胜,提高用户体验,才能赢得消费者的信赖。那怎么提升用户体验呢,掌握交互规则是前提,了解用户心理是保障。以下这些提升产品体验的设计,你一定不能错过。

一、文案的力量

文案是用户与界面交互的重要渠道,许多设计师会将需求方的文案,直接粘贴到设计中。

实际上,设计师对于文案也是可以设计的,它能够帮助用户更好理解产品服务,与用户产生共鸣。针对文案的设计,常规的我就不说了,以下是我认为最容易混淆概念也最容易犯错的两点心得。

1. 分场景的简洁、清晰

现在产品讲究的是高效,就像张小龙所说的“用完即走”,所以我理解大多数情况下文案的描述不应该给用户臃肿感觉,简洁且阐明要义,用完即走,我们在设计文案时候省略不需要的词汇,保证文案可通畅地指导用户完成操作,即可。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

我说的这些,我相信大家都能够理解,不过我的主要目的并不是这个,我想讲这种“简洁”也要分场景去考虑,比如某个打车软件的弹窗场景中,并不是文案越短越好。

文案做到简洁清晰后,还要注意文案的表述是否准确有效,也就是文字表达要精准,不能因为简洁而丢失了关键信息。

比如下面这个案例,我不可否认左面的案例看起来更加有效率,但是文案过于简单会引起用户的异议,因为“取消”在这个场景下也代表取消订单的意思,所以在简洁的同时,清晰、准确地传达信息更加重要。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

2. 提供解决办法才是王道

我们很难保证用户在使用产品中不会出现问题,当出现问题时候我们应该给予用户解决的办法,而不是直白地告诉用户问题出在哪里,因为只有保证用户顺利地完成一系列操作,达成自己的目标,我们的产品才能真正留住用户,才算是满足了用户需求。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

并且,在一些比较复杂或者是与交易金额有关的场景中,我建议除了把问题标红之外,还可以使用这种气泡弹窗的形式给予用户更加明确的帮助。比如下面这个案例,不仅仅是告诉用户“不要输入字符”,还应当告诉用户应该输入什么类型的文案才能算是正确填写信息。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

二、准确胜于一切

1. 有文案的标签更容易理解

在我们的界面中,图标随处可见,并且是一个非常重要的视觉表达要素。图标的本质意义在于用图形语言传达给用户信息。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

我不否认在tab栏的图标加入文案就是绝对正确的,市场上还有很多产品也是去掉文案只用图标展示的。

但是你打开手机的应用,会发现很多日活过亿的产品,都是在图标下面加了文案,比如淘宝,不仅在图标下面加了文案,并且还会在旁边注明当前的状态,抖音更是图标都省了,直接上文案。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

2. 设计可点击区域的尺寸

准确除了信息传达的准确之外,还有另外一层的意思就是操作准确,因为UI设计师最开始的载体是PC台式机器,进行操作一般都是由鼠标完成,但是现在是移动互联网时代,很多交互操作都是由用户的手指去完成。

基于用户(人)的手指大小不同、移动设备的屏幕尺寸大小也是五花八门,所以我们在为移动设备设计时,应该考虑到手指可点击区域足够大,以便用户的手指能够成功点击,确保用户的操作是流畅的。以下是我关于移动端常用的点击区域的尺寸规范,大家应该牢记:

  • 苹果规范:适用于 iOS 的 44 x 44PT。
  • 谷歌规范:48 x 48dp 适用于 Android。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

三、直接一点没什么不好

1. 直接告知用户下一步将发生什么

我们在设计某些不可逆转后果的操作的场景,例如永久地删除某些数据内容前,应该明确告知用户您目前进行的操作的后果是什么,甚至用红色的按钮做设计都不为过。

这样设计的目的,就是直接告知用户下一步将要发生什么,尤其是工具类或者表格场景填写信息的场景,如果不明确告知用户后果,用户失望的心态将无法弥补,毕竟谁都不愿意把工作重新再做一遍。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

2. 加载状态展示当前状态

尽管我们的产品的硬件配置一直在更新,但并不能保证在处理大量数据时不会出现卡顿现象,所以说系统状态可见性是做UI设计不可忽视的一项原则。

一般情况下,在系统响应时间不超过1秒的情况下,通常正常反馈即可。在响应时间大于1秒的情况下,会采取加载的方式来缓解用户的焦虑;如果在10秒钟内没有回应,则会被视为该请求失败,需要给用户失败提示以及解决方法。比如:加载失败的提示、请重试刷新页面的按钮。

不要让用户去猜测目前产品的状态,而是应当快速地传达给用户产品目前当前的状态,这种状态不仅仅只是异常状态,还应该包括加载的状态,只有这样做用户才不会因为不知道产品当前状态,而退出产品。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

四、盘点哪些好的体验点

人体内共有206块骨头,产品的最高境界就是把产品做成用户的第207块骨头,与用户的生活息息相关,而给产品添加人性化功能,是很重要的一部分。

我梳理出一些属于通用性的产品体验点,你可以试着,按着下面的角度给产品经理提一些,提高产品体验点的建议。

1. 保护隐私

每个人都不希望看到自己的隐私泄露,当涉及用户信息安全、人身隐私,我们应当建立起一种「为用户安全着想」的想法去设计。

比如,菜鸟裹裹上线“线上隐私寄件”的信息保护功能,在发货界面开启「隐私寄件」后,用户的信息将会在包裹面单上进行脱敏处理,只展示部分地址信息,这很好解决了用户对隐私安全的顾虑。

再比如美团评价商家的食品界面场景,当用户选择 1 星或者2 星的低评价时,产品会自动勾选「匿名评价」,为的是对输入差评的用户给予隐私保护,免招商家的骚扰。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

2. 人性化提醒

虽然我们希望用户都有沉浸式的体验,从产品营收角度讲用户在产品上花费的时间越长,用户付费的可能性会增加,但是对于连续使用 N 分钟、或者满足特定时长的用户,可对这类用户进行休息提示,用户会感受到关怀感,以我亲身体验的两款产品为例子,讲一讲我的真实感受。

  • 抖音:当我刷短视频的时间较长时间后,抖音就会提醒我需要休息了,这种友好的提醒会让我觉得我使用抖音(产品)并不会威胁到我的健康,这种体验很人性化。
  • bilibi:我平常在地铁里面因为环境噪音会很大,我习惯性地把耳机的音量变高,此时,bilibi就会提醒我这个音量有损我的听力,我会潜意识地调到不那么大并且可以听清楚的程度,这样不仅可以保护好耳朵,又可以愉快地刷剧,体感很好。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

3. 所见即所得

大部分用户都不喜欢计算或者投入很多脑力活动,更希望的是产品整体的操作流程是简单、高效的,并且在简单、高效地体验同时,还能保证产品的准确性,尤其是数字类场景,不会因为自己的理解错误,带来意外的财产损失,我最近体验微信和支付宝就发现了下面两个功能点的差别。

  • 微信:当在微信转账的场景中,如果输入要打款的金额,在数字下面就会生成对应的中文金额,减去了用户边输入边计算“这是多少钱”的脑力投入,很直接。
  • 支付宝:支付宝在转账场景上更胜微信一筹,不仅下面同样生成中文的金额,还有标签可直接备注这笔金额用于什么地方。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

4. 价格的对比

性价比是用户衡量「付出成本与回报价值」之间的一种决策依据。没有谁会喜欢做付出多回报小的事情,为了让用户觉得自己回到很多,除了提升产品自我服务、实力信息的展示之外,选择一个「参照物」来凸显性价比,算是最好的一个设计方案了。

  • 高德打车:高德地图的打车功能就很适合我这种对价格比较挑剔的人,他能为我展示打车场景下,所有车型的预估价格预览,帮助我选择所需价格的车型。
  • 美团外卖:美团外卖的减免神器,虽然我不知道他是否真实减免,但是帮助我这类不精于算术的人,节省开支的一个好功能。

如何做好用户体验中的交互体验(如何提高移动端用户体验等级)

五、结尾

正所谓细节决定成败,在UI设计的工作中,往往细节的偏差只有0和无数个,以上就是我针对交互层面可以提升用户体验的细节点,希望对你能有所帮助。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 lkba@aliyun.com 举报,一经查实,本站将立刻删除。

转载请注明来自专注SEO技术,教程,推广 ,本文标题:《如何做好用户体验中的交互体验(如何提高移动端用户体验等级)》

标签:用户体验

打赏站长

打赏方式:

X
  • 支付宝
  • 微信
  • QQ红包

打开支付宝扫一扫
文章作者:︻$▅▆▇◤ 日期:2023年11月22日 星期三   分类:SEO百科   浏览(22)
本文地址:https://www.zzjjd.cn/seobaike/7026.html   [百度正在收录]
声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!

留言咨询

自动获取QQ

昵称

邮箱

网址

关于我们

    站长导航网提供网站SEO优化、SEM推广营销(百度/360/搜狗收录优化)、企业建站、搜索引擎教学等服务。
    联系我们:给我发QQ消息 加入QQ群

站点统计

  • 收录网址:154 个
  • 黑名单:0 个
  • 发布文章:2247 条
  • 总访问量:908296次
  • 评论总数:0 条
  • 用户总数:239
  • 本站运行:2年5月3天
展开
关闭 提交收录 审核状态 SEO实战 SEO外链 在线工具 资源大全 骗子公布 本站公告