专栏名称: 交互设计学堂
系统学习交互知识,就找老D。干货分享、在线培训、行知书院三大版块帮你提升自己。 最新资讯-全是干货还有老D点评,每天推送; 交互培训-在线课程帮助小伙伴进入交互行业,只要3个月; 行知书院-老D帮小伙伴们解读经典设计书籍,都是“硬”知识。
目录
51好读  ›  专栏  ›  交互设计学堂

公众号顶上一排我差点不会用,终于改版了

交互设计学堂  · 公众号  · 设计  · 2025-01-08 21:30

正文

你有尝试点过公众号顶部一排头像吗?


其实这相当于一个筛选页签,点击一个头像后,下面就只显示这个账号的消息。



这个功能我用得不多,最近一次使用,手忙脚乱一番才成功退出。


我平时从公众号页面退出,都是从屏幕左侧比边缘向右滑动,于是也下意识地这么做了。

结果居然引发tab切换的交互!



这时,我想从哪儿进来就从哪儿出去,于是原地点了一下选中的头像,发现没什么用。



我作为专业设计师,怎么这也不会用?因为用户都是能用直觉,就不动脑子。我作为用户时,也是如此,尤其当时还在一边忙别的事情,无暇多想。我之前还专门写文章分析过这个现象:叫“小白用户”委婉了,原来根本没带脑子


可现在2次操作失败,也只能动动脑子了😓


我仔细观察了一下整个页面,终于发现左上角的之前的返回箭头变成了关闭图标,于是点击那里成功退出。



最近微信的内测版对这一块做了交互优化,变得好用多了。


改版后


首先是点击头像后,其他头像会灰掉,这就让当前头像的选中态更明显了。而且点击选中的头像,可以取消选择。



可惜,从左侧边缘滑动时,还是不能退出。



还有什么问题?


改版后的交互更符合直觉,对用户来说肯定更好用了,但也不是完美的。



首先是选择头像后,左上角的箭头突然变成关闭图标,这变化有点难以察觉。


还有公众号头部区域太大,占了1/4的空间,感觉有点浪费。


很多app对于这种页签,都是纯文字样式,不占空间。例如下图的大众点评:



假如公众号也用这种页签,前面说的很多问题都能解决。



这样看上去确实更好理解了,头部缩短后下面也能显示更多消息。只是牺牲了大头像,识别度有所下降。


公众号的设计师,之前做那么大的头像,可能就是为了识别度和美观。做设计,有时候真是鱼和熊掌不可兼得啊。


关于屏效的探讨


众多资讯平台里,公众号的信息密度,可以算是数一数二的低。


你看下图,知乎、百度、头条的单屏消息数量都在3条以上,只有公众号是2条。



大部分资讯平台,都希望尽可能让用户一进来就看多更多的信息,因为这样才更有机会留下用户。


唯独公众号似乎不太在意这个,可能是因为公众号毕竟不是微信的核心功能,留不留下的无所谓。


但从换个角度来看,现在的互联网太急功近利了,一个个恨不得把广告糊你脸上。公众号能独善其身,不在意争夺这点流量,未必是坏事🤔


以上转自 @体验进阶


- END -


注:交互设计学堂公众号接受投稿啦,如果你有好的原创设计类文章,可联系客服。别让灵感溜走,快来投稿吧~~