简说Pinterest
Pinterest是去年最火热的产品,它的流行引起了跟风“瀑布流”的狂潮。而在今年校园招聘的笔试题中也已经两度看到了它的身影。作为它的新晋忠实用户,我在这篇文章里,简单介绍一个这个产品,并且从产品设计角度说说它的那些优点。
该文章内容主要来自于雷锋网上文章:
http://www.leiphone.com/0705-warlial-detail.html
http://www.leiphone.com/1009-echo-pinterest-layout.html
1.Pinterest是什么?
Pinterest是一个基于图片的社交网站,用户可以在网站上收藏和分享各种类型的图片。Pinterest的使用非常简单,和所有社交网站一样,主要有个人页面和新鲜事。
Pinterest的新鲜事是以瀑布流的形式呈现你follow的人分享的所有图片。你也可以通过查看Pinterest的分类道或者搜索来探索更多的图片,比如”men’sfashion”频道就是我的视觉盛宴。
同时,你也可以将喜欢的图片Pin到自己的页面上。在个人页面上,图片以Pinboard的形式组织。比如我的个人页面上,有”beauty”、”highheel”、”food”这些Pinboard。Follow我的人就能够看到这些board上的所有图片。
某个人可能会发乱七八糟各种图片,所以,我们可以不follow一个人,只follow他的某一个Pinboard,非常灵活。因此,Pinterest是一个完全基于兴趣的视觉社交网站,在上面发现、欣赏、分享图片是一件非常开心惬意的事情。
2. Pinterst为什么这么火?
首先,它内容新颖,易用性好。Pinterest的核心是图片,功能简单而丰富,用户可以在上面按照自己的兴趣发现和组织图片。同时,瀑布流的设计给人非常舒适的视觉体验。
第二,Pinterest是商家的新机会。以前要买一双Nike鞋,我们会通过Google或者Amazon查找相关产品,现在可以关注那些爱好酷跑鞋的Pinboard,从那里获取到信息。
第三,它帮助用户简化信息处理过程,Pinterest可以让用户有效的剪辑和收藏自己感新区的内容,让繁杂的信息处理起来变得简单。
3. 瀑布流的设计好在哪里?
瀑布流对于图片的展现,高效而具有新引力,用户可以快速的阅读,短时间内获得大量的信息,而且很容易就能辨认去其中的兴趣点。而瀑布流的懒加载模式又省去了翻页操作,随着鼠标的滚动来浏览,使得用户容易沉浸其中,不被打断,很有逛街的感觉。还有一个特点是错落有致,定宽不定高,巧妙的利用视觉层级,使得视线呈现流动状,不易疲劳。
4. Pinterest的中国学徒有哪些?都用对地方了吗?
随着瀑布流的兴起,越来越多的网站开始模仿Pinterest,花瓣网、美丽说、蘑菇街、人人逛街、凡客达人、堆糖网、布兜等。
4.1 那么瀑布流的设计有哪些需要注意的细节呢?
1) 吸顶式导航
用户在瀑布流下面快速的浏览,如果又要回到顶部去切换分类,实在太麻烦,吸顶式导航可以让用户轻松切换。导航不可以太宽,色彩不可以太抢眼,用户需要时,悄悄在那里就可以。
2) 轻松点击查看大图
点击小图之后,会出现大图,点击空白区域收起,再次点击则跳转到图片来源网站。满足了用户查看细节的需求,又不打断沉浸式浏览。
3) 占位加载,保持视觉体验的顺畅
用户在不断滚动鼠标滚轮浏览时,网速并不尽如人意,因此采用占位加载形式(预加载出图片高度的灰度图),不让加载过程中画面过于跳动,可以让用户视觉体验平缓。
4) Pin it工具的便捷
Pin it既为自己收藏内容,又为网站创造内容,方便好用。
4.2 什么样的网站适合用瀑布流?
Pinterest的瀑布流布局是通过jQueryMasonry插件密集但美观的展示大量高度不一的缩略图,从而为用户提过完美的视觉体验。如果你的网站想要用瀑布流,问自己三个问题:你的网站内容以视觉为主吗?如果是,你网站上的图片是否大小不一、足够有趣并且吸引眼球呢?你有足够好的美工设计师么?
简说Pinterest相关推荐
- win7无损分区和硬盘分区调整合并
原文地址:http://hi.baidu.com/zhuxiango/item/4d435cd39f63e7e3b3f7779e 软件下载地址:http://www.greenxf.com/soft/ ...
- Pinterest 架构:两年内月 PV 从零到百亿【翻译】
原文地址 这篇文章,采用 Markdown 方式,写的还是比较实在的,要是有架构图就好了. Pinterest 是图片版的 Twitter,用户把自己感兴趣的东西用图钉(Pins)钉在钉板(PinBo ...
- 【Golang源码分析】Go Web常用程序包gorilla/mux的使用与源码简析
目录[阅读时间:约10分钟] 一.概述 二.对比: gorilla/mux与net/http DefaultServeMux 三.简单使用 四.源码简析 1.NewRouter函数 2.HandleF ...
- 简析平衡树(三)——浅谈Splay
前言 原本以为\(Treap\)已经很难了,学习了\(Splay\),我才知道,没有最难,只有更难.(强烈建议先去学一学\(Treap\)再来看这篇博客) 简介 \(Splay\)是平衡树中的一种,除 ...
- 《大道至简》读后感(伪代码)
public class 伪代码{ bool 愚公移山() { //项目沟通的基本方式:惩山北之塞: //项目的目标:毕力平险,指通豫南,达于汉阴 //技术方案: 扣石垦壤,簸箕运于渤海之尾 bool ...
- 基于libmad库的MP3解码简析
基于libmad库的MP3解码简析 MAD (libmad)是一个开源的高精度 MPEG 音频解码库,支持 MPEG-1(Layer I, Layer II 和 LayerIII(也就是 MP3). ...
- flowlayout java_【简答题】通过使用flowlayout设计出来 java程序如下图所示
参考答案如下 简答计出A: What delicious cakes! B: They would taste ____ with butter. 题通A zero coupon bond iscur ...
- vs2015开发c语言 简书,微软符号服务器_NT_SYMBOL_PATH给VS调试带来的隐藏坑
昨天我碰到一个非常坑的问题,问题是这样的: 我机子上已经装了vs2015和vs2010,vs2010和vs2015都跑得很溜,没有啥异常现象.然后昨天我不知哪里来的突然想法:机子上有些资源需要打包收藏 ...
- 2018java二级考试大纲_2018年全国计算机二级java考试简答题练习二
2018年全国计算机二级java考试简答题练习二 1.接口是否可继承接口? 抽象类是否可实现(implements)接口? 抽象类是否可继承实体类(concrete class)? 答:接口可以继承接 ...
最新文章
- Python同步文件
- linux获取url中文内容_Chrome OS 似乎将在Linux 的方向上更进一步
- C++如何实现DNS域名解析转
- 手写 单隐藏层神经网络_反向传播(Matlab实现)
- springboot中三种xxxx.setAttribute()并与python中flask作对应比较+容器的通俗理解
- /UI2/USHELL folder and BSP application
- Java的静态域以及封装性相关
- java 鲜为人知的知识点_鲜为人知的Java 8功能:广义目标类型推断
- P2P原理及UDP穿透简单说明
- 华为怎么用手机看时间到读秒_华为手机灭屏也可以看时间?其实设置方法很简单,不会有些可惜了...
- xampp配置虚拟主机
- checkout 撤销修改_git命令(10):git 常用操作,撤销修改(2)
- ElasticSearch近似匹配调研
- luogu3942将军令
- Xcode 证书生成、设置、应用
- 这些中国扶贫路上的“组合拳”,你见过吗?
- 一个月的时间让你的词汇量翻一翻
- 应届生参加工作,什么事情越早知道越好?
- 基于VUE的SVG动画处理(一)
- 霸气牵手众多手机品牌商,苏宁手机蜜蜂节实力彰显行业影响力
热门文章
- 《让子弹飞》系列——杀人不眨眼的老四
- 荣耀v9还更新鸿蒙系统吗,鸿蒙开放时间基本确认,麒麟9000首批更新,有哪些机型落榜?...
- 防抄板芯片,加密芯片,版权保护芯片,模块的原理与控制
- std::move的理解
- vue学习,制作扫雷游戏
- 关系数据库的7个基本特征
- 荔枝微课如何引流?荔枝微课如何操作?荔枝微课怎么增加人气?
- 用户信息管理(web综合实践)
- 艰难学习codepen之landscape
- IntelliJ IDEA 2021.2(Community Edition)安装阿里编码规约插件,亲测有效