产品细节的设计思考(一)

释放双眼,带上耳机,听听看~!

本篇文章中,作者列举了六个产品中的亮眼细节与你分享,并且与你分析其中的细节的特色。

产品细节的设计思考(一)
好的产品会做好功能和细节,功能能够吸引用户关注,而细节则是让用户留下来。

好的产品一定是经过精敲细磨打造出来的,能让用户留下记忆点的,却往往是个不经意的小细节,打动用户的可能是一个趣味动画、一个贴心功能、或者是一句打动人心的文案。

一个小的细节设计能阻止用户流失,让人眼前一亮。那么细节设计背后的逻辑和意义,则更需要我们去关注,下面让我们一起来看下,细节设计是如何塑造那些好的产品的。

一、「哔哩哔哩」B站下了一场“流星雨弹幕”,承包了整片星空

1. 产品体验

英仙座流星雨,B站专门上线了“流星雨直播间”,并开启许愿活动。用户发送一条许愿弹幕,就会变成一颗弹幕流星划向星空。

产品细节的设计思考(一)

2. 细节描述

8月13日凌晨,北半球三大流星雨之一的英仙座流星雨迎来极大值,让人惊喜的是,B站为此专门在直播间设置了“流星雨弹幕”。

在等待流星划过的时间里,网友们就已经先被这场流星雨弹幕触动,纷纷许下心愿,每个人发送的许愿弹幕,都会变成一颗流星划向星空,并且每条弹幕前都会带有一颗星星🌟图标,弹幕呈45度斜角方向运动,就犹同流星划过一般。

单从产品上看,其实仅仅是调整了弹幕角度,加了星星图标,但却模拟出一场令人难忘的弹幕流星雨,承包了整片星空,给用户留下深刻印象,创建情感连接。小破站真的很会制造惊喜,太懂浪漫了!

二、「小红书」好物推荐类视频 快速精准锚点定位,不错过一个好物推荐

1. 产品体验

在小红书穿搭好物分享类视频中,进度条上会有几个白色圆点,代表的是每个好物分享的开始点,可满足快速浏览好物介绍,同时追求效率的用户。

产品细节的设计思考(一)

2. 细节描述

不知道大家日常是否会看穿搭或好物推荐类的视频,你在观看时是否有下面的场景困扰:博主一次分享好物数量多且时间长,不想错过每个好物介绍,但又没有时间看完全部,即使当时收藏,也避免不了在收藏夹里吃土的情况……

对于有耐心、有时间的用户,可能会看完全部视频;但对于碎片化时间以及追求效率的用户来讲,如果前面是大段非重点信息,又无法精准找到每个好物的分享时间点,那么在此时,关闭视频的概率是非常高的。

小红书前段时间上线了针对此痛点的功能,在视频内容上可精准定位每个好物的锚点功能。

通过手指长按拖拽进度条,放大进度条区域,就可以方便快速得拖拽到白色锚点定位,找到你想看的好物分享,功能操作简单且浏览效率还提升了很多,对于常看种草类视频的用户来说,可以说是一个非常实用的小功能。

(ps:该功能不是所有好物推荐类视频都有,需博主上传时对视频进行章节编辑后,才会生成章节锚点。)

三、「QQ」小黄脸表情弹射 解锁表情新玩法

1. 产品体验

长按QQ官方小黄脸系列表情,即可看到“拖拽至此区域弹射表情”文字提示,拖拽至此指定区域,就可开启多个表情弹射发送模式。

产品细节的设计思考(一)

2. 细节描述

我近期较少用QQ,偶然间发现了这个功能,大家平时社交聊天时,很容易就能发现自己或身边小伙伴有喜欢连发表情的习惯,对想要强调的重要事情或情绪会表达N遍,来向对方表达自己的情绪。

近期QQ上线了小黄脸表情弹射功能,用户长按拖拽表情到指定区域,即可开启表情弹射模式,长按时间越旧,发射表情数量越多。

