Newsmap:信息视觉化的新闻聚合站点

标签: 前缀分类 应用 Google News Newsmap 新闻聚合 | 发表时间:2012-04-12 19:30 | 作者:何 宗丞
出处:http://www.ifanr.com

Newsmap 是一个基于 Google News 建立的新闻聚合站点,页面采用 Flash 构建。与大多新闻聚合站点“堆砌”的列表排列形式不同,Newsmap 采用了一种信息视觉化的手法将新闻展现出来,正如其名,它像一张“新闻地图”,极具视觉冲击力。

乍一看网站的视图颇具 Metro 风格,而令人惊讶的是,Newsmap 早在 2004 年就开始采用这种视图。

信息视觉化的三个元素

Newsmap 采用了若干个大小不一的色块,每个色块上只显示新闻标题,当把鼠标悬停在色块上,便会显示新闻预览。色块是构成 Newsmap 最基本的元素。

不同的颜色将新闻类别区分开来,如红色代表“World”,黄色代表“National”,用户可以通过勾选页面底部的分类栏进行筛选,在页面顶部可以按照国家和地区进行筛选,而更多个性化设置需要注册。

相关新闻信息的数量和重要性决定了色块的视觉比重,同时与点击量相关,这些均由网站后台算法自动进行调整,因此出现色块大小差异明显的情况。

新闻重要性至上

从表面上看,Newsmap 只是在表现形式上不同于一般的新闻站点,但表现形式的差异归根于对新闻重要性与时效性认知。几乎所有的新闻站点都是依照时间顺序进行排列,即“后来居上”,突出的例子就是门户的“滚动新闻”。在速度即生命的网际传播中,这样做是为了保障新闻的时效性。但与此同时,突出新闻重要性的手段就乏善可陈,一般都是通过放大新闻标题字号,加粗、高亮新闻标题等手段实现。

而 Newsmap 通过色块大小直观地将新闻的重要性反映出来,兼顾了新闻时效性,体现了与一般新闻站点核心的价值差异。更重要的是,这种直观的表现形式显得灵动活泼,在一定程度上增强了新闻的可读性。

可能存在的问题

Newsmap 在过分将新闻重要性反映在视觉效果的情况下,可能造成对读者的判断和行为的干扰:越大的色块越容易得到读者的点击,从而可能造成色块“大者愈大,小者愈小”的情况。如果后台算法无法恰当地进行控制和校正,在有限的版面上,某些重要性略低的新闻可能就无法显现了。仔细观察,是不是很多标题肉眼已经无法识别了?

Newsmap 试图在随意性、堆砌式的新闻站点中开辟一条重视新闻价值和读者视觉体验的新闻路径,形塑自己的特色与风格。尽管视觉体验和可行性仍值得商榷,但其“新闻重要性至上”的理念至少为新闻站点的设计与改造提供了一个的范本。

新媒介的拥趸,相信“ 媒介即讯息 ”,关注媒介技术的力量。

爱范儿 · Beats of Bits | 原文链接 · 8 热评 · 新浪微博 · 订阅全文 · Google+ · #ifanrlive · 加入爱范社区!


相关 [newsmap 信息 视觉化] 推荐:

Newsmap:信息视觉化的新闻聚合站点

- - 爱范儿 · Beats of Bits
Newsmap 是一个基于 Google News 建立的新闻聚合站点,页面采用 Flash 构建. 与大多新闻聚合站点“堆砌”的列表排列形式不同,Newsmap 采用了一种信息视觉化的手法将新闻展现出来,正如其名,它像一张“新闻地图”,极具视觉冲击力. 乍一看网站的视图颇具 Metro 风格,而令人惊讶的是,Newsmap 早在 2004 年就开始采用这种视图.

信息可视化(视觉化) 设计

- 虫虫 - 图研所-infographics-图表设计-信息图表-信息设计-信息视觉化专业网站
信息可视化(视觉化)是用一种人脑容易识别的形式,通过图形化的手段来传达知识、建议或者强制性的命令. 下面这张图为你剖析一下信息可视化. David McCandless的新作,还是用金字塔形讨论数据到信息到知识再到智慧的整个视觉认知体系http://www.informationisbeautiful.net/2010/data-information-knowledge-wisdom/.

Google Newsmap:绚烂多彩的资讯聚合页

- - TechWeb 新酷网站 RSS阅读
信息爆炸时代,你是不是每天被铺天盖地的新闻、海量的 RSS 订阅压得昏天黑地. Google Newsmap 的出现就一下子巧妙的解决了这个问题. Google Newsmap 是一个简洁直观的新闻地图. 这个“地图”巧妙的利用颜色来区分新闻类别让人们一目了然阅读自己感兴趣的新闻. 看上去就如同绚烂多彩的资讯聚合页.

视觉化让数据变得更美好

- tan - 所有文章 - UCD大社区
美国的财政赤字、死亡人口、我们日常生活的碳排放等等. 这些数字本身没有意义,他们需要用某种方式来呈现. 这就是数据视觉化的美妙之处,让人们理解数字背后的意义. 视觉化让数字有了实际的意义,让我们能从数字的背后发现很多有趣的事情. 这就是记者兼作家大卫·麦克坎德里斯(David McCandless)演讲的主题,他在TED上用18分钟讲述了视觉化的方法和意义.

Google 发布全球搜索量视觉化统计网站 Search Globe

- Kofai - 谷奥——探寻谷歌的奥秘
每天都有无数人在Google进行着大量的搜索,为了直观的反应出各地的搜索量,Google今天发布了Search Globe,它是一个视觉化的网页应用,以3D形式反应出全球世界各地的搜索量,小竖条最高的就是搜索量最大的地区. 这个Search Globe使用了WebGL技术好让你在浏览器里体验到流畅的3D,当然你要使用支持WebGL的Chrome浏览器才可以流畅的观看.

信息架构

- Michael - Tony-懒得设计
写几篇关于信息架构的文章,系统地输出我理解的信息架构. 发了一篇关于招信息架构实习生的博客,收到不少简历. 但谈起信息架构,多数不了解,稍微了解的扯了很多很偏的东西. 随手搜索了一下,我发现了原因:. 1 《web信息架构》这本书太概念,太学术. 2 有人绑架了“信息架构”这个词,拿出去唬人,内容都是皮毛或者是根本和信息架构不沾边的东西.

信息茧房

- - 云风的 BLOG
最近一个月,无论我打开推特,还是微博豆瓣,每天都被“徐州八孩母亲事件”刷屏. 在公司吃工作餐的时候,也和同事聊过这个事件. 从我的角度看,此事的热度之高,持续时间之久,近年罕见. 能读到我的 blog 这一篇的同学,相信都对这件事的来龙去脉不会太陌生. 如果你不了解,那么 google 一下“徐州八娃女”或是“丰县铁链女” 就能找到很多信息.

免费VPN信息

- 勇 - iGFW
免费试用2天的pptp pn和openvpn. 免费美国pptp vpn帐号. 服务器 199.119.203.166 用户名 vpn 密码 1q2w3e. PageRank为 1及以上的网站,发文介绍此VPN即可得到免费一年的pptp vpn服务,如果再完成其指定的五步操作可获终身免费帐号. Trial accounts have some limitations like you can only use our single demo server, 200mb of bandwidth usage everyday(6GB/Month), some websites are blocked.