网站内容决定网站的前途

[版权声明]:版权归作者“Tina-童童”所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://tina.reeze.cn/

    

     网站设计除了架构设计、交互设计、视觉设计这些方面以外,还有一个非常重要的点,那就是——网站内容。我们在进行网站设计的时候要首先思考用户为什么会来到你的网站,你能为用户提供什么样的内容,什么样的功能(帮助),你如何展示你的内容?要站在用户的角度,去体会你的网站。在体会网站的同事要记得理解用户。用户非常忙,他们都是急性子,短时间找不到想要的东西,就会生气的走开,你就丢失了这样的一位用户了。                            

        用户使用网站,就好比是用户在与你对话,当一段对话变得驴唇不对马嘴时,用户就会抓狂,然后生气的走开,从此再也不理你。用户的性情会严重影响用户对网站的印象,为那些容易发怒的,焦躁的,有压力的用户提供的网站内容要特别的清晰简单。在记录用户想法时尽量记录用户的原话,理解用户在描述他们的需求时使用的语言,这样一来,在编写网站内容时就能够知道用户通常用什么样的词汇了。用户要在网站中有成功的体验,人们必须找到他们需要的内容,理解他们找到的内容,基于用户的理解进行适当的操作。

                       

       人们来到网站总是带着一定的目的或者为了完成某个任务而来,极少是有因为网站看起来好看而来的(部分设计师为了学习而来到一些优秀网站的设计,带着纯视觉的原因而参观网站。)用户在网站中搜寻,期望得到自己的答案,网站最好的方式就是做到跟用户对话,用户又什么疑问或需要,网页能够迅速的反馈,并给出用户解决方法。不过网站本身不会讲话,用户带着大量的疑问来到网站,网站就是为了解决用户的问题而生。

        用户上网很少是为了认真阅读的(除了关注博客这样的以内容为主的网站外),用户在网页上大多数是采用浏览信息的方式,相比较电脑上阅读,纸面的文字读起来比网页的文字有质感也更亲切,正因为如此,我们在设计网站的内容时需要考虑用户浏览信息的习惯,减少篇幅过长的文字堆砌。网站的文字大段大段的出现,用户看起来很伤神。网页的文字能简短就简短写,当写好了一段文字后,一定要仔细阅读是否能够有所删减,网页上给用户呈现的文字应尽量是重点文字,避免废话连篇的占用网页空间。

         在编辑网站内容时,大篇幅的内容写成几个部分并标上标题,这样用户在阅读时就能够先阅读标题了解内容,这样用户就不用费很多时间阅读自己不需要的章节了。当然,章节标题的意义是为了概述一段文字,因此标题需要仔细斟酌,切不可随意的安放一句话就当做标题。另外,标题与内容要比其他的信息接近,当标题和上下的文字间距相同时,标题就会“飘”在两段文字间,让用户茫然。标题和文字间应当使用紧凑原则来布局,这样用户就能准确的知道标题概述的是哪个部分的内容。如图:

              

        网页需要留有一些空白,分为无心留白和有意留白。因为内容多少的缘故出现的留白是无心留白,特意安排的空白空间是有意留白。虽然无心留白也能够让界面有呼吸的空间,在设计时也应当多使用有意留白,段落中的留白给网站内容留了一些呼吸的空间,让页面更通透,来访的用户不会被大量的密集文字压的喘不过气。

        网站内容可以恰当的使用一些图示,图片比文字更能够直接的传达信息,图片的出现让界面更加生动,也让用户可以更容易知晓网站的内容。但是图片的大小需要仔细考虑,根据网页设计的大小来安排图片的排布。图片的大小应尽量不要占满屏幕,来访的用户看到满屏的一个大图很可能不会记得往下滚动,这样下方的内容就被用户忽视了。

        上图中,右侧的滚动条说明该网站下方还有很多内容有待显示,但左侧的大图片占据了页面整个的空间,造成了页面已到底的假象。视线被图片所占据,这样的图片让用户对网站内容失去了把握的能力,图片已经大到了忽视内容的地步。

       我们在设计网站时很多时候都考虑布局合理性和界面美观性(当然毋庸置疑这些也是非常重要的),关注这些方面设计的同时,我们不能忽视了网站的根本—为来访的用户提供可用的信息,让他们在我们的网站上能够找到需要的内容,顺利的游走在我们的网页中。

Comments (25)

