最近玩即刻发现了一个很棒的小交互,就是在文章内容过多的时候,我们普遍会放置点击查看全文的功能,在大部分app中点击展开

所以突然就想到,是什么场景下我们需要收起功能,以及什么时候我们需要快速收起功能,如即刻app这种

✨关于展开收起这个小细节,99%的人都忽略了! - 图1

那这里我们了解一下需要相关操作的场景,比如我们了解下需要这种场景所需要的一个状态

如微信

会在所有的功能性的按钮都依次排列下去,如全文在折叠状态下功能按钮是在下方,展开的情况下是依次往下排,因为在微信里边,用户都是朋友关系,或者可以说是一个封闭的空间,用户会更注重于这个目标用户发出的内容

因为人设会给与用户一个相应的心理预期时间及内容,会预知到该用户发出的这个内容的大概是不是他想看的,所以基本用户在折叠情况下就会了解到相关内容,会让用户更沉浸式的去了解相关信息
✨关于展开收起这个小细节,99%的人都忽略了! - 图2
**

如知乎

是直接将内容平铺开,因为在知乎本身是一个论坛系列的,人与人的关系都是随机性的,关系延展性比较薄弱的,内容方面的话,用户都是看完即走

所以不需要折叠内容等等的,如果用户没兴趣会直接切换到下一篇与本内容相关的文章,就不需要增加折叠展开这类交互

✨关于展开收起这个小细节,99%的人都忽略了! - 图3
**

如即刻

是相比微信朋友圈一样的一个场景,说相比一样是因为,即刻的使用场景为快内容,但是动态内容的来源是关注的人,而非好友关系,内容也同为UGC内容化,不同的一点是,相对于微信而言,内容添加了更多的随机性

因为大部分用户都是瞬间想到了一个点子以及会有标签一类的内容,可以引导用户进入相关的一个内容社区;

关于这里的收起交互的看法,因为用户内容相对于别的社区添加了更多的未知性,所以相对于内容方面可以让用户更快更方便的查看下方内容

✨关于展开收起这个小细节,99%的人都忽略了! - 图4

相关app的相关功能的用法大概分析了一下,接下来我们分析一下相关的一个交互的用法,因为这些都是比较细节性的问题

所以我们按照我们惯用的一个思维,可以分析一下,收起跟展开内容的功能是相关于,我内容太多,超过限定行数就给与隐藏下方内容,如果用户想看就自行点击展开,点开后,不想看了也可以进行收起

其实在整个流程上我们看似并没有什么问题,但是这里少了一个行为条件的一个场景,那就是,我是在什么情况及场景下才需要展开及收起,或者我们可以想想,如果用户看到一半不想看了是不是就想立马关掉

如果只是相对于用户的想法给出一套流程的话,那显然在场景需求及用户体验上会缺少一些细节化的东西

可能很多情况下我们并不会考虑到这个情况,因为我们大部分的app都是这样,这显然已经有了一个行为习惯,再优化可能就已经属于一个魅力型需求了(魅力型需求:现在这样用户也可以接受,但是再多些考虑使用场景,给出更细致化的交互上的优化,会让用户觉得就很nice)

OK,接下来我们了解下根据场景衍生出的行为

场景1.

当某段内容文字字数过多,占据空间过大(这里也可能会产生屏效的问题),如果用户不想看这些长篇大论,想去看下一个内容,要滑动很久才能略过这些内容,显然我们并不想给用户带来这样的操作负担,所以这时候我们用过的用户会联想到“知乎”这样的处理方式,在屏幕右下方添加直接去下一篇的一个功能按钮

如:UGC内容聚焦及少量PGC内容,并且可以通过此内容链接到与此内容相关联的其他文章(如知乎)

✨关于展开收起这个小细节,99%的人都忽略了! - 图5
**

场景2.

当页面内容过多,用户不想看后可以直接点收起,然后继续查看下方的内容,目的性很简单,看完即走

如:UGC内容社区,用户只看当前获取到的信息,并没有明确的目的,看完即走(如微信)
✨关于展开收起这个小细节,99%的人都忽略了! - 图6

场景3.

当前页面内容可接受,用户想获取更过关于此内容的其他信息,场景适用于社区内容维度聚焦的情况下,可看全文,也可直接收起查看更多相关内容

如:UGC内容社区,用户看完发布者的内容后,引起读者共鸣,读者还想了解发布者打标记的相关圈子的内容,所以可以直接收起当前阅读内容后被引导去相关分支内容社区(如即刻)

✨关于展开收起这个小细节,99%的人都忽略了! - 图7

这里分为三个场景,也就是三个交互方式:
  • 内容直叙平铺,不感兴趣可直接切换查看类似内容
  • 内容直叙平铺,看完即走
  • 内容直叙平铺,由于场景衍生,方便用户去操作接下来想达到的目的

另外除了社区内有内容过多展开/收起场景,也有内容过多展开不收起场景,当内容相对没呢么多时,能在一屏之内展现完或者说是在字数可控情况下对用户影响不是很大的情况下我们可以省去收起工功能,如豆瓣影评,抖音简介等