设计师在设计页面浏览过程必须考虑:点击和滚动

文章描述:点击和滚动,哪一个对用户更友好?这是一个设计师在设计页面浏览过程时必须考虑的问题。使用点击,给用户一堆链接并把他们带到新的页面;使用滚动,则把所有内容按区块展示在一个单一的页面上。

点击和滚动,哪一个对用户更友好?这是一个设计师在设计页面浏览过程时必须考虑的问题。使用点击,给用户一堆链接并把他们带到新的页面;使用滚动,则把所有内容按区块展示在一个单一的页面上。

许多年前,这个问题最简单的回答就是使用点击。通常的考虑是,如果你使得你的你的页面过长,那么用户只会去看去读上半部分而可能只是扫一眼、甚至是忽略下半部分。而今,这有了一些变化,许多用户可以毫无问题的从头滚到尾。相比点击滚动现在变得越来越自然。因为用户的行为一直在变化着,设计师需要在他们的设计里考虑到这些问题。

无论是滚动还是点击,都有其优缺点。然而,对于滚动来说,优点多于缺点。对于用户而言,滚动更快。随着鼠标滚轮的滚动以及触摸板滑动,用户可以仅仅通过一根手指的挥动滚过所有的内容,相比之下,点击需要用户找到链接、识别链接、鼠标移动到链接、点击链接然后等待页面加载。

滚动模式里,用户循序获取内容,并能一眼瞥知全貌。点击模式里,用户可以跳过某个链接到达下一页,而避免浏览他们跳过的页面。

滚动保持了用户阅读的连贯性。他们滚动然后继续阅读直到读到了页面的底部。而点击打断了用户的阅读流程,因为他们必须停下来,点击链接到下一个页面。在滚动过程中,用户也不需要等待新页面的加载(页面加载更加严重的打算了阅读)。他们只需要单一滚动到下一个区域并继续阅读。

点击在速度和易用性上毫无优势,但它也有自己的优势。点击允许我们跟踪用户的点击行为来做分析,而在滚动里无法做到这一点,你只能跟踪到顶层页面而不是子区域。

每个页面都有一个与他人分享的链接,这个链接也同时被搜索引擎收录。但在滚动模式里,页面只能被收录1页。

在点击和滚动里需要一个权衡。看起来滚动的可使用性更加。但是点击模式更适合数据分析以及搜索引擎。作为一个设计师,你的工作就是权衡哪个更加重要。了解它们的优势可以帮助你做出明智的选择。然而,如果你始终跟随用户体验,那么滚动模式就是答案。

译后语

原来的标题应该是:“为什么滚动是一种新的点击”,不过看起来不够直接。这篇通篇废话比较多,但是光看结论:其作者认为滚动相比点击更具优势。并认为这是一种新的趋势。

随着类iPad设备的流行,滚动操作,或者说滑动操作的习惯,已经被广泛地分发到终端使用者身上。使用习惯会在多个系统中传染,加之用户已经开始习惯无限滚动等交互方式,滚动操作已经在可用性的很多方面占据优势。

举一个个人的例子:太平洋和泡泡网是我常上的IT类网站,但是我可能更喜欢看PCPOP的评测,因为PCPOP有一个“在本页阅读全文”的功能,使得单页滚动代替了分页,让我可以不用总是点下一页看完整个评测过程——作为一篇完整的顺序性很强的文章,打断阅读连续性其实非常非常糟糕——而“分页”,这个我们看似理所当然的过程,未必是必须的。

时间: 2024-10-29 00:35:18

设计师在设计页面浏览过程必须考虑:点击和滚动的相关文章

网站设计师在设计网站时应该遵循的原则

文章描述:想成为一名优秀的网站设计师吗? 网站设计不只是用色彩丰富的图像组建一个网站.你需要遵循若干规则,并使用一些网页设计工具来达到目标.使用免费网站模板简化了网站设计的过程.利用这些可选选择,来开发漂亮的网站对于网站设计师是十分重要的.本文分享一些网站设计师在设计网站时应该遵循的几条重要的原则. 图像的运用 确保图像在网站设计当中得到最佳运用.尝试只用.jpg和.gif的图片格式.对于画廊(gallery)展示一项,得使用最小化的图片文件或是缩略图.图片的合理使用在一定程度上也节省了网站加载

非设计师谈设计(二):当UED遇上无相皇

接着胖胡斐上一期的< 非设计师谈设计>,这一次我们邀请了淘宝媒体业务部的主管--重阳. 重阳在淘宝又被称为"大少爷",众女生心目中淘宝最帅的男人.叫大少爷也是有来历的,据说是当年淘宝和同行比赛投广告的时候,从大少爷手上花出去的钱,养活了大大小小无数网站-- 当然,这都是传闻了,我只知道大少爷在广告创意.活动规划方面那是相当的拿手.淘宝大大小小的市场活动.站内活动,都少不了他的主意.所以这次特意邀请他来写写与我们UED合作的感受,特别是讲讲他当年怎么"折磨"

