flickr使用教程

带页码的翻页体验与设计比较用户:评”烧包网功能

-flickr翻页 -链接 -翻页 -页码

flickr翻页

别看翻页就占那么点儿地方,它表现的是市场的策略、程序的算法和交互计划。我选择了 Amazon 、 Google 、 Flickr 、 新浪 和 淘宝 这五个网站,体验他们的翻页计划。这几个站点应该还算有代表性,Amazon 是海外购物网站,Google 是SearchEngine,Flickr 是 Web 2.0 和 Yahoo 的代表,新浪是中国流派,淘宝是国内购物站点(同时还拥有良好的 计划团队 )。

Amazon pager Amazon 商品列表页的翻页
  • 是五个网站中唯逐一个区分访问过、没访问过的链接的颜色;
  • 不需要“上一页”、“下一页”的时间就不表现;
  • 第一页的链接永久存在;
  • 告知用户列表总数目和当前表现的数目(Amazon有些页面将数目表现在列表顶部);
  • 不提供全部的页,上图中 400 页是极限,400 页之后的内容可以通过度类选择来缩小范畴(同时给出提示)。
Google pager Google 搜索结果的翻页
  • 富有创意的计划;
  • 不需要“上一页”、“下一页”的时间就不表现;
  • “上一页”“下一页”的链接地区很大,轻易点;
  • 不提供全部的页,上图中 100 页是极限,100 页之后的内容 大概 可以调换KeyWords重新搜索,但是没有提示。
Flickr pager Flickr 照片列表的翻页
  • “上一页”“下一页”永久表现,但差别环境表现差别样式;
  • 按了“上一页”或“下一页”之后则边框加粗(成为重点),引导你继续往下点;
  • 告知用户列表的总数目;
  • 数目少得环境下,提供了“最后一页”的链接(图上没有);
  • 可以访问到全部的页,惋惜如上图所示超越肯定的页码,表现上有问题(IE 和 FF 都这样)。
Sina pager 新浪文章留言部分的翻页
  • 新浪评述部分的翻页,Ajax 可以拖动翻页(显摆用的);
  • 永久提供“第一页”“最后一页”“上一页”“下一页”的链接,但是样式基本同等没有差异;
  • 告知用户列表的总数目;
  • 提供批量翻页(“上 10 页”)。

但是在新浪博客(新浪比较有代表性的新产品)中,我们也可以看到以下相对比较粗糙的翻页:

Sina Blog pager 新浪博客的翻页
  • 给出了“最后一页”的链接,直接表现为“第 n 页”,如上图中的“第 7 页”;
  • 在单个博客页面上的翻页,以“>>”作为下一页,而不是常见的“>”;
  • 提供了批量翻页(“上 5 页”)。
Taobao pager 淘宝商品列表的翻页
  • 永久表现“上一页”“下一页”,而且状态和外形有区分;上一页使用率较低,以是计划的较小;
  • 永久提供“第一页”“最后一页”的链接;
  • 提供页面的跳转,但是默认值为当前页;
  • 在列表的顶部右侧提供了一个简化的翻页,而且与底部的翻页计划同等。

小结

  1. 必须提供“上一页”和“下一页”的链接,并根据状态和使用率区分计划;
  2. 数据量大且更新快的环境下,而且 当列表根据特定排序 时,肯定要提供返回“第一页”的链接;“最后一页”的链接根据访问环境而定;
  3. 突出当前页的数字,而且尽量使页码轻易点击(没关系紧地靠在一起),也不要一下子把全部页码都表现出来;
  4. 一样平常不需要在列表的上下都提供翻页,增长程序包袱而且滋扰视觉;淘宝列表顶部提供的简化的翻页想法不错,但不知道使用率怎样;
  5. 批量翻页是偶然义的(但是可以增长 PageView),可以通过优化页码分列来替换;好比在当前页的左右两侧各提供肯定数目的页码;
  6. 对于“第一页”和“最后一页”的链接,假如是在页码序列中表现,一样平常会附带表现第二页和最后第二页的链接,好比本文中的淘宝翻页的截图,表现为 “1 2 ... 96 97”。假如单独提供,大概视觉上会以为这不是页码序列的一部分,特殊是最后一页的数字,用户大概没有观点;
  7. 对于用户比较认识的内容,要么用户自己的内容,尽量提供“最后一页”的链接,好比 Flickr 对于个人照片就是这样处置的(文中的翻页取自某个 tag 的照片)。

