4000-888-103

资讯动态为什么你的设计无法让别人记住(一)?资讯详情

为什么你的设计无法让别人记住(一)?

2019-11-01 17:49:18

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

一、把评论玩出花

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

1、主动展示评论

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

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

2、定点评论

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

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

3、评论贴纸

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

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

二、不能放过的弹幕

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

1、同种类产品的对比

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

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

2、弹幕中加入运营

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

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

3、引导用户发弹幕

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

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

三、智能的截图

1、截图导入

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

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

2、截图分享

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

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

3、截屏保护

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

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

划重点

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

 

关键词:h5页面文本 h5高级 单页面h5

上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png