产品分析之网页内容

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

偶然发现的设计网站:www.youlovedna.com

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

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

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

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

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

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

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

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

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

一个数据块的内容

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

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

www.youlovedna.com

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

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

pinterest数据块

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

极客公园数据块

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

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

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

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

my design 1

1、文字居中。

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

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

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

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


my design 2

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,496评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,407评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,632评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,180评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,198评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,165评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,052评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,910评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,324评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,542评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,711评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,424评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,017评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,668评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,823评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,722评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,611评论 2 353

推荐阅读更多精彩内容