童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

用户体验:评”烧包网”翻页功能

6月10日 栀璃鸢投稿
  今天突然想到要买只包过年用,由于要买男包就上烧包网看了下。
  在浏览完第一页后想继续翻页浏览,结果看到右下角的翻页按钮我愣了下:“这么的大的网站就一页商品?”。片刻思考后我想应该还有下一页的,结果翻下去确实还有。但是翻页过程中,心里不清楚后面还有几页也产生了对网站片刻的反感与放弃的冲动。
  主要是多年以来养成的浏览习惯,潜移默化的影响了一个人对网页的判断。所以提个建议也提醒下各位派友,必须要注重用户的使用习惯,细微的心理变化与挫败感会不同程度的影响到网站的转化率。好不容易吸引进来的IP,我们一定要转化为好的PV才对的起高昂的推广费。
  烧包网:
  麦包包:包含了页数与商品数(个人感觉是比较好的)
  
  
  
  淘宝网:影响了大部分网购消费者的浏览习惯
  非购物类网站
  
  
  
  大旗:
  猫扑:
  
  
  
  继续研究,下面找了些资料
  为了研究什么样的“网页翻页设计”即符合网站需要,又能更方便访问者,我选择了Amazon、Google、Flickr、新浪和淘宝这五个网站,体验他们的翻页设计。Amazon是国外购物网站,Google是搜索引擎,Flickr是Web2。0和Yahoo的代表,新浪是中国门户,淘宝是国内最大的购物站点。淘宝拥有优秀的设计团队和用户体验设计团队(UED)。
  Google搜索结果的翻页
  富有创意的设计;
  不需要“上一页”、“下一页”的时候就不显示;
  “上一页”“下一页”的链接区域很大,容易点;
  不提供所有的页,上图中100页是极限,100页之后的内容或许可以更换关键词重新搜索,但是没有提示。
  Amazon商品列表页的翻页
  是五个网站中唯一一个区分访问过、没访问过的链接的颜色;
  不需要“上一页”、“下一页”的时候就不显示;
  第一页的链接永远存在;
  告知用户列表总数量和当前显示的数量(Amazon有些页面将数量显示在列表顶部);
  不提供所有的页,上图中400页是极限,400页之后的内容可以通过分类选择来缩小范围(同时给出提示)。
  Flickr照片列表的翻页
  “上一页”“下一页”永远显示,但不同情况显示不同样式;
  按了“上一页”或“下一页”之后则边框加粗(成为重点),引导你继续往下点;
  告知用户列表的总数量;
  数量少得情况下,提供了“最后一页”的链接(图上没有);
  可以访问到所有的页,可惜如上图所示超过一定的页码,显示上有问题(IE和FF都这样)。
  新浪文章留言部分的翻页
  新浪评论部分的翻页,Ajax可以拖动翻页(显摆用的);
  永远提供“第一页”“最后一页”“上一页”“下一页”的链接,但是样式基本一致没有差别;
  告知用户列表的总数量;
  提供批量翻页(“上10页”)。
  但是在新浪博客(新浪比较有代表性的新产品)中,我们也可以看到以下相对比较粗糙的翻页:
  新浪博客的翻页
  给出了“最后一页”的链接,直接显示为“第n页”,如上图中的“第7页”;
  在单个博客页面上的翻页,以“”作为下一页,而不是常见的“”;
  提供了批量翻页(“上5页”)。
  淘宝商品列表的翻页
  永远显示“上一页”“下一页”,并且状态和形状有区分;上一页使用率较低,所以设计的较小;
  永远提供“第一页”“最后一页”的链接;
  提供页面的跳转,但是默认值为当前页;
  在列表的顶部右侧提供了一个简化的翻页,并且与底部的翻页设计一致。
  小结
  必须提供“上一页”和“下一页”的链接,并根据状态和使用率区分设计;
  数据量大且更新快的情况下,并且当列表按照特定排序时,一定要提供返回“第一页”的链接;“最后一页”的链接根据访问情况而定;
  突出当前页的数字,并且尽量使页码容易点击(不要紧紧地靠在一起),也不要一下子把所有页码都显示出来;
  一般不需要在列表的上下都提供翻页,增加程序负担并且干扰视觉;淘宝列表顶部提供的简化的翻页想法不错,但不知道使用率如何;
  批量翻页是无意义的(但是可以增加PageView),可以通过优化页码排列来替代;比如在当前页的左右两侧各提供一定数量的页码;
  对于“第一页”和“最后一页”的链接,如果是在页码序列中显示,一般会附带显示第二页和最后第二页的链接,比如本文中的淘宝翻页的截图,显示为“129697”。如果单独提供,可能视觉上会以为这不是页码序列的一部分,特别是最后一页的数字,用户可能没有概念;
  对于用户比较熟悉的内容,或者用户自己的内容,尽量提供“最后一页”的链接,比如Flickr对于个人照片就是这样处理的(文中的翻页取自某个tag的照片)。
  如果可以通过数据确定用户的行为是较为随意和没有目的性的浏览,那么提供多种方式的翻页很有必要,比如提供跳转到固定页码。比较理性的行为,不会使用直接跳转到某页,因为无法知道那里是什么。
  Shark在白鸦的那篇淘宝的体验文章中回复到“有些东西出现在页面上是有很长的故事的,不便多说了。”我想来想去,写本文并且截图只是看看这些公司在细节上面是怎么处理的、是否用心设计,不存在绝对的对错。
  数据很重要,我曾经做过一个活动广告,点击率大约是1,后来在广告上增加了“点击查看详情”,并且采用默认的蓝色加下划线的链接形式,点击率提高到了10左右。
  来源:http:www。paidai。comdisplaythread。php?boardid18topicid21260