并且此功能在iOS系统和Android系统的效果有些许差异,iOS系统每发送1个表情就会有对应的短震触感反馈;Android系统则是每发送1个表情页面就会晃动(猜测是因为无法控制安卓机型震动幅度问题);就于两端效果,iOS系统的细节体验更好,效果更加细腻。

满足用户在发送表情环节时,想发泄的快感,能为用户在表达时带来更强的情绪输送。单就QQ黄脸表情来讲,从重新设计新的黄脸表情到现在的黄脸弹射表情,不难发现QQ团队一直在不断得提升社交互动体验的趣味性。

四、「QQ小世界」小火箭惊喜连推功能,对喜爱内容表达赞许,助力曝光

1. 产品体验

对于用户喜欢的内容,即可点击小火箭,对喜欢的内容表达赞许,助力喜欢内容的曝光,点击小火箭会有惊喜动效(最多可连推10次)。

产品细节的设计思考(一)

2. 细节描述

小世界是一款在QQ,以社交为核心,以兴趣为聚合的开放式内容社交产品,用户群体主要介于95-00后。

同上线初期对比,近期产品做了一些调整,由原来瀑布流形态,变为短视频展示形态(ps:目前还支持发图片内容),但推火箭作为该产品的核心操作,从初期一直保留到现在,这也是和同类产品拉开差异化的部分。

点击推火箭即可看到火箭发射动效,通过火箭不同路径走向、尾气以及爆炸效果去做动态效果,并且当到达10连推时,第十个火箭有缓动放大且视觉冲击逐渐加强的效果,除动画效果外还有点击时的震感反馈,能从多维度的感官细节上,感受到小世界这款产品的品质打磨。

五、「躺平」下拉刷新 趣味小动画

1. 产品体验

当用户下拉页面刷新信息时,导航下面会出现一个向下俯冲的「躺平」形象小人趣味动画。

产品细节的设计思考(一)

2. 细节描述

「躺平」形象小人不单从动作上,契合了用户下拉刷新的手势方向,还兼具了情感化以及趣味性,当有关注内容更新时,就会出现一个「躺平」形象小人半蹲落地后再飞上去动作,就像忍者一样。

从动画上完成了前后动画故事的连贯性、完整性;从操作上完成了从下拉刷新到刷新成功,整个动画充满了二次元的动漫感,给用户增加好感度,契合了年轻人的喜好,同时也从细节设计上强化了用户对App的品牌印象。

并且「躺平」形象小人除了在这个场景外,也贯穿了整个app可以有情感化展现的地方,比如标签、圈子为空时,以及缺省状态等其他场景,从全局上考虑了「躺平」形象小人在App上贯穿使用的场景。

六、「快看漫画」七夕 准备好吃狗粮了么

1. 产品体验

登录页面增加了七夕氛围的情侣互动漫画,渲染节日氛围,也能拉近产品与用户的距离。

产品细节的设计思考(一)

2. 细节描述

快看漫画七夕期间,在登录页面,用户输入信息前增加了情侣互动漫画;在用户输入信息后变成了情侣变成了亲亲画面,并且画面还巧妙得结合了用户信息公开与私密性的情景。

用户在使用产品的过程中,增加了乐趣和小惊喜,也拉近了产品与用户的距离,同时强化了快看漫画平台属性和形象。其中类似的案例,还有B站登录页面,2233娘在用户输入密码时蒙眼睛的设计,在用户初始使用平台时,都会留下深刻印象。

七、结语

设计师需要养成不断体验产品的习惯,保持好奇心,每个产品都是不断在打磨优化的,阶段性会有不同的产品和功能上线。

并且从用户角度体验完后,再切换产品角度,综合思考分析,为什么会这样设计,多观察去发现更多的产品细节,多主动思考产品设计背后的意义,拓宽自己的边界,将设计从表现和执行抽离,多往前延展,多主动思考、往前多想几步,就会有所不同。

给TA买糖
共{{data.count}}人
人已赞赏
产品设计

前置仓系统设计之库存库位篇

2021-8-31 15:03:58

产品设计

B端体验细节(五):搜索的设计模式

2021-9-1 9:11:48

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索