[...] This post was mentioned on Twitter by BlazingCD, 绿憋特. 绿憋特 said: [GR Share] 在设计时也应当多使用有意留白,段落中的留白给网站内容留了一些呼吸的空间,让页面更通透,来访的用户不会被大量的密集文字压的喘不过气。http://bit.ly/9WNvuA [...]

joe四月 15th, 2010 at 12:46

说的有道理.留白的技巧很有研究的.

mxwu四月 15th, 2010 at 14:04

这就是 Web信息架构——如何在有限的界面内展现用户需要的内容。

appletxm四月 15th, 2010 at 14:33

很高兴我坐了沙发,收藏先。

随~奕~ » 内容为王四月 15th, 2010 at 15:11

[...] 源地址:http://tina.reeze.cn/2010……3/webcontent/ Categories: biz, 美文转帖 Tags: 互联网, 网站设计 Comments (0) Trackbacks (0) Leave a comment Trackback [...]

[...] 原文地址:http://tina.reeze.cn/2010/04/13/webcontent/ 分类: 产品设计 标签: 体验, 内容 评论 (0) Trackbacks (0) 发表评论 Trackback [...]

[...] 源地址:http://tina.reeze.cn/2010/04/13/webcontent/ [...]

tina四月 16th, 2010 at 09:46

@mxwu
恩,对的。如何去掉页面中不该存在的废话,保留用户最想看到的东西,并以完美的形式展现,这就能成就一个很好的网站:)

tina四月 16th, 2010 at 09:47

@appletxm
感谢你的关注哈!:)

豬頭六四月 18th, 2010 at 20:30

在imued.com上看到你这篇文章,写的很好。呵呵:)还是个女生哦,厉害。能做个友情链接吗。我会常来的。先加上你啦。

tina四月 19th, 2010 at 09:22

@豬頭六
呵呵~谢谢啦!
我也是新手,请多多指教吧:)

虫子四月 19th, 2010 at 21:03

往大了讲网站内容和功能规格是同样重要的,想好了网站功能和内容,再是信息架构,交互,界面和视觉。

tina四月 21st, 2010 at 15:42

@虫子
恩,对,的确是这样的。
这些都是很重要的东西,不过因为从来访者的目的来看,内容是他们首先关注的点,我们的信息架构、交互以及视觉设计是为了让来访的用户能够更顺利的寻找自己想要的东西。
用这样的方法来提升我们网站的用户体验:)

刘战四月 24th, 2010 at 13:32

1.0 内容为王

2.0 时候 似乎平台为王

Kimcool四月 24th, 2010 at 16:41

我以前的一个结论:

内容-形式-架构-设计-呈现

icecream冰淇淋四月 24th, 2010 at 18:54

非常相信内容为王这句话

tina四月 26th, 2010 at 09:57

@刘战
我个人觉得吧,2.0只是换了一种内容展现的形式,让人人(不是校内那个)都能来参与网站内容撰写和传递。
实际上,无论是什么样的网页都是有内容的,用户到网页的时候不管怎样都是带有一定的目的性的——寻找自己的需求。
平台很重要,因为这是人们寻找内容的地方,设计高可用性的网站平台,可以更好的协助人们找到所需内容。
^^

tina四月 26th, 2010 at 09:58

@Kimcool
恩,建站基本应该是这样的顺序来进行的吧^^
不过有点点不明白这里的形式是什么意思?再转回来的时候麻烦告诉我一下吧:)

tina四月 26th, 2010 at 09:59

@icecream冰淇淋
^^

饭团四月 29th, 2010 at 16:02

持续关注,SINA的百年不变的内容页,依然吸引着众多网民。

tina五月 5th, 2010 at 22:54

@饭团
呃,不晓得你是不是写错字呢,呵呵
我的博客更新很慢,因为有时候找不到合适的话题。
最近在努力写,呵呵~

[...] 源链接:http://tina.reeze.cn/2010/04/13/webcontent/ [...]

[...] 源地址:http://tina.reeze.cn/2010……3/webcontent/ 这篇日志由 admin, 发表在 2010年06月6日 于 01:06, 文件归档于 网站运营 标签为 and tagged 编辑. 添加永久链接到书签中. 获得所有评论更新使用这里的 日志RSS源. 发表评论 或者复制引用通告地址: 引用通告 URL. [...]

yywr八月 7th, 2010 at 18:34

呵呵,说到这个问题,我很

tina八月 12th, 2010 at 14:35

@yywr
为什么没有说完呢,歪歪屋?

来,说点儿什么吧!

你想说的:


Get Adobe Flash playerPlugin by wpburn.com wordpress themes