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

浅谈“瀑布流”和“下一页”之间的抉择

7月23日 圆通道投稿
  2013年,随着pinterest的改版,一种新型的页面浏览形式“瀑布流”横空出世,许多网站争相模仿。
  那么,瀑布流到底是怎样的一种浏览方式呢?
  我们通过鼠标滚轮往下滚动网页的同时,网页也在不断的加载,省去了用户点击下一页的动作。咋一看,这种方式是挺省力的,但实际用户是不是真的喜欢呢?
  在设计资料量比较大的网站或是应用程式时,我们常常会遇到的问题是要采用分页(Pagination),还是移动卷轴(Scrolling)便自动载入、呈现资料。
  F和T的页面在载入新资讯的时候,都是采用移动卷轴自动载入的方式;P开始流行之后,许多网站设计都采用这种被昵称为“瀑布流”的设计。但是我们依然可以看到许多网站,例如搜索引擎巨擘Google、和照片分享平台Flickr,依旧还是使用分页的方式呈现搜索结果。
  该选用分页、还是卷轴?
  到底这两种呈现资料的方式有什么差别?哪一个又比较好呢?
  答案应该是:“Idepends”。
  在设计社交类型的网站的时候,所需要呈现的资料是非常即时的,使用者第一个想看到的应该都是最新发生的消息、朋友最新的状态,然后才是逐次的慢慢阅读到他还没看过的讯息。
  这种依照时间排序、变动性质非常大的资料,如果采用分页的方式呈现,每一个页码所代表的内容改变性很大,若采用分页可能是比较不好的方法。想像一下,你每次打开一本书、翻到第38页的时候,看到的都是不同的内容,应该是很困扰的一件事。
  相对的,G和F所呈现出来的资料是搜索结果,和好友动态讯息比起来相对变化性低。
  使用者在每次翻页的时候都会留下使用印象。当使用者在第三页找到资料,而下次又需要这笔资料的时候,他会透过页码大概记得这笔资料的正确位置,而不用使用滚轮来上下卷动来寻找他所需要的资料。
  能把两者结合吗?
  若资料的类型是可以被索引(index)的,例如导演的名单可以透过姓氏的字首索引、电影名称可以透过字数索引,那么把索引制作成分页也是一种不错的方法。使用者可以快速的从“J”这个分页中快速的找到魔戒的导演PJackson。
  也有许多应用程序更进一步的结合了两种呈现方式,在iOS的“联络资讯”软体上,所呈现的就是采用移动卷动的方式呈现你的通讯录;但是在画面的右手边加上了笔划与英文字母,除了可以快速的透过手指滑动手机屏幕寻找资料,也可以透过这种查找索引的方式快速找到需要的资料。
  如果网站或应用程序所呈现出来的资料可以选择或编辑,若采用分页的方式,假设使用者在画面上点选了三个选项,然后点选下一页,这时候使用者可能会对于前一页的三个选项是否还在勾选中感到有点困惑。此时采用卷轴呈现资料也许是比较方便的作法。
  资料型态,才是设计呈现方式的本质
  卷轴式的呈现时,使用者往往会多看个几页,得到的资讯相对比较多;但想想,若设计的是有一、两万笔资料的网站,要让使用者在这一、两万笔资料中滚来滚去找到他想要的东西,可能就有点难度了。
  其实资料才是呈现的本质,分页和移动卷轴两者的设计各有优点与缺点。当然,无论是采用哪种,都得根据资料的形态来呈现,才能找到最适合的方法。
  我认为这两种方式的选择还是要靠用户自己,我们需要在页面做一个选择的按钮,让用户自己选择去吧。
  via:盒子UI
投诉 评论 转载

