UI/UE | 产品体验日记(02)

深圳/UI设计师/4年前/239浏览
UI/UE | 产品体验日记(02)

2020年的最后一篇产品体验日记,2021定个小目标24篇,加油。

1.【得物】抢占用户心智



产品体验:

【得物】为了向用户传递正品、安全、保障等价值,在新用户打开【得物】就会有首页弹窗向用户传递正品平台以及售后无忧,购买模块界面顶部呈现“先鉴别后发货 保障全新正品”,商品详情中也大量的“正品保障”等字样充斥着用户视觉。


设计思考:

【得物】在抢占用户心智的设计策略中无疑是成功的。先不管用户有没有在平台下单,全平台正品的概念已经占据大部分用户对【得物】平台的印象,品牌概念已经深入人心,悄然建立起品牌与用户之间的“情感壁垒”,打消用户顾虑,传递平台核心价值。





2.【淘宝】增加搜索按钮



产品体验:

【淘宝】经过改版后,在首页的搜索框里增加一个搜索的按钮,点进去后和直接点击输入框一样进入手动输入关键词进行搜索页面。


设计思考:

【淘宝】增加搜索按钮这个功能是最近无意中发现的,怀着好奇心,我把阿里旗下的产品看了一遍,闲鱼、支付宝、饿了么都增加了搜索的按钮。在视觉上来说,这个按钮比较突兀,不好看。但从转化率来说,增加一个和点击搜索框功能一样的按钮,无疑多了一个入口,并且在视觉上的突出,诱导了用户点击,自然地搜索的人的就多了,就能更精准地向用户推荐商品。但让人比较疑惑的是,在认知中点击搜索按钮会默认搜索左边搜索框内推送的内容,但却和点击搜索框跳转的页面是一样的。





3.【盒马】微详情沉浸式设计



产品体验:

“猜你喜欢”点击商品就会进入二级页面——微详情,整个屏幕2/3都被单个商品占据。用户上下滑动可浏览下面的商品。


设计思考:

【盒马】的这个设计是无意中发现的,这让我想到了前段时间淘宝将猜你喜欢进行了优化,也是微详情的页面。这也说明越来越多的产品开始使用沉浸式浏览的表现方式。沉浸式浏览的设计,有这“重图轻文,信息轻量”的特征,通过高质量配图刺激用户视觉,激发用户购买欲。整屏只放一个商品,让用户只被眼前的东西吸引,不被其他元素干扰,专心面对一个商品即可,从而无法感知下一个商品的内容,“永无止境”的浏览。






4.【网易云音乐】年度听歌报告



产品体验:

到年底了,各大App一年一度的年度报告也出来了,但唯一破圈的就是火爆朋友圈的《网易云年度听歌报告》。首先《网易云年度听歌报告》用最近特别流行的3D人物插画风格贯穿整个页面,其次整体的配色基本都是采用邻近渐变色,给人于一种柔和的、舒服、新颖的感受。最后【网易云音乐】的文案写的非常用心,简短的一句话,就能引起用户情感深处的共鸣,让用户更愿意的去分享。


设计思考:

那相较于其他产品,为什么只有《网易云年度听歌报告》火了呢,产生了几千万甚至上亿价值的品牌曝光。我想应该是【网易云音乐】给用户产生的心智就是——看到网易云,就会联想到:网抑云、情怀的评论、云村、到点了、上号、记录过去。年底本是人回顾一年做了哪些事,有哪些成就的时候。这种“回忆”、“记录”的情感不知不觉就和【网易云音乐】传递给用户的心智完全契合了,这要就造成了用户更愿意去分享传播。还有一个优势就是,音乐比别的产品可以更好地寄托人的情感。





5.【酷狗畅听】“可视化”有声读物



产品体验:

【酷狗畅听】一改之前有声读物枯燥乏味的局面,通过在画面中添加角色场景、角色台词、弹幕,与有声书的语音和声效结合在一起,让听众在收听时有身临其境的感觉。产品功能上,还添加了角色台词的显示,用户如果没听清,不需要重复拉动进度条。


设计思考:

有声读物在过去我们的印象中,好像只能戴个耳机静静地听着,也没什么可玩性。