假如可以通过数据确定用户的行为是较为随意和没有目标性的欣赏,那么提供多种方法的翻页很有须要,好比提供跳转到固定页码。比较理性的行为,不会使用直接跳转到某页,由于无法知道那边是什么。

Shark 在白鸦的那篇淘宝的体验文章中 回答到 “有!些工具出如今页面上是有很长的故事的,不便多说了。”我想来想去,写本文而且截图只是看看这些公司在细节上面是怎么处置的、是否专心计划,不存在绝对的对错。

数据很重要,我曾经做过一个活动广告,点击率约莫是 1%,后来在广告上增长了“点击察看详情”,而且接纳默认的蓝色加下划线的链接情势,点击率进步到了 10% 左右。

今日忽然想到要买只包过年用,由于要买男包就上烧包网看了下。
在欣赏完第一页后想继续翻页欣赏,结果看到右下角的翻页按钮我愣了下:“这么的大的网站就一页商品?”。半晌思索后我想应该另有下一页的,结果翻下去确实另有。但是翻页過逞中,内心不清晰背面另有几页也产生了对网站半晌的反感与放弃的激动。
重要是多年以来养成的欣赏習慣,潜移默化的影响了一个人对网页的判定。以是提个提议也提示下列位派友,必须要注意用户的使用習慣,渺小的心理变革与挫败感会差别程度的影响到网站的转化率。好不轻易吸引进来的IP,我们肯定要转化为好的PV 才对的起高昂的推广费。
————————————————————————-
烧包网:
————————————————————————–

麦包包:包含了页数与商品数(个人感觉是比较好的)

————————————————————————–

淘宝网:影响了大部分网购顾客的欣赏習慣

——————————————————————-

非购物类网站

大旗:

—————————————————————————
猫扑:

——————————————————————-
继续研究,下面找了些资料

为了研究什么样的“网页翻页计划”即切合网站需要,又能更方便访问者,我选择了 Amazon、Google、Flickr、新浪和淘宝这五个网站,体验他们的翻页计划。Amazon 是海外购物网站,Google 是SearchEngine,Flickr 是 Web 2.0 和 Yahoo 的代表,新浪是中国流派,淘宝是国内最大的购物站点。淘宝拥有良好的计划团队和用户体验计划团队(UED)。

Google 搜索结果的翻页

富有创意的计划; 不需要“上一页”、“下一页”的时间就不表现; “上一页”“下一页”的链接地区很大,轻易点; 不提供全部的页,上图中 100 页是极限,100 页之后的内容大概可以调换KeyWords重新搜索,但是没有提示。

Amazon 商品列表页的翻页

是五个网站中唯逐一个区分访问过、没访问过的链接的颜色; 不需要“上一页”、“下一页”的时间就不表现; 第一页的链接永久存在; 告知用户列表总数目和当前表现的数目(Amazon有些页面将数目表现在列表顶部); 不提供全部的页,上图中 400 页是极限,400 页之后的内容可以通过度类选择来缩小范畴(同时给出提示)。

Flickr 照片列表的翻页

“上一页”“下一页”永久表现,但差别环境表现差别样式; 按了“上一页”或“下一页”之后则边框加粗(成为重点),引导你继续往下点; 告知用户列表的总数目; 数目少得环境下,提供了“最后一页”的链接(图上没有); 可以访问到全部的页,惋惜如上图所示超越肯定的页码,表现上有问题(IE 和 FF 都这样)。

新浪文章留言部分的翻页

