中国式网页设计:手机客户端和网页版合二为一

文章描述: 采用流式页面,手机客户端的编辑力量和网页版合二为一,一次推送,自动铺开到所有终端,大家在不同地方看到的都是一样的新闻列表,编辑力量将被空前地解放。

  [核心提示] 采用流式页面,手机客户端的编辑力量和网页版合二为一,一次推送,自动铺开到所有终端,大家在不同地方看到的都是一样的新闻列表,编辑力量将被空前地解放。

  无限滚动,类似博客页面的版式终于开始替代所谓“新浪模式”的拥挤不堪的版面,成为传统门户网站的选择。

  2012 年 7 月,腾讯科技改版成为博客版式,引发热烈讨论。随后,网易科技的最新一次改版也变成了博客版式。今年 1 月雅虎美国首页改版,引入了像微博,Twitter 一样,拖到页面底部自动加载的功能,而且可以加载到无限长度。

  4 月 8 日,中新网新闻频道改版采用“无限滚动”,同期百度旗下的导航网站 Hao123“新闻”板块也改成“无限滚动”,不过影响不大;8 月 6 日,腾讯网新闻频道改版,终于开始成为门户普遍改用博客版式的一个转折点。

  我特别好奇的是,为什么这种流式布局最终会真的应用到最为影响流量的新闻频道,为什么真的要开始抛弃传统的中国式门户版面?我更加好奇的是,为什么颠覆是从现在这个时间节点开始的?

  “中国式网页设计”

  所谓“中国式网页设计”似乎已经名声在外。这可以高度概括为下列情形:满屏幕密密麻麻的链接,闪动跳跃的 Flash 和视频广告等等。不到一年前,你拿这一套标准还可以衡量绝大多数的中央和地方门户网站。

  如果追溯到 97-98 年,互联网站最开始出现的时候,那时对网页显示最大的限制是带宽和网速。过了一两年,互联网泡沫时期的门户,获得一定的带宽,开始“报复性的”把小号字链接铺满整个屏幕。这时候国内外网站差不多都这样。

  从两栏到三栏,从 800 像素宽到 1024 像素宽,网站版面仍旧有助于其在前几屏安插尽可能多的内容。所有的文章都只有一个标题,顶多带一个图片。只有头条能享受有一句话摘要的特殊待遇。在文章内容页,围绕正文的也是密密麻麻的广告和其他频道推荐链接。

  这看起来,似乎让我想到了一个完全不相关的现象,就是中国人喜欢占尽小便宜的样子——就是最近几天美食节做了一大锅韩国拌饭,老头老太太们拿着塑料袋上去抓的样子——想要占尽页面上一丝一毫的展示位置,哪怕网络空间的扩展是免费的。

  说起“中国式网页”,门户的统一反应是,用户已经习惯了,如果我们改动就会刷刷掉 PV,影响广告收入。腾讯科技率先改成博客版式的时候,同行们几乎众口一词的看法都是:他们不想活了。

  这只有一个解释,门户们几乎是连哄带骗把用户骗进来点击的。新媒体和自媒体们也借此打击门户说,你们要那些流量没用,我们有你们没有的影响力。但影响力就更加不是一个可以衡量的好指标,于是广告主蒙了。

  从排版到流

  改成“一拉到底”,多亏了微博和手机新闻客户端。手机屏幕小,排版不易,只能从上往下读。国人在手机屏幕上的阅读习惯,是从手机报开始的,而手机报的本质,现在看来就是微博汇总。

  排版意味着一个页面上的消息有多种不同的分类方式,不同板块可以在同一个视觉高度并列显示,还夹杂着同一板块的标签页。流则意味着一种单一,可依赖的信息分类方式,减少了用户的选择,规范了用户习惯。

  排版以往还带来另外的问题。网络可以容纳理论上无限数量的文章,为了方便,经常会采用抓取新闻的办法,将新闻来源的所有文章不问青红皂白抓过来生成一个页面,而大多数页面不会上版,有些 PV 都是个位数。如果只有一个流,编辑无需将新闻重复推送到不同地方,不仅节省了编辑的工作量,也可以杜绝冗余的文章页面生成,变成白白浪费掉带宽和空间,也无法检索的“信息黑洞”。

  作为前编辑,个人对推送新闻这件事是深恶痛绝。不同位置字数限制不一样,从 10 个字到 20 个字都有,一篇新闻要推送到三四个不同位置,包括门户首页,频道首页,栏目头条和手机版,有时候还得单独截图。这占用了门户编辑工作的很大一块时间和精力。

  如果采用流式页面,手机客户端的编辑力量和网页版合二为一,一次推送,自动铺开到所有终端,大家在不同地方看到的都是一样的新闻列表,编辑力量将被空前地解放。

  流一般以时间为序,随着技术的进步,对用户资料的积累和挖掘,也会逐步加入智能排序,推送个性化新闻。这就更加推动门户的新闻采编半自动甚至全自动发展,从而降低运营成本,也可以培养出硬广告之外的全新推广方式。

  从排版到流,表明这些网站对用户从头看到尾有了更大的自信,另一方面也标志着同报纸的越来越严重的分野。广告位总体减少,也意味着以流量和广告为主的盈利模式,确实不再成为门户的唯一生命线。

时间: 2024-11-03 04:31:13

中国式网页设计:手机客户端和网页版合二为一的相关文章

js实现PC版网页自动识别手机客户端并跳转

