点击空白区域收起,再次点击大图跳转到图片来源网站。非常适合轻松随意的阅读尤其是当用户适应此处的设计逻辑后,很容易产生沉浸式浏览,同时又满足了查看细节的需要。4.占位加载,保持视觉体验的顺畅
用户在不断滚动鼠标滚轮浏览的过程中,网速并不总是尽如人意的,因此采用占位加载形式(预加载出图片高度的灰度图),不让加载过程中画面过于跳动,可以让用户视觉体验平缓些,视觉过度流畅,尽量小的干扰用户浏览的行为。
5.Pin it 工具的便捷
Pinterest模式为首的瀑布流网站另一利器便为Pin it 工具。用户在各式网站的浏览中,用Pin it先为自己收藏内容,其次为网站创造内容。而且可以将pinterest作为用户的一个在线图片收藏夹,当用户喜欢的内容在这儿了,流量也就不用担心了。
Huaban
花瓣网是较早的"类Pinterest"网站之一,定位是基于兴趣的社交分享网站,网站为用户提供了一个简单地采集工具,帮助用户将自己喜欢图片重新组织和收藏。花瓣在设计与体验上与Pinterest十分相似,但是也有一些自己的贴心细节设计。
1.Icon+Title的配合,让导航更简洁。
title 属性为:规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)。 也就是鼠标悬停的时候,通过title的提示可以带给用户更多信息。由于内容主导的网站,框架大多采取轻设计,因此花瓣的导航也极简化,能用icon的地方便不用文字。于是icon+title最大限度的节约了版面,减轻了架构,同时也不让用户迷惑。
2.时效性的专题页设计-花瓣周刊
如何给用户以最新最热的内容呢,花瓣周刊是方式之一。通过一个简单的页面聚合最流行的内容,也是帮用户发掘兴趣的手段之一。3.右翻页大一些
在首页中,查看某个图的详情的时候,与Pinterest不同,花瓣采取的是落地页面的形式,右侧的左右翻页可以帮用户查看该画板下的其它内容,而右箭头更大些,展示了更多的点击区域。通过差异化,下意识里帮助用户去选择点击右箭头实现右翻页,可以让用户在该画板停留更久些。










