恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
产品体验细节03篇
0.0°
2021-06-05 原创文章 经验/观点 举报 590 1 2 0

文章开头先给大家安利一个体验产品的方法,就是找一个还不错的产品,去app store搜它的介绍,然后根据介绍画出整个产品的信息架构和主要页面的原型图,思考每个功能点应该怎么放,放在哪里。然后再打开这个app去看,看别人是怎么做的。这个过程会引发很多的思考,收获也会非常大,超级棒的一个体验产品的方法,大家有兴趣可以试一下哦,接下来进入正题~


01

知乎-开启推送通知

知乎鼓励用户开启推送通知的弹窗信息内容会根据用户的操作行为发生变化。比如当用户关注的好友发布了新的创作内容,或者用户创作的内容被别人点赞了。

设计思考

用户第一次打开APP的时候弹推送通知弹窗几乎已经成为了一种习惯,但在这个场景下,用户点击“不允许”似乎也成了一种习惯。所以在什么时机弹出这个通知弹窗对于提高用户点击“允许”按钮的点击率也是很关键的。关注的人发布了内容,不想错过的时候;发布的内容被点赞或者评论的时候;给好友发完消息,等待回复的时候。每一个行为动作的时间点都代表着用户的当时的心理状态:期待感,满足感。把握住这些时机弹出相应内容的“推送通知弹窗”,就能很大程度提高用户对产品通知功能的接受度。



02

盒马鲜生-盒区生活-内容发布页面

“不知道写什么,点击试试看”点击键盘上放的小标签后,就会自动输入相应内容的文字,简直是“词穷”人士的福音。

设计思考

小白用户在发布内容的时候,可能会遇到不知道写什么文字内容的尴尬情况。这样的标签提示设计,点击后自动输入文字,很大程度的满足了用户“懒”的需求。虽然自动填充的我文字内容都是一样的而且比较少。这样的标签提示在另一方面也可以为用户提供写作思路。



03

贝壳找房-对比房源功能

用户可以从之前的浏览历史中选择一个房源和现在浏览的房源进行对比。对比租金、设施,入住时间和地理位置等。

设计思考

我们平时在在app中租房的时候,经常会对比看几套房子,然后综合考虑选几套再去线下看房,相对于需要不断的重复来回切换界面来进行对比,这个对比房源的功能就特别的人性化,可以直接选择历史浏览的房源然后切换对比,非常方便实用!



04

得物

我的足迹,经常浏览,按照用户对宝贝的浏览频率进行排序,浏览频次越高的排序越靠前。

设计说明

浏览频率越高说明用户感兴趣种草的程度越高,排序靠前不断的提醒用户,让用户看到,激发用户购买的欲望和动力。

同时引发思考:为啥淘宝不做这样的功能?我认为还是和得物平台的产品特质有关,得物主打的是高端商品,客单价都比较高,用户并不能马上攒够钱购买,就和我们买奢侈品的心态一样,要心心念念种草很久,然后还要各种攒钱,从种草到拔草的时间周期比较长。而在淘宝中,由于客单价相对较低,用户从种草到拔草的周期较短,也许也就几分钟就能完成购买。所以得物加入这样一个功能是合适的。



05

B站和QQ音乐分享图标

Bilibili视频分享图标,点击进入后3秒开始分享图标变成微信图标,而且图标不断变大变小闪烁,大约13秒左右微信图标再次变成分享图标。

QQ音乐当听歌听到25秒的时候,右上角的分享图标变成微信图标,并进行放大放小的动态变化,这个过程大约持续10秒后结束,图标又变回之前的分享图标。

设计思考
采用微信图标强调的原因是因为用户分享里面96%都是微信分享的。两个产品一个3秒,一个25秒,应该是数据验证后的结果。同一个功能思路在不同的产品里面实现的方式也会有差异,根本原因还是因为产品的差异,还是需要具体问题具体分析,同时使用数据辅助论证。



06

美图秀秀马赛克-背景保护

美图秀秀的打马赛克功能面板中,有个背景保护功能,点击后可以自动识别画面中的元素,然后给背景加上一个保护区,用户打马赛克的时候就不会涂到背景上。还可以选择保护人像。

