网页宽度是多少符合用户浏览

网页多宽才合适,这个问题可能并没有一个标准,也没有对错之分,可能我们在使用网页尺寸的时候更多的想的并因该是用多大的宽度,而是我们的访问者更适合多大的网页宽度!

1、结论:固定宽度只适合功能型网站,不适合希望用户认真阅读的浏览型网站。UCD大社区是浏览型网站,它的定位是“知识库”,希望你停留在这里认真浏览和阅读。

2、大屏幕不是用来显示更宽文字内容的,大屏幕下必然会面临鼠标长途奔袭的问题。建议用大屏幕的人:为自己的身体健康着想,在大屏幕下阅读的时候,养成缩小窗口的习惯。共勉 :)

3、希望用户认真阅读的网站,主要内容区域的宽度必须固定,不能过长,否则会伤害到阅读者的眼睛,而且不适合阅读的流畅性。固定宽度在650左右最合适。有兴趣的人可以去搜索相关报告,为什么是650左右。(Google是按照英文算的宽度,我们可以按照中文相对调整)

4、一个页面只有一个主要内容区域,其他所有都是辅助内容,能隐藏就隐藏,能忽视就忽视。在用户浏览的时候,辅助内容不要紧挨着主要内容。那样会干扰阅读,侧面影响内容摄取的质量。特别是当辅助内容不能很少的时候。

5、浏览型网站尽量别用三栏,三栏太难设计,一个合理的页面不需要一下子摆出来那么多内容。

6、所以:对于浏览型网站,在大屏幕下,浏览区域和辅助区域需要有分隔。 即使因为不用固定宽度会带来视觉上的不协调。

7、虽然屏幕越来越大,对于一些网站来说1024的宽度不一定会是主流,但至少需要向下兼容这个宽度,把他们作为一个很重要的人群考虑。

8、宽度问题其实是一个蛮值得讨论的问题。在屏幕越来越大,尺寸越来越多样的时候,这个问题会越来越凸显。
但如果纠结于“不要有空白”、“功能和内容不能分开”,没有任何意义。有些可用性原则,没有挑战余地。就好像公共场所的门必须向外打开一样。

9、对于这个问题,设计者应该为用户考虑更有益的方式。而不是听用户说他们想要什么样的方式。因为:大多数嗓门大的用户,并不知道什么样的方式对自己最有益。

10、为了保证更好的阅读体验,UCD大社区的设计者们正在考虑:是否不再录入那些阅读体验很差的网站的文章,或者将这些文章的默认链接改为我们的快照页面(点大社区文章标题前的“望远镜”ICON就是快照页面)。

大尺寸网页并不适合阅读

首先得抛出个重要的前提观点,大屏幕、宽屏幕根本不是为方便“扫视”准备的。所以说以内容为基础的网站设计不用考虑超宽、超大的场景,甚至包括服务类网站都如此。

曾经在800*600为主流时,页面宽度大都以770或780px为标准;在1024*768为主流时,页面宽度大都以950或960px为标准。当时准则很简单,首页固定宽度,因为版面容易控制;内文页自适应宽度,因为可以让更大屏幕(主要是1024*768)用户单屏看到更多内容。

但现在的大屏幕通常得超过17′才算,在这种情况下,全屏自适应的排版模式并不易读。因此我个人认为,在显示器越来越宽、越来越大的发展趋势下,页面宽度还是固定为好,并且应该以适应1024*768为基准,950或960px几乎是用户不扭脖子、双眼扫视的宽度极限。

至于大屏幕应用,主要是为了能放更多窗口,或者特殊的查看、处理超大图片场景。其目地都是为了提高工作效率,使用双屏意义也如此。全屏模式下,自适应页面中间必然大量留白,固定页面旁边必然大量留白。所以回到开篇所述结论,大屏幕浏览页面的良好体验,本就应该用户自己调整窗口,否则无论如何都有鼠标“长征”的弊端。

宽屏幕的意义主要在于让用户看宽幅电影时的体验更好,绝对不是阅读体验。用普通4:3屏幕看宽幅电影必然造成上下留有黑边,本身就是种浪费,与用宽屏浏览网页两边会有留白是同样道理。比如我很少在笔记本上看电影,用笔记本主要是工作和学习,因此我还是喜欢12′普通比例,虽然宽屏笔记本越来越成为主流。

再比如我博客现在风格版面,从06年第一版设计开始就宽度固定,再大再小的屏幕都如此。现在content宽度是几次调整后的结果,固定还是自适应各有各的好处,我不喜欢自适应。在是否需要固定的问题上,我不是很同意白鸦观点,另外大辉、西贝提出的问题,我下周二上班用大屏幕截几个有趣的应用后再探讨。

有人认为“UCDChina网志写的挺好,但实际产出不是一回事。”很多时候,研究而成的总结仅仅在理论阶段,实际应用并接入项目得需要时间。创新必然超前于应用,何况因为我们自身的能力问题,还有很多悬而未决的概念、理论认识错误。

最后回到blog皮肤问题,建议所有写网志“号称”web设计师的同行们自己动手设计blog界面,这是自我能力的最基本展示,欧美同行的成绩大家有目共睹。不同的方向必然有不同创意结果,包括视觉设计、交互设计、界面设计、信息设计都能在各自点上尽情发挥。只有在百花齐放的环境里,国内web design水准才可能得到真正意义上的提高。

时间: 2016-06-25

网页宽度是多少符合用户浏览的相关文章

网页页面加载对用户访问的影响