PC版网页自动识别手机客户端并跳转,用js进行判断是否手机客户端进行跳转最好,特别是静态网页,把这个过程通过js的方式放在用户客户端执行,可以大大减少服务器端额外处理的压力.但是有时需要通过在服务器端进行判断的情况除外. 以腾讯网适配js函数为例: <script> (function(){ /*   腾讯网适配跳转 */ var reWriteUrl = function(url){  if(url){ if(url.indexOf("/a/")>0 ){  var

网页设计中怎么把网页上的内容和数据库连接起来?

问题描述 网页设计中怎么把网页上的内容和数据库连接起来? 想做个网站,可是数据库不会连,怎么办?sql数据库代码怎么写? 解决方案 取决于你网站后台用的什么,php等都可以链接访问数据库. 解决方案二: (1)执行"开始'"控制面板'"性能和维护""管理工具""数据源(ODBC ),弹出"ODBC数据源管理器,对话框.切换到"系统DSN"选项卡. (2)单击"添加,按钮,弹出"创建新数据

移动应用交互设计:手机客户端的交互适配方法

文章描述:本文中,我想简单的总结一下手机客户端的交互适配方法,希望能更好地来指导当前移动应用的设计需求. 简摘:本文从手机平台.机型(触屏和键盘)及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则. 手机客户端软件虽只是手机中一个功能,但它却要比设计单款手机更为复杂.在设计单款.单系列手机时,需要考虑这款手机的软.硬件优势及不足,考虑其特性.其UI Style Guideline ,确定这些内容后,整个平台的UI也找到基础了.说起来,这至多是考虑某个系统.某个屏幕的特性而已,

网页设计技巧:正确处理网页图片

译者:nornor 俗话说,一图胜千言.无论这是真是假,图片都是网页中重要的组成部分.自从嵌入图片步骤变得简单,我们可以看到很多网站都内嵌了许多图片,其中一些 网站从不同角度展示了正确利用图片的好处,然而,大部分网站则不是如此.尽管这对于一款设计来说,并不是多大的影响,但是这些图片可能会减少你销售产品的 机会,除非你有一个很好的诱导用户的页面或者创造了很好的阅读流条件.图片是细节胜于原则的问题,处理图片应该是设计师们更加需要理解和掌握的能力. 网页可用性专家Jakob Niesen和他的公司NN

网页设计心得:高效编写网页代码

本来这第七章应该是针对设计中的层次.空间的技法及深层次的探讨.但今天暖暖跟我哭诉她事情总是处理不完.加上今年3·4月份公司的一大堆生意的顺利完成.以及那时候总结出的一些经验.觉得效率这个问题还是很有必要跟大家分享分享的.时间仓促,分类不明确,还请见谅! 本文从三个方面着手,一个是企业网站的建设(教育政府类也归纳到企业站点里),二是小型门户站点的建设,三呢,我把平面广告设计也顺带提一点.主要还是网站. 其实企业站点的工作量并不大,相信很多有经验的同仁能够把普通企业站可能用到的栏目一口报出来.在这里

网页设计教程(7):提高网页制作效率

上一篇:网页设计教程(6):要保持设计激情. 本来这第七章应该是针对设计中的层次.空间的技法及深层次的探讨.但今天暖暖跟我哭诉她事情总是处理不完.加上今年3·4月份公司的一大堆生意的顺利完成.以及那时候总结出的一些经验.觉得效率这个问题还是很有必要跟大家分享分享的.时间仓促,分类不明确,还请见谅! 本文从三个方面着手,一个是企业网站的建设(教育政府类也归纳到企业站点里),二是小型门户站点的建设,三呢,我把平面广告设计也顺带提一点.主要还是网站. 其实企业站点的工作量并不大,相信很多有经验的同仁能

网页设计参考:WEBJX收集网页视频播放器的界面设计案例

文章描述:20个视频播放器界面欣赏及点评. 网页设计中非常细节的东西,比如就一个描边,有时就造成了用户心理感受上的差别,进而影响用户的使用偏好,直至对整个设计的成功与否以及作品的商业价值产生非常大的影响.类似于"千里之堤毁于蚁穴"和"蝴蝶效应"的感觉.夸大其词吗?绝对不!细节的力量我认为在网页设计中有着无穷的魅力.认真想想那些你个人认为优秀的设计作品,其中是什么东西打动了你?真的很多时候就是一种描述不出来的颜色,一些1像素的高光,或者是一种质感. 例如下面的这20个

网页设计参考:漂亮的网页按钮设计实例

网页设计中使用按钮是十分普遍的情况,大多数时候设计师都会使用一些现成做好的精美按钮,不过对于有些网站风格,并不能一时找到合适的按钮,当我们需要为网站独自设计按钮时会发现,看似小巧的按钮设计起来并不容易. 设计按钮最常见的问题就是虽然很漂亮,但放到网页中就十分不搭调,所以下文将收集到的几个网页中的按钮进行展示,这些按钮UI共同的特点就是简单.能与网站本身融合在一起,而且这些按钮大多几乎都是根据网站需要进行设计,从中我们也可以发现一些快速有效的网站按钮设计方法. 1. Transmission Tr

网页设计经验谈:自以为是的网页设计者

(一)垃圾还是经典网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已.不管是垃圾还是精品,都没有所谓的经典.经典只存在于是哪个首次成功创新性的应用.网页设计者不管自己的学识.技术和经验如何,都自以为自己吊的不得了,这可能是源与商业设计自我意识体现的强烈主观因素.一个闭门造车者做出的东西,是远远赶不上综合借鉴者的.网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹时非常的明显!还有那个设计者敢腆着脸说,这都