设计思考
我们在处理照片的时候,遇到打马赛克的情况,一般就是给背景马赛克或者给人物打马赛克。但是在手机上,因为手指的触摸区域大,打马赛克的时候不能很精准的调整好打马赛克的区域,这个背景保护功能可以自动识别画面中的元素,然后加上保护,这样就不会担心有的区域会被误打上马赛克了,非常贴心的功能设计。



07

知乎

知乎视频点击进入观看之后,右下角出现一个向下按钮。点击后,自动滑动至下一个视频,这个按钮还可以随用户的喜好自由移动位置。就算不点击这个按钮,当用户有一次滑动操作后,视频就会直接切换下一个或者上一个。和传统信息流页面滑动中滑多少,内容也跟着动多少的交互不同,这里滑动的交互有一种类似看抖音滑动看上一个下一个的感受。

设计思考

尝试之后发现,以这样的交互方式来切换一个个视频还挺方便的,自动会帮你移动到合适的下一个视频的位置,区别于传统信息流的交互方式。抖音已经是短视频的代表产品,用户习惯了抖音看视频的那种交互方式,所以这里知乎将自己视频信息流的交互方式做的和抖音差不多,一来是符合看视频用户的交互习惯,二来这种交互方式确实效率更高。




08

京东金融消息热点轮播窗

京东金融消息热点轮播窗,“午评、热点、快讯”三条消息会依次轮播切换。当点击向下小箭头后,三条轮播消息就会全部展现出来。

设计思考

轮播消息经常会遇到的一个问题就是,当用户看到一个感兴趣的内容刚想点击的时候,这条消息就刚好轮换掉了。用户就必须要等待那条消息再次出现才可以。这样一个展开小窗的设计就很好的解决了这个问题,用户点开之后就可以看到所有的轮播的消息。



09

雪球-我的

顶部的小图形会微微的动,很有特色。当用户下滑时,这个区域会展现出来,然后随机出现一句话。

设计思考

随机出现的话,有的是网友的经典语录,有的是行业名人的言论,这些话的出现会给用户制造一些惊喜感。



10

京东金融-财富页

当用户停留几秒后,弹出一个带着问题的小窗,点击后自动滑到下面这个问题的地方。

设计思考

把页面下方需要滑动好几屏才能看到的内容,通过这个小弹窗展示,借助内容吸引用户点击,带领用户直接滑动到最下面查看。这样的功能设计可以提高页面中下半部分内容的展示率,从而提高产品的活跃度和留存率。



11

有知有行投资教程文章

当阅读到最后的时候,有一个完成阅读小banner,右边的鼓掌图标会产生小动效,同时手机会有短震动反馈。

设计思考

这样的小设计可以很好的鼓励用户完成了阅读学习,鼓掌动效只触发了一次而且很短,不会给用户造成过大的干扰。(不过这里动效时间有点太短了,又在右边容易被手挡住,等发现的时候动效都已经播完了)同时手机的短震动反馈增加了鼓掌的热闹感,更好的向用户传递出了情感。



12

考拉海购新型banner

将banner和综合分类页结合展示,banner上的商品也是根据千人千面的算法会发生变化,这样的展示形式很新颖。

设计思考

之前看到有篇文章说,由于banner的泛滥,现在的用户只要看到banner都会习惯性的跳过,反而会直接去寻找页面中低饱和的列表,所以banner越来越被淡化。看淘宝的改版直接去除了banner就能发现,用户看多了banner已经产生了疲劳和习惯性抵制,所以现在很多APP的改版都在慢慢的去banner或者弱化banner。考拉海购在这里把banner和分类栏结合的方式也是一种解决思路,代入了分类,用户看banner的时候会更清晰,banner的内容也显得更加规整,同时banner的形式也使得分类栏更加丰富生动。




这次的体验分享就到这里,感谢您的阅读!


Powered by Froala Editor

更新:2021-06-05

收藏

1人已收藏

知与的设计笔记

一位喜欢UX/UI的设计师

  • 5

    作品

  • 8

    粉丝

  • 0

    关注

  • 豆瓣搜索功能改版
  • 返回与保存
  • 产品体验细节02篇
  • 产品体验细节

    猜你喜欢

      2021-06-05 原创文章 经验/观点 举报 590 1 2 0

      产品体验细节03篇

      0.0°

      你确定要举报产品体验细节03篇

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年06月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录