页面访问慢是网站公认的死穴,如果页面都没法访问,往后再精彩的体验都等于零.这个问题如果专业点说,叫做"加载"呈现效率.那么具体了讲,除常规的服务器处理速度.服务器端网络带宽.客户端网络带宽等"硬"问题外,有哪些是技术上没处理好的"软"问题? 举个例子,某页面浏览到一个地方卡住了,至少要等十几秒才出来内容.排查原因,浏览其他网站页面很快,说明客户端网络带宽没问题:浏览同个服务器上其他网站页面都很快,说明服务器的处理速度和网络带宽也没问题.分析代码可

知识:CSS方便地控制用户浏览网页时使用的光标

css|光标|控制|网页 CSS允许你控制网页外观和布局的各个方面--包括字体.页边空白和光标.不错,从CSS 2.1开始,你就可以方便地控制用户浏览网页时使用的光标. 标准的CSS光标呈箭头状,一般来说,它都能满足一个网页或网站的需求,但有些时候你可能需要使用其它的光标.在这些情况下,CSS标准提供了众多选项. CSS光标类型 下表概括说明了CSS标准中的一些光标类型. 默认光标:使用标准的箭头. 手状光标:光标呈手形,食指伸出. 指针状光标:与手状光标相同. 十字线光标:使用十字光标(一个加

基于用户浏览记录的网页rank思路

  Google的pagerank就不多介绍了,一个能衡量网页重要程度的算法,本质上是网页相互投票的结果,基于这个特性,我们可以通过使用sitemap让搜索引擎尽可能浏览到多的网站内容,也可以通过多做外链来提高网站的PR值,达到SEO的目的. 市场上大多数搜索引擎都在使用pagerank类似的方法,且为了保证公正性,都采用纯机器运行的方式,通过网页爬虫来遍历网站,这就出现了一些有趣的问题: 1.一个网页的内容是很棒的,但是由于外链太少,爬虫在设定的深度阈值下可能无法爬到它,成为了少人问津的"暗内

网页设计趋势:撞色风 色彩引导用户浏览页

撞色风(Color Blocking)已经成为网页设计的趋势.运用方形(或矩形甚至弧形)的色彩盒作为色彩工具已经开始普及开来. 这种撞色风的趋势最先在时尚界流行.箱.包.鞋类甚至是运动服类的将多种色彩放在在一起,他们不是形式的搭配,而是单独色彩块的搭配. 现在撞色风格的趋势逐步渗入设计领域. 也许你看见的这种颜色不是你所期望的,这种撞色风的趋势主要集中在明亮色彩上,而非米色,也不是颜色相近的颜色. 因此你总是会看见现在的网页会运用流行的粉色,橘黄色和红色. 但是,撞色风格的网页设计确实不错.流行

分析用户浏览方式合理的使用浮动效果

文章描述:网页浮动层之我见. 浮动层是网页效果中的一种形式,它的表现样式为其始终显示在屏幕的特定位置上,不跟随鼠标的滚动而滚动以达到强调其内容的或者衔接上下文解释说明的效果. 浮动层在前段时间沉寂了一下下,现在,又重出江湖,得到了重视,发挥其巨大的作用(PS:浮动广告不算其列). 浮动层在网页中的应用主要有以下几种情况(自己总结,不全面请补充哦): 1 导航类浮动层: 当网友在某一页面中浏览内容时发现已没有兴趣或者没有找到自己想要找到的内容的时候,需要从导航进入到另一个页面里继续浏览或者找寻.故

安静与显眼兼具的导航才最符合用户的使用体验

摘要: 导航在网站设计中的重要性已经毋庸置疑,但重要不意味着它必须高调,安静与显眼兼具的导航才最符合用户的使用体验,而侧边导航恰巧同时满足了这两点.网站侧边导航的好坏与否 导航在网站设计中的重要性已经毋庸置疑,但重要不意味着它必须高调,安静与显眼兼具的导航才最符合用户的使用体验,而侧边导航恰巧同时满足了这两点.网站侧边导航的好坏与否很容易判断,主要取决于它的大小.形式.色彩和排版. 一般来说,侧边导航的宽度尺寸控制在内容部分宽度的三分之一左右; 主要表现形式有抽屉式导航.固定式侧边导航和隐藏式侧

原创不一定好 符合用户体验的原创才是真正的好

说起文章写作这个问题就让人感觉头疼,部分站长为网站的内容搞晕了头脑,坚持.坚持.再坚持已经成为了很多站长写文章的支柱,但有一部分站长每天的坚持却没有迎来很好的效果,为什么?因为他们只懂原创不懂用户体验,而百度公告中说得很清楚: 百度公告中说明:站长应该将精力集中在网站的内容建设中,只有提高网站的内容价值和搜索体验才能受到用户和搜索引擎的信赖,站长朋友,你看清楚了吗?有可能你的文章是几千字的原创,但是却并不符合用户价值取向与搜索引擎抓取取向,这样的原创就是毫无意义的原创,下面来谈谈如何写出能够提高

电商网站的购物车页面怎样能更好的符合用户体验和完成转化率

摘要: 站长在运营电商网站时,想要成功说服用户并完成转化率,其购物车页面的优化是必不可少的,而且购物车的优化是整个营销流程的最后一个重要流程,所以电商网站的购物车页面要做 站长在运营电商网站时,想要成功说服用户并完成转化率,其购物车页面的优化是必不可少的,而且购物车的优化是整个营销流程的最后一个重要流程,所以电商网站的购物车页面要做好优化.可能现在的很多电商网站都是购买的程序或者是公司的技术员编写的,如果是技术人员编写的购物车页面,绝大部分的购物车页面都不一定符合易用性和网络营销的原则.当然,不

网页宽度自动适应手机屏幕宽度的方法

原文:网页宽度自动适应手机屏幕宽度的方法 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />   在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度. 其中: width=device-width :表示宽度是设