非设计师谈设计(一):胖胡斐谈Apple改版

设计是一件好像人人都能看懂的东西,所以常有设计师抱怨"老板指手划脚"."客户不懂装懂".我们认为,设计是一门综合性极强的学科.可以说,它就是人人都能看懂,只不过,大家都是从自己的角度来看.设计师说"用户体验"说"视觉"说"风格",客户.老板说"商业"说"运营"说"营销",开发工程师说"技术"说"实现".这些都

网页视觉设计:设计页面怎么样让内容搭配图片

文章描述:网页美感来源于形式和内容的统一. 现在视觉专家表明:用户浏览网站是按照"F"型的视觉路线.我们看任何东西都是从上往下的,最顶部左上角的位置是最明显的,也是最先被看到,这一点已经被现在所有的网站都运用上了,大家通常把公司的LOGO,网站的名称放在这个位置.接下来看到的是中间区域左边的一部分,这个区域大多数电商站喜于放产品栏目,以便用户查找.最后就是底部内容部分的.了解了这个规律,当我们在设计页面的时候就知道怎么样做内容,怎么样让内容搭配图片,做到协调统一. 文字和图片的统一,就

手机页面浏览可用性研究

本文来自SocialBeta内容贡献者wisp,原文译自Browsing on Mobile Phones,更多移动产品设计方面的资料,请查看SocialBeta移动互联网栏目. 手机浏览在全球的使用程度各有不同.在韩日,手机浏览器被广泛应用于移动服务,在欧洲,Wap服务一直在增长,而在美国,人们更多通过PDA浏览器浏览网页而不是手机. 虽然手机浏览目前并不是在每个地方都受欢迎,但是在接下来的10年内,它将成为大多数人上网的主要途径,手机浏览器也将成为人们每天都会用到的工具.而这些都要求手机浏览

对设计页面制作的思考

设计|页面 国内的网页水平整体来说并不怎么样,主要根源在于多年行业遗传下来的一个诟病,即对制作环节的忽略.也许是市场的因素,这么多年来一直在遏制界面开发人员的深入研究和提高. 网页的设计是一个多元化的技术集合,比平面更讲究,主要有三个方面,模块布局,元素效果,色彩控制. 模块布局:指合理性和人性化方面的原则和创新. 元素效果:指可见的图片,文字的组合或者排列方式. 色彩控制:指视觉效果和用色原则. 其他技巧就和平面类同了,比如视觉突出,特效处理等. 从设计图效果来看,我们又得到另外一种分类,布局

网站页面浏览数量统计指标真实意义

中介交易 SEO诊断 淘宝客 云主机 技术大厅 在进行网站访问量统计分析时,页面浏览数(或称页面下载数.网页显示数)是必不可少的一项指标,实际工作中对这项指标的对比分析中经常会出现一些容易造成混淆的地方,因此在研究网站流量统计分析有关问题时, 有必要对网页浏览数的真是意义做一些讨论. ??这里先对这两个指标简单解释一下: ??页面浏览数(page views):在一定统计周期内所有访问者浏览的页面数量.如果一个访问者浏览同一网页三次, 那么网页浏览数就计算为三个.页面浏览数常作为网站流量统计的主

ios-iOS 有什么方法不让使用者看到跳转页面的过程

问题描述 iOS 有什么方法不让使用者看到跳转页面的过程 但确实又跳转了 比如 A跳到B跳到C 用户是看不到A跳到B的 直接看到的是A跳到C 解决方案 变态需求啊,干嘛不a直接跳转到c,你这样从a跳b再跳到c无非是在b中实现了某种逻辑,那么你直接把在b中的逻辑也写到c中就可以了 解决方案二: 如果有这个需求,说明你的设计不合理,因为平白无故多出一个不需要显示的界面,可以删掉,改逻辑 解决方案三: 不是可以自定义跳转动画,显示一张黑色的图片?这个代码这块可以按照一楼说的关闭的吧 解决方案四: 如果

设计师的设计思维

Tim Brown所谓的设计思维(Design Thinking)就是指利用设计师的敏感性和设计师的设计方法在满足技术可实现性和商业可行性的前提下用来满足人的需求,而这句话谈到了关于设计师思考问题的三个出发点: 渴望(Desirability) 最近我在住院,这家医院里有一条规章制度,他们不允许病人把使用床头的电源,而给出的原因是因为床头设计有氧气出口,并且需要留出插口给急救设备用,而病人使用电器的话则可能会带来危险或者不便. 但是,很讽刺的是,就算标语就在墙上,却没有什么人买帐.每天早上护士查