当前位置: 网站建设 > 网页设计 > 建站经验 >

网页交互设计教程 产品设计选择加载还是分页

时间:2013-03-02 04:12来源:未知 作者:admin 点击:

标签:网页交互设计教程 产品设计选择加载还是分页 产品设计(6)分页(3)交互(15)连续(3)选择(23)网页(168)加载(7)还是(11)设计教程(1)
连续加载 如Quora,会在主动加载4次后呈现一个More按钮,在持续的信息流之后,给用户一个停顿,让他们去自动的获取更多信息。 再来看看搜索引擎和电商网站,也一定会看到分页控件。 分页 挑选加载还是分页只是设计中一个很小的点,但杰出的产品都是由无数个这样的小点组成的。依据产品的特色,取舍最适合它的交互方式,就是交互设计师要做的事。 但像搜索引擎这样的产品,还是保存了分页的设计。 但是因为信息是自动加载的,页面看起来好像没有停止,很难猜测页面的内容到底有多少。一味的加载会让用户发生迷失感:这一页的内容到底
网页交互设计教程 产品设计选择加载还是分页》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234H42013.htm

连续加载

如Quora,会在主动加载4次后呈现一个“More”按钮,在持续的信息流之后,给用户一个停顿,让他们去自动的获取更多信息。

再来看看搜索引擎和电商网站,也一定会看到分页控件。

分页

挑选加载还是分页只是设计中一个很小的点,但杰出的产品都是由无数个这样的小点组成的。依据产品的特色,取舍最适合它的交互方式,就是交互设计师要做的事。

但像搜索引擎这样的产品,还是保存了分页的设计。

但是因为信息是自动加载的,页面看起来好像没有停止,很难猜测页面的内容到底有多少。一味的加载会让用户发生迷失感:这一页的内容到底有多少呢?我已经浏览了多少内容?我什么时候能力读完这一页呢?对于这种没有停顿的页面,用户想要搜查之前看到过的信息时,也有些艰苦。但对于这种以休闲娱乐为主社交型的产品来说,使用不打断用户信息流的加载方式,还是异常合适的。

手机客户端

折中的方式

无论是在web页面还是手机利用,信息往往无法在一个页面全体展现,这就需要用到一些可以扩大页面信息的交互模式:分页(Pagination)和加载(Continuous Scrolling)。分页和加载都长短经常见的交互模式,我们天天都会遇到,也恰是由于太常见,咱们甚至感到不到它们的存在,浏览到页面的底部时,看到分页就顺手点一下,自动加载了就继承阅读。但正是这小小的一点,也会带给用户很不同的奥妙感触。 下面就来聊聊这些小差别带来的大不同。

在搜索或是查看商品列表时,网页中的“复制链接”该如何设计,内容的多少基本无奈预期,分页的第一个作用做作还是告知用户要浏览信息的量。第二,分页可以让用户快捷的跳过一些不想看的信息,或是疾速跳转到首页或尾页,自主的抉择想要浏览的内容。第三,分页十分便于定位跟回找,兴许在搜寻一条裙子时,我已经翻到了第五页,忽然想起第二页有条似乎还不错,可以直接跳转倏地找到它。

分页和加载各有利弊,现在的良多网站也会采取一些折中的方式:分页加载一起用。

分页可以将大篇幅的内容分成小块,显示在独自的连续页面上,便于用户懂得和查找。可以让用户清晰的知道,自己所要浏览的内容到底有多少、已经浏览到哪个部门、还残余多少。分页可以使用户对所浏览的内容有明白的预期。

连续加载是一个与分页相反的交互模式,信息之间不显明的界线或是停顿。当页面滚动到底部,新的信息就会被自动加载进来,网页中框架、布局、模块、列表和数据块的表现技巧

各种社交网络就特殊爱好用这种控件,用户不会被打断,可以顺畅的始终浏览下去,沉迷其中。

新浪微博也采用了这种折中方式,自动加载两次后涌现分页。对大多数用户,在空闲时浏览微博,加载两次的内容已经可能满意他们,对于需要浏览更多信息的用户,也让他们晓得自己到底浏览了多少。

Tag:选择   还是   产品设计   教程   交互   设计   网页     --> [网站建设之]网页交互设计教程:产品设计选择加载还是分页

使用分页控件时,用户必须通过点击才干查看到更多的内容,所以说,信息获取是用户主动恳求的。而使用连续加载时,网页中层的固定实现代码,新的信息是被自动加载进来,网页中CSS样式切换的实现,用户是被动的接收。

在屏幕更小、使用处景更多变的手机端,滑动显然比准确点击更简略更不轻易误操作。手机端产品信息架构绝对简单,用户浏览时长相对较短,使用时留神力也相对疏散。所以大多数app都会使用连续加载的方式。而且加载也比分页控件更省空间。

分页控件实际上是给网站的内容发明了一个天然的停顿,这个停顿应用得好的话,能够让产品更有节奏感。然而当用户阅读完一页的内容时,就必需停下正在进行的浏览,通过点击进行跳转来获取更多内容。不可否定,这个停顿会在必定水平上打断用户的思路。在碰到分页时,用户很有可能会去思考,是持续浏览呢?仍是分开网站呢?所以遇到分页时,往往会散失一局部用户。

为了应用户可以快速看到更多图片,Google图片搜索也采取连续加载的方法,但在搜索图片时,用户也无比须要明白的本人的位置,网页中 返回顶部链接 的人性化设计,也很有可能会回去找方才看到过的图片,所以Google在统一页中也会标出页码,便于定位和查找。这也是另一种折中的方式。

篇幅较长的文章是一定会用到分页的。一是给用户内容多少的预期,二是可以给浏览者供给一个停顿。假如用户看一篇文章已经翻了十多少屏,转动条还是停留在浏览器旁边靠上的地位,那该多失望。


(责任编辑:网站建设)
网页交互设计教程 产品设计选择加载还是分页相关文章
上一篇:网页中的“复制链接”该如何设计 下一篇:网页优化必须会的SEO技巧
回到顶部