新浪评述部分的翻页,Ajax 可以拖动翻页(显摆用的); 永久提供“第一页”“最后一页”“上一页”“下一页”的链接,但是样式基本同等没有差异; 告知用户列表的总数目; 提供批量翻页(“上 10 页”)。

但是在新浪博客(新浪比较有代表性的新产品)中,我们也可以看到以下相对比较粗糙的翻页:

新浪博客的翻页

给出了“最后一页”的链接,直接表现为“第 n 页”,如上图中的“第 7 页”; 在单个博客页面上的翻页,以“>>”作为下一页,而不是常见的“>”; 提供了批量翻页(“上 5 页”)。

淘宝商品列表的翻页

永久表现“上一页”“下一页”,而且状态和外形有区分;上一页使用率较低,以是计划的较小; 永久提供“第一页”“最后一页”的链接; 提供页面的跳转,但是默认值为当前页; 在列表的顶部右侧提供了一个简化的翻页,而且与底部的翻页计划同等。

小结

必须提供“上一页”和“下一页”的链接,并根据状态和使用率区分计划; 数据量大且更新快的环境下,而且当列表根据特定排序时,肯定要提供返回“第一页”的链接;“最后一页”的链接根据访问环境而定; 突出当前页的数字,而且尽量使页码轻易点击(没关系紧地靠在一起),也不要一下子把全部页码都表现出来; 一样平常不需要在列表的上下都提供翻页,增长程序包袱而且滋扰视觉;淘宝列表顶部提供的简化的翻页想法不错,但不知道使用率怎样; 批量翻页是偶然义的(但是可以增长 PageView),可以通过优化页码分列来替换;好比在当前页的左右两侧各提供肯定数目的页码; 对于“第一页”和“最后一页”的链接,假如是在页码序列中表现,一样平常会附带表现第二页和最后第二页的链接,好比本文中的淘宝翻页的截图,表现为“1 2 … 96 97”。假如单独提供,大概视觉上会以为这不是页码序列的一部分,特殊是最后一页的数字,用户大概没有观点; 对于用户比较认识的内容,要么用户自己的内容,尽量提供“最后一页”的链接,好比 Flickr 对于个人照片就是这样处置的(文中的翻页取自某个 tag 的照片)。

假如可以通过数据确定用户的行为是较为随意和没有目标性的欣赏,那么提供多种方法的翻页很有须要,好比提供跳转到固定页码。比较理性的行为,不会使用直接跳转到某页,由于无法知道那边是什么。

Shark 在白鸦的那篇淘宝的体验文章中回答到“有些工具出如今页面上是有很长的故事的,不便多说了。”我想来想去,写本文而且截图只是看看这些公司在细节上面是怎么处置的、是否专心计划,不存在绝对的对错。

数据很重要,我曾经做过一个活动广告,点击率约莫是 1%,后来在广告上增长了“点击察看详情”,而且接纳默认的蓝色加下划线的链接情势,点击率进步到了 10% 左右。

用 Flickr 分頁继续折腾 Chrome 的新标签页

用 Flickr 分頁继续折腾 Chrome 的新标签页

Chrome 2015/03/20

Loading...

Flickr 分页 是一款继续折腾 Chrome 新标签页的扩展,用来在每次打开新标签页时表现来自 Flickr 的照片。@Appinn

用 Flickr 分頁继续折腾 Chrome 的新标签页 1 用 Flickr 分頁继续折腾 Chrome 的新标签页 1

新标签页 除了表现林林总总的照片就没点别的创意了么?岂非是大家都不玩browser了…

Flickr 分页 那是相当简便呀,只表现照片和出处链接,再也没有什么了,包括常见的按钮、切换键、设置,什么都没有。

没有也好,看看美图就行了,看仙女还可以用 小海严选正妹分页

那么问题来了,有 500px 的新标签页扩展么?

下载地点: Chrome 商店 | 百度盘

P.S. 想直接访问 Chrome 在线商店的可以试试 代理 。

嘻歡

Loading...

Enable Notifications Ok No thanks

本文网址: http://www.diminga.com/w/202010114244_2339_3542457444/home