产品分析之网页内容

在找素材的时候偶然发现这个网站。看了一会儿发现一些问题,刚好想开一个产品文集,第一篇内容就写这个吧。

产品分析之网页内容_第1张图片
偶然发现的设计网站:www.youlovedna.com

网站的定位应该是小清新和文艺范儿吧,采用瀑布流式布局。每个数据块的宽度一致,高度根据图片的高度来排列(不知道算法上具体是怎么实现的)。

从整体效果来看是舒服、有设计感的,并且锁定背景图片,让数据块浮于上方。每个数据块相当于一个专题,点进去后是专题的详细页,图文内容。

但看了一会儿后觉得每个数据块右下角的“+”——表示数据块的详细页面入口,这个设计其实累赘了。如果单看我上面的截图,可能不会注意到加号。

“+”的功能是跳转到详细页。在每个数据块中,“+”很小,但也不至于是到会被忽略的地步,可能设计师在视觉美感上是经过考量的。但这样导致可点击的区域很小(在界面上看是三角形,实际上做的是正方形,当鼠标进入正方形区域范围内时,自动变成手形),用户需要花时间把鼠标对准然后点击。但同时能实现这个功能的另一个操作是点击图片。比较而言,“+”的点击率就更小了。

其次,图片下方的文字过多。把评论数放进去意义不大。评论和热度对用户来说是一个意思。在数据块中评论只显示了数量,并不是把评论内容放上来,那么就是为了展示这个图片有多少人进行了关注。热度在后台可能代表点击量,但用户并不会区分热度和评论数,相反,热度传达的概念应该更直观、更有表现力。

其实可以把“热度”专门做一个分类出来,放在每个板块下。

进入网页的时候,用户会根据图片来找到吸引他的内容,然后点击查看,只有当热度达到一个量的时候才会引起关注。而从图片的排列来看,并不是根据热度来排序的。基本上我点开的图片到底有多少人喜欢,有多少人看过不会影响我的操作,至少在这个页面上影响力很小。

当然,想要实现的功能可能就是随便看看,但随便看看对实时更新的要求又很高了。当刷新时,首页的内容是不是全部都会更新,还是只有部分更新。好吧,扯远了。

数据块上展示的内容缺少PM的考量,给我的感觉是只是为了配合后台的数据所设计。脑补画面:程序员说后台有这些数据哟,PM点点头,不用可惜了,都放上去吧。

产品分析之网页内容_第2张图片
一个数据块的内容

“分类”放出来也没什么意义,因为看了下图你就会明白,从网页顶部的板块里进入下面的内容。可能在后台每个图片的标签会有多个,但在这个板块下分类都是一个,从字面上“分类”所表示的意义是进行区别,在这里就失去了作用。而且分类还没有链接,不支持跳转到相应板块。

唯一体现分类区别的地方是,在首页(不属于任意板块)里所有图片被放在一起。但要知道这时候用户不是看“分类”,是看图片啊。

产品分析之网页内容_第3张图片
www.youlovedna.com

整个文字部分,采用一个字号,分类、评论,热度后面的数据用其他颜色突出。不能点击,只是展示。从视觉效果上来讲,给用户提供的信息很少。

看看pinterest的:每个数据块的内容是——图片、标题、被pin的数量、热爱数,然后是来源。比较简洁,信息的有效性很高。

产品分析之网页内容_第4张图片
pinterest数据块

再比如极客公园,虽然是文章内容,但也采用这样的布局,只是举个数据块内容的例子,不评价合不合适:

产品分析之网页内容_第5张图片
极客公园数据块

因为数据块的内容是文章,所以采用了看文章的方式进行布局,也是很好的改进吧。他们也放上了评论数,但支持点击,直接链接到详细页的评论内容部分。

只提问题,不说解决方案属于用户反馈,不是产品分析……不能写解决方案的PM做不出好产品(这句话放在这里的意义是逼我自己写解决方案)。

其实这个网站的构架还比较简单,分为首页和顶部的那些大的板块,每个板块对应为一个分类。板块下就是一个个的数据块,也算是专题,然后下一级是每篇专题的图文内容。

不知道网站的需求是什么,目标用户是谁。只是结合我自己的分析和不靠谱的交互思路,给出关于数据块的建议:

产品分析之网页内容_第6张图片
my design 1

1、文字居中。

2、热度用“喜欢”的图标表示,引导用户进行点击,发表自己的想法(热度是一个客观的词,但如果是喜欢就很主观,会有想要发表自己意见的意愿)

3、“喜欢”和“评论”都有链接,可以跳转到详细页面的相应内容中。

4、在原网页中图片的标题比较长,而且有效信息少。如果是代码自动判断,那可以直接从中文开始输入(长度还是不好控制),如果是编辑处理,虽然耗费人力,但可以直接选择有效的内容。

如果做成瀑布流布局,大概是这样的:


产品分析之网页内容_第7张图片
my design 2

以上。解决方案只是自己的想法,可能缺乏科学性,并且作为一个经验并不太丰富的PM,这篇文章是写来练手的。

原本下午写了几小时,晚上回到家继续写,然后中间又搜了一些资料,又被资料的内容吸引过去,拖拖拉拉地尽然写了一个晚上……也是费脑细胞的。

你可能感兴趣的:(产品分析之网页内容)