从详情页返回列表页,应该是回到顶端还是回到原地?在一个列表页上点击某个项,进入详情页,再从详情页返回列表页,应该是回到顶端还是回到原地?返回到列表时,列表不应刷新、页面不应回到顶端,应该是返回原地,回到刚才离开的那个位……网页设计中的方块元素当你欣赏下面这些案例时,留意一下他们如何以及为何使用矩形或正方形元素,会使得你思路大开。此处列举的方块元素,被用来对齐、组织、装饰、排列页面上的方与圆。在设计中使用方块元素有很……浅谈“瀑布流”和“下一页”之间的抉择2013年,随着pinterest的改版,一种新型的页面浏览形式“瀑布流”横空出世,许多网站争相模仿。那么,瀑布流到底是怎样的一种浏览方式呢?我们通过鼠标滚轮往下滚……那些小处见大的设计细节(2)1。PressCaf鼠标悬停在“营业打烊”状态标识上时,气泡中会显示距离“打烊营业”的时间,精确到分钟。2。Kayak筛选航班信息时,你可以通过点击某个筛选条件中的“on……高手之路:浅谈多终端产品视觉一致性KDD:随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想……一枚app图标的设计文化启动图标是每一个iOS中应用软件的关键组成部分。它能传达给你应用程序的基础信息,并能够给用户带来第一印象感受。它是一个非常重要的软件入口,能直接引导用户下载并使用应用程序。它的……让交互有趣又有用让用户更近一步最近看到最让人无力吐槽的视频,不是王大锤,而是三星针对它出的手表发布的新广告。广告中一个拥有手机附属设备的男人,有着与众不同的使用逻辑:手机掉到地上了,第一时间不是去捡起来,而……Axure教程动态面板拖动效果函数DragX,DragY(1本教程案例原型下载:动态面板拖动效果(函数DragX,DragY)今天的教程示例如下:如图,是通过拖动任意一个面板,让另外一个面板镜像移动。看似有些复杂的效果……小而美的交互细节有些网站无论在内容,可用性,设计或者功能等方面胜人一筹,其取胜之道在于交互和动效的细节上。在这里通过各种模型和大家分享一些案例,并分析为什么这些简单的方式能产生让人难忘的效果。……Axure教程动态面板滑动效果(10)示例原型:http:pan。baidu。coms1mgjYahi实现目标:1、点击登录滑出登录面板2、点击确定滑出动态面板最终效果如……初学者谈谈网站交互设计由于所在团队的项目原因,开始接触实战的交互设计,第一次使用Axure来为一个网站设计一份交互。加入团队的时候,整体站点的功能和需求基本有了一个大框架,所以只提出了一些修改和增减……腾讯ISUX:创意让视觉更锋芒在这个信息过剩的时代里,新媒体,自媒体,传统媒体,都在各个领域里影响着自己的目标用户,运用好合适的媒体,能够有效的影响用户,带动产品的活跃度或者销售量,存在于各个媒体里最终的视……
从2种形式和4种附加价值,来浅谈APP启动页提示信息的情感化设计,做一个有故事的淘宝快速学习时序图:时序图简介、画法及实例2个方向4个维度,探索电商运营活动中的交互设计设计思维常用的五种工作方法App动效类型,其实就是五部分人鸡交互VS人机交互总结服务设计的基础概念和案例提升用户验证,要好好考虑几件事情新用户首次体验有多重要?又该如何提升?设计一个完美的搜索框:不可忽视的9个要素从理论到实践,我是如何完成这份交互设计的?
到手的鸭子飞了骨干教师培训考核个人总结多篇万凯新材拟买控股股东旗下公司年营收0,净资产突增,地方国资退描写坚强的名人警句摘抄家庭教育能为学生“减负”出多大力?吴亦凡事件后的供应链自救顶流倒塌,爆品受伤,看小米韩束等如何进化论可能是错的彩色的春天教师活动总结陕西侯为贵44岁白手创业,与华为分庭抗礼20年,如今身价10海信商用显示捐赠走进莱西南岚中学,校企联合助力教育均衡发展孕期准妈妈为什么会变丑

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