但【酷我畅听】在有声读物领域进行了一系列新的玩法。最主要的就是,【酷我畅听】将有声读物进行了“可视化”。视觉和听觉上的提升,可以为用户提供更好的信息获取效率,以及更好的临场感,也让听众之间的实时互动成为了可能,同时大大提升了沉浸感。让有声读物这一原本只能获取听觉一个维度信息的媒体,升级为了可以双向互动的全新产品,增加了对年轻用户的黏性。弹幕的功能,在鼓励年轻用户相互交流的同时,更是帮助平台打造出一个更加稳固的爱好者交流圈层。并在不知不觉中降低了小白观众对这一新领域的适应成本,吸引来了更多的用户。





6.【喜马拉雅】搜索结果页面



产品体验:

通过用户精准搜索后,会在页面给到用户一个精准的搜索结果,用卡片+投影的设计突出搜索结果,并用按钮给去引导,从心理感知上让用户去点击;


设计思考:

通常学习教育类产品,用户通过搜索后,会给区与匹配度较高的内容,但大多数产品在搜索结果页并没有给用户一个外在明显的入口,没有促成用户心理引导的感知,很容易让用户在结果页长时间浏览。【喜马拉雅】的做法提高了用户的产品使用率,以及点击率。





7.【Sorted】多选操作



产品体验:

【Sorted】的多选操作是先在一项任务上向左横划一小段距离,触发多选状态,再直接下滑或者山滑就可多选,甚⾄至隔着一个或两个再次重复上次操作,就可以隔项多选。


设计思考:

目前市面上产品常规的多选操作点击或者滑动后,需要一个个的点击。影响操作效率不说,流畅性也不是特别好。

【Sorted】的这个多选操作,听起来似乎比常规的多选交互复杂,但实际操作起来其实不不然。实际体验之后发现操作如丝般流畅,非常连贯,一个手就可以完全的操作过来。同时比常规的操作方法,节省了操作移动的距离,提高了操作的效率。尤其是多选之后可以紧接着重新分配任务,在也不用需要一个个点戳屏幕了。





8.【腾讯动漫】开关情感化设计



产品体验:

在“我的”页面底部切换设置的设计上,区别于普通开关,采用小图标与开关进行融合的设计,非常的有新颖的感觉。


设计思考:

【腾讯动漫】开关情感化的设计,除了带给用户新颖的感觉,也符合产品面向年轻化用户的气质属性。在细节点上进行特殊化设计,避免了同质化,加强了产品情感的感悟,可以让页面更精致细腻。





9.【皮皮虾】进度条光标品牌融入



产品体验:

在观看视频时拖动进度条滑动按钮,设计上采用产品的主形象。还有更有趣的一点就是,当进行左右拖动时,滑动按钮上皮皮虾形象的眼睛也会左看右看。


设计思考:

【皮皮虾】将品牌融入到方方面面的小点,在细节处添加产品形象,可以强化用户对于产品的认知,趣味性的设计也可以增加用户对品牌的记忆点。在界面越来越同质化的今天,要讲品牌元素融入到产品中去,打造差异化。





10.【飞书】显示可能@的人



产品体验:

在【飞书】的群聊天界面中,输入@或者点击@,除了显示好友的列表。顶部还会显示“你可能@的人”,非常的贴心。


设计思考:

我一直觉得【飞书】最为一款企业协作平台,在设计和用户体验方面做的非常不错。“你可能@的人”这个功能会把你在输入聊天对话之前,比较活跃的人或者@过你人,列入到“你可能@人”的列表中。试想一下,我们在聊天中@别人时,不就是别人@你给你发了消息,或者是聊天中比较活跃的人。产品多想一步,用户少走一步,减少操作的重复性,提升操作效率。


3
Report
|
5
Share
相关推荐
我们的产品体验日记
Recommanded by editor
文章
2020设计作品集
Recommanded by editor
规则之外|松江永丰乐动力体育中心
Homepage recommendation
内容含视频
产品体验
产品体验
产品体验
产品体验
作品收藏夹
Borhium Ai for science
Homepage recommendation
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
扬州IP·扬小玉
Homepage recommendation
一梦大唐·长恨歌
Homepage recommendation
相关收藏夹
产品体验
产品体验
产品体验
产品体验
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
地产VI
地产VI
地产VI
地产VI
精选收藏夹
作品收藏夹
电商
电商
电商
电商
精选收藏夹
作品收藏夹
电商
3210
嘻哈街头超酷插画风格
嘻哈街头超酷插画风格
嘻哈街头超酷插画风格
嘻哈街头超酷插画风格
精选收藏夹
作品收藏夹
疯狂动物城同人作品
疯狂动物城同人作品
疯狂动物城同人作品
疯狂动物城同人作品
精选收藏夹
作品收藏夹
大家都在看
Log in