投诉 评论 转载

26名当世最有影响力的设计师前言:BusinessWeek最新公布了26名世界上最有影响力的设计师。当然这里的”设计”是广义的设计,并不局限于图形或是可用性等单一方面。但是我们依然可以在他们身上学到作为任……用户体验:评”烧包网”翻页功能今天突然想到要买只包过年用,由于要买男包就上烧包网看了下。在浏览完第一页后想继续翻页浏览,结果看到右下角的翻页按钮我愣了下:“这么的大的网站就一页商品?”。片刻思考后我想……关于FlashBanner设计的建议设计会严重影响广告投放效果,在此建议相关设计人员,在设计FLASHBANNER的时候考虑到以下问题。1。尽量减少矢量图形的路径节点数:矢量图形……三字真言:轻慢封不是“草泥马”,你们不要往那方面去想。我一直有在想“沉默用户群”的事情。所谓沉默用户群,就是在互联网上很少创造内容的人。在博客里,他们只留下空壳(或很少更新);在论……腾讯手机QQ映射出的国内应用行业杯具现状最近手机QQ2010版已经开始公测了,与往常不同的是,这次的新版本倒是没有激起多少的眼球来关注。抱着验证的态度,我也忍不住在论坛上下载该版本进行试用,倒不说Beta版中不可避免……UE,UX在中国UE全称UserExperience,中文叫“用户体验”。UX全称UsereXperience,中文叫“用户体验”。2003前后年传入国内,大概是与Usabilit……用户体验量化方法研究(二)在用户体验量化方法研究(一)中,我们以用户体验层次模型为基础,提出了三种量化用户体验的方法:以任务为中心、以行为为中心以及以体验为中心的量化方法。在本篇博客中我们将具体向大家介……交互设计实用指南系列(9)一次点击有一次去超市换货,本能的找到服务中心,服务中心说这个业务在超市旁边一个房间里,由于忘记带小票,那个小房间的人让我去另外一个小房间调电脑里的记录,调出来我拿着记录单去了卖货的地方……粗放的产品流程and只爱陌生人and银幕的两极1、只爱陌生人大约是一年前,玩了玩http:omegle。com它的中国山寨版名字叫http:luguode。com有点点意思,但别指望靠这个跟别人聊上,都是……用户体验让人疼的火车票语音预定系统这个文章比较杂,是在2月1号下午极度郁闷之下写的,只是记录电话买火车票的事情,很杂!有一种痛,叫蛋痛!有一种恨,叫痛恨!有一种理,叫无理!有一种残,叫脑……不一样的交互组件交互设计是一个创造性的工作,利用创新的方式漂亮地解决产品问题,是一个交互设计师价值的体现。当创新的交互设计被用户认可、被业界同行学习,更是一种巨大的职业满足感。这种创新不一定是……榨干ChromeUI:Chrome才是浏览器,其他的只是软件目前的我,已经成为Chrome的严重依赖用户,甚至U盘内也随身装着Chrome便携版。对我而言,它有着其他浏览器无法代替的杀手级优势:快速,稳定,完美支持Google所有在线服……
怎样让一个全新的操作模式进入大众视野?回顾苹果的做法MaterialDesign:为什么FAB(Floating并不是只有白色设计才叫简洁关于AppleWatch上的应用排布来看看将成为明日主流的7大网页设计趋势扁平化网站建设之颜色搭配如何巧用色彩打造动人心弦的网页设计设计美学:黄金螺旋的妙用和趣用交互设计中的功能动效如何通过设计让用户更准确地做出选择?论交互式设计与用户的关系GooglePhotos的几点交互
摇到外婆桥富贵竹怎样才能生根梅花怎么造句小岛工作室商城上线死亡搁浅弩哥项链售1890元我的家乡阜宁那些结婚率最高的星座配对诗经《北山》原文及赏析电吹风辐射污染大怎么办儿子想做电竞选手邓亚萍神操作劝退!这种育儿方式被网友夸上热搜专利申请合同格式是怎样的?三岛由纪夫《金阁寺》主要内容简介及赏析2012北京中考参考作文少年风采

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界