在找素材的时候偶然发现这个网站。看了一会儿发现一些问题，刚好想开一个产品文集，第一篇内容就写这个吧。
偶然发现的设计网站：www.youlovedna.com
网站的定位应该是小清新和文艺范儿吧，采用瀑布流式布局。每个数据块的宽度一致，高度根据图片的高度来排列（不知道算法上具体是怎么实现的）。
从整体效果来看是舒服、有设计感的，并且锁定背景图片，让数据块浮于上方。每个数据块相当于一个专题，点进去后是专题的详细页，图文内容。
但看了一会儿后觉得每个数据块右下角的“+”——表示数据块的详细页面入口，这个设计其实累赘了。如果单看我上面的截图，可能不会注意到加号。
“+”的功能是跳转到详细页。在每个数据块中，“+”很小，但也不至于是到会被忽略的地步，可能设计师在视觉美感上是经过考量的。但这样导致可点击的区域很小（在界面上看是三角形，实际上做的是正方形，当鼠标进入正方形区域范围内时，自动变成手形），用户需要花时间把鼠标对准然后点击。但同时能实现这个功能的另一个操作是点击图片。比较而言，“+”的点击率就更小了。
其次，图片下方的文字过多。把评论数放进去意义不大。评论和热度对用户来说是一个意思。在数据块中评论只显示了数量，并不是把评论内容放上来，那么就是为了展示这个图片有多少人进行了关注。热度在后台可能代表点击量，但用户并不会区分热度和评论数，相反，热度传达的概念应该更直观、更有表现力。
其实可以把“热度”专门做一个分类出来，放在每个板块下。
进入网页的时候，用户会根据图片来找到吸引他的内容，然后点击查看，只有当热度达到一个量的时候才会引起关注。而从图片的排列来看，并不是根据热度来排序的。基本上我点开的图片到底有多少人喜欢，有多少人看过不会影响我的操作，至少在这个页面上影响力很小。
当然，想要实现的功能可能就是随便看看，但随便看看对实时更新的要求又很高了。当刷新时，首页的内容是不是全部都会更新，还是只有部分更新。好吧，扯远了。
数据块上展示的内容缺少PM的考量，给我的感觉是只是为了配合后台的数据所设计。脑补画面：程序员说后台有这些数据哟，PM点点头，不用可惜了，都放上去吧。
一个数据块的内容
“分类”放出来也没什么意义，因为看了下图你就会明白，从网页顶部的板块里进入下面的内容。可能在后台每个图片的标签会有多个，但在这个板块下分类都是一个，从字面上“分类”所表示的意义是进行区别，在这里就失去了作用。而且分类还没有链接，不支持跳转到相应板块。
唯一体现分类区别的地方是，在首页（不属于任意板块）里所有图片被放在一起。但要知道这时候用户不是看“分类”，是看图片啊。
www.youlovedna.com
整个文字部分，采用一个字号，分类、评论，热度后面的数据用其他颜色突出。不能点击，只是展示。从视觉效果上来讲，给用户提供的信息很少。
看看pinterest的：每个数据块的内容是——图片、标题、被pin的数量、热爱数，然后是来源。比较简洁，信息的有效性很高。
pinterest数据块
再比如极客公园，虽然是文章内容，但也采用这样的布局，只是举个数据块内容的例子，不评价合不合适：
极客公园数据块
因为数据块的内容是文章，所以采用了看文章的方式进行布局，也是很好的改进吧。他们也放上了评论数，但支持点击，直接链接到详细页的评论内容部分。
只提问题，不说解决方案属于用户反馈，不是产品分析……不能写解决方案的PM做不出好产品（这句话放在这里的意义是逼我自己写解决方案）。
其实这个网站的构架还比较简单，分为首页和顶部的那些大的板块，每个板块对应为一个分类。板块下就是一个个的数据块，也算是专题，然后下一级是每篇专题的图文内容。
不知道网站的需求是什么，目标用户是谁。只是结合我自己的分析和不靠谱的交互思路，给出关于数据块的建议：
my design 1
1、文字居中。
2、热度用“喜欢”的图标表示，引导用户进行点击，发表自己的想法（热度是一个客观的词，但如果是喜欢就很主观，会有想要发表自己意见的意愿）
3、“喜欢”和“评论”都有链接，可以跳转到详细页面的相应内容中。
4、在原网页中图片的标题比较长，而且有效信息少。如果是代码自动判断，那可以直接从中文开始输入（长度还是不好控制），如果是编辑处理，虽然耗费人力，但可以直接选择有效的内容。
如果做成瀑布流布局，大概是这样的：
my design 2
以上。解决方案只是自己的想法，可能缺乏科学性，并且作为一个经验并不太丰富的PM，这篇文章是写来练手的。
原本下午写了几小时，晚上回到家继续写，然后中间又搜了一些资料，又被资料的内容吸引过去，拖拖拉拉地尽然写了一个晚上……也是费脑细胞的。
网友评论