守望者

最近在做万恶的作品集,经常会被说没有亮点,动效太过于普通,那要怎么做出特别有亮点的作品呢,前几天打开bilibili的网页版,发现消息里给我发的一封回到10年前的信,打开之后惊喜的呀,点击链接打开的是十年前的界面风格还有当时的最火的内容,一瞬间穿越了的惊喜感。

   
突然对设计有了一些新思路,现在的产品更新每次都能带给我们小惊喜,为了让我们有更好的使用体验,在交互小细节上下足了功夫,如果我们把这些小细节用到自己的作品里,那就很有意思了,今天我们就来看看目前模块上小设计比较多的几组模块吧! 
 

一、把评论玩出花

说到评论的设计,可能不少设计师在脑子里都还有固定的展示结构,比如说树形分支、线形分支、盖楼式结构啊等等,当然我们今天要讲的并不是这些,而是一些比较特殊的评论展示, 
 

1、主动展示评论

首先我们先说一下万能的淘宝,如下图:

微淘的动态详情页,进入该页面,底部操作栏上方就会以弹层的形式展示出评论内容,这是在引导用户查看评论,也是由于这部分模块属于UGC内容,评论能够引起更好的互动,让人有股想点的冲动,同时还节省了空间,以UGC分享内容为主的页面可以借鉴一下这个交互。
让用户根据具体的颜色、型号大小来筛选不同的评论,针对性的查看特定型号,这样的筛选评价更高效的让用户看到想看的评论。除了电商类的,漫画、视频类的根据角色展示评论,为了我们心中的明月光冲鸭!
 

2、定点评论

除了以上两种评论,还有很特别的虾米音乐歌词评论,如下图所示:

一首歌总有一句歌词能够打动你,虾米音乐就是通过歌词在时间线上进行时间定点评论,鼓励用户发表自己的感受,同时也能看到别人对自己喜欢的歌词有什么感受,这是属于情感化的设计了,这样的设计也能够用在穿搭APP上,推荐的单品评论,更好的避开自己的雷区。 
 

3、评论贴纸

还记不记得我们小时候喜欢在书和笔记上面贴好看的贴纸,马蜂窝就满足你这个爱好:

在评论区,通过情感化的卡通贴纸,让评论变得更加有趣,这样的设计用在朋友圈或者其他社交平台上,相信也会变得更加热闹。 
 

二、不能放过的弹幕

“弹幕”是观看视频或漫画的一种利用形式,观看者在观看时,会看到同视频时间点观看者留下的评论,以字幕的形式划过,从而增加用户间的互动性。现在关于弹幕的设计也使用的越来越多了,先来看第一种: 
 

1、同种类产品的对比

同种类型的产品也会有不同的表现形式,如下图所示:

快看漫画的弹幕是根据用户留言的位置依次播放的,而波洞的漫画详情页则是采用的顶部固定滚动弹幕,且可以自己设置展示区域。两者对比来说快看漫画的弹幕更具有指向性,但会干扰用户阅读体验,波洞的弹幕更偏向于视频的表现形式,体验会更好,但针对性不强,两者优缺点都很明显,暂时也没有想到互补的办法,还是需要根据自己对产品的设定去做。
 

2、弹幕中加入运营

对于抖音中出现的同款弹窗,弹幕中出现的同款广告,大家应该很少有见过,如下图所示:

相比于强广告植入视频,或者弹窗的强提示,弹幕广告不易打断用户观看,还能与用户形成互动,强烈建议电视剧和电影也有这样的弹幕,就不用总是去搜不太靠谱的同款了。 
 

3、引导用户发弹幕

ACfun新增的快捷弹幕,就针对于想发评论但是不知道发什么的用户,如下图所示:

不想再跟着弹幕里的评论+1的用户,也不知道想发什么但又想发弹幕的用户,就可以试试这里的快捷弹幕,里面都是最新最热的梗,能够提高用户发送弹幕的积极性。 
 

三、智能的截图

1、截图导入

以前截图,是将显示设备上所展示的内容截取下来,所生成可视图像,但是现在截图也成为了一种工具,它变得更好用了。如下图所示:

网易云通过用户对其他竞品的歌单截图,就能够导入歌曲,便于用户同步其他平台的歌单,增加新用户的留存,这样的设计在小说、漫画、视频类的产品上也可以借鉴,免去了要一个个去找的麻烦。
 

2、截图分享

截图分享到第三方的软件上已经不是什么新鲜事了,但是能够分享给单个好友的功能还是第一次见,如下图所示:

这样的设计方便用户能够不用退出就可以直接分享,省去了很多繁琐的步骤,当然如果一些用户觉得这样没有必要,因为截图下来并不是为了分享给别人,那么就可以增加这个功能,如下图所示:
可以在设置中取消截图分享的提示,这个功能对我来说是个福音,因为作为设计师很多时候截图只是为了做素材库,但是每次截图的分享提示就很干扰,建议大部分的产品在设置中都增加这个功能,让用户能够自主选择是都出分享提示。 
 

3、截屏保护

陈情令最后几集需要购买才能提前观看,而提前观看截屏下来的都是黑屏,如下图所示:

这样做的好处就是为了保护产品的版权,当然这样的小功能如果能够添加进产品的设置中就再好不过了,比如社交产品的聊天记录,银行APP的余额、交易记录等,万一手机落在别人手里,要被截图就不好了,当然这样的设置最好添加密码,否则实用性会被降低。 
 

划重点

很多人都会抱怨我们的作品或者交互做的太过于大众化,没有亮点,除了积累一方面,我们还要深刻的分析用户的痛点,这些是要深入使用才会发现的小细节,不要小看这些小细节,用在项目中能够提高用户使用体验感,用在我们的作品中,能很好的体现自己的想法和思考。
 
以上只是我列举的其中三个小模块,下一篇我会给大家分析有关于音频、登录、听书、快速回复等的其他方面的交互设计。

 

原文地址:海盐社(公众号)

作者: 潘团子

转载请注明:学UI网 » 为什么你的设计无法让别人记住(一)?

登录收藏
 
你可能喜欢的:
临摹的三个技巧,你尝试过吗?临摹的三个技巧,你尝试过吗?
乔布斯和淘宝都喜欢的圆角卡片乔布斯和淘宝都喜欢的圆角卡片
需求落地之信息架构设计需求落地之信息架构设计
设计沉思录|租房业务全流程体验设计设计沉思录|租房业务全流程体验设计
2019中国用户体验行业调查报告2019中国用户体验行业调查报告
交互设计中让人困惑的三大组件你会用了吗交互设计中让人困惑的三大组件你会用了吗
微信的12大“反人类”设计微信的12大“反人类”设计
Material Design Layout Responsive layout grid  响应式布局网格Material Design Layout Responsive layout grid 响应式布局网格
一键了解内容分发的X种节点一键了解内容分发的X种节点
如何正确制作用户画像如何正确制作用户画像