Tag Archive for ''

打造网络新闻专题之一

记得2005年的时候看“新浪之道”,陈彤提到过不少新闻专题的话题。目前中国的互联网,做得比较好的门户类网站,新闻专题都是其中的主要特色之一,比如我经常看的sina上的体育和社会新闻专题,163的科技类专题等。

如何做好一个新闻专题,看上去很容易,内容堆叠在一起,就可以了?

答案当然是否定的,之前在创意纪的品牌专区制作专题讨论中,其实更加多的是描述了一些网站制作中的行为,其中很多原则放在网站的很多地方皆准。

mind3理论认为要仔细考虑信息和人类互动的关系,所以单纯信息的呈现只是第一部,我们更多的要考虑人这个因素。在品牌专区的制作中,已经对此稍有涉及,一部分是针对用户体验的UI和UE设计,另外精准的内容定位本身就是对于信息和人类关系很好的诠释。

而现在,我们要研究的是如何做一个非常棒的新闻专题,并且是相对最低成本和高效率的。

这个互联网上的新闻专题至少拥有以下特征:

1 迅速、正确、详细、完整、适度的表现某个明确的主题。
2 美观,符合网站设计一般UI和UE原则。支持div+css的设计方法,容易修改外观。
3 有良好外部接口,容易和网站其他内容和其他网站整合,支持tag类标签功能。
4 具有信息自动聚合能力。
5 能够整合互联网上的各类领先的应用。
6 人和信息之间存在交互性,并反馈影响到人和信息。
7 信息的自动更新能力,随着时间变化而信息的相应变化,但是围绕初时设定的选题。
8 系统的安全。
9 良好的seo特性。
10 支持rss。

这些特性可能会变化,而我会围绕这些开始研究和实验。

和以前一样,这些文字会落后于我真实的实验,以保证公司利益得到保障。

(我没有千万的身价,也没有这样的奢望;我只是用一些业余时间写一点文字,分享给需要的朋友。金钱的拥有终将成为往事和可能的一时快乐,而知识的传承则是世代为单位,可能与永恒作伴。)

last update: 2008.5.4

相关内容

汽车品牌专区设计-精细化的用户界面设计

在网站项目1:ui-ue设计原则这篇文章里,我们讨论很多基本的UI原则,大家也看到了遵循这些设计原则之后的页面效果,实际上,从客户到同事都还比较满意,原因我想了一下,可能有以下这些:

1 页面设计效果比较新颖.

2 extjs带来的类似windows操作系统的窗口呈现方式比较新颖.

3 用到的一些专题设计技术,比如会自动更新内容的新闻和企业博客比较实用.

1113_MG_1800

第一步走了出来,我们继续探讨网站设计的问题,还是继续拿汽车品牌专区来说事.大家其实经常可以在很多门户网站上看到各类专题,以前我也很喜欢看专题,因为信息集中.但是现在我不太爱看了,原因是千篇一律的设计已经没有了阅读的冲动,专题中不相关的内容也不少,各个网站同样主题的专题风格雷同等.

怎么把目前看来还算漂亮的汽车品牌专区做得更好呢?

我从以下几方面入手:

1 背景的层次感.

2 模块的区分度和辨识度.这是我最重点研究的UI和UE特性,良好的模块和模块之间的区分,良好的模块之前的内容的区分,无论是从短时记忆的组块理论,还是刺激的阈值理论,都是理论上的证据,有的已经另有文章阐述.

3 UI新元素的引入.除了暂时没有解决的实时图片的倒影功能,其他的静态图片都加上了适当的倒影,web2.0带来的这些新颖的设计适当的运用效果很不错.

4 人.在页面中合适的出现人的元素,可以增加页面的亲和力.

5 一致性.之前也说过这个问题,现在在模块,项目,文字,图片中更加强调这一点.

skoda_chinacars.com

在实际的这个品牌专区的制作过程,后台和运营也是至关重要的因素,我另外提出了”活的专题”的概念,专题中的大部分元素都尽可能的能够自动更新,这需要专题背后的很多平台协同工作以及配合紧密的工作运营流程.下次再说.

相关内容

网站项目1:专区的页面草图设计

需求分析是网站项目制作的开始,需要我们站在传播者和接收者两个角度去分析问题,得到项目的关键点和主要表现方式,之后还会引入一些标准化的方法来避免人为因素的影响。

现在开始进行页面草图的设计,页面草图是一个页面的框架,确定各个模块的位置。在页面设计中,将遵循一些基本的规律,如页面布局的重要性,九宫格法则和模块权重分配等。

当我们在设计这个专题的时候,设计上大致分为网站标准元素、页面整体风格、模块设计等。

网站标准元素。包括:
1 网站本身的VI准则。要符合网站本身的一些颜色设定,logo规则,形状规则,以及如导航栏,关于等这些元素的一致性。在这个车厂专区的设计中,这一部分比较好做,我们考虑的更多的是车长本身的VI,因为这是一个专区,在一些频道的设计中,这点需要考虑周到。
2 传播方的设计准则。如果我们是要传达某个产品,介绍某个厂商,那么这个产品和这个厂商是有自己的形象设计的,要遵循。

页面整体风格。包括:
1 页面的基调颜色。一般不超过两种。
2 logo大小和位置。
3 多少个屏。
4 多少栏设计以及栏位的比例。先在很多时候一般是混合设计,但一般来说总是有一个主要的栏位分配,两栏或者三栏。

模块设计。模块是网络项目设计时候的一个基本单位,模块组成一个网页。

模块的基本属性包括:
0 这是什么模块。
1 标题。
2 内容样式。文字,图片,flash,或者混排。
3 可以点击的内容设计。
4 点击后呈现内容。点击后可以是打开新窗口,或者是ajax的某个效果。
5 “详细” 点击。有时候模块是显示了内容的摘要,“详细”点击呈现的就是所有的内容,这些内容的文案是要在设计阶段准备好的。
6 “更多”点击。
7 数据来源。模块中的数据分为静态和动态,动态模块中的内容会自动更新。

根据前面的需求分析,我们制作了这个厂商专区的页面的第一个草图。

1112_MG_1700

看上去还不错,不过我们发现了一些问题。

1 “心跳加速吗”字体样式和官方网站不一样。对于这样的专区设计必须要保证品牌一致性。
2 首屏左边的菜单功能多余。用户对菜单的点击会产生的情况无法判断。
3 下方有5个模块,图片过少。静止图片对于现在的浏览用户的带宽来说,已经不是什么问题了。图片不能滥用,但也不用过于吝啬。
4 模块的具体定义。因为是草图,所以模块还需要具体设定,以及每个模块的呈现形式,数据来源等。

相关内容