网站内容决定网站的前途
网站设计除了架构设计、交互设计、视觉设计这些方面以外,还有一个非常重要的点,那就是――网站内容。我们在进行网站设计的时候要首先思考用户为什么会来到你的网站,你能为用户提供什么样的内容,什么样的功能(帮助),你如何展示你的内容?要站在用户的角度,去体会你的网站。在体会网站的同事要记得理解用户。用户非常忙,他们都是急性子,短时间找不到想要的东西,就会生气的走开,你就丢失了这样的一位用户了。
用户使用网站,就好比是用户在与你对话,当一段对话变得驴唇不对马嘴时,用户就会抓狂,然后生气的走开,从此再也不理你。用户的性情会严重影响用户对网站的印象,为那些容易发怒的,焦躁的,有压力的用户提供的网站内容要特别的清晰简单。在记录用户想法时尽量记录用户的原话,理解用户在描述他们的需求时使用的语言,这样一来,在编写网站内容时就能够知道用户通常用什么样的词汇了。用户要在网站中有成功的体验,人们必须找到他们需要的内容,理解他们找到的内容,基于用户的理解进行适当的操作。
人们来到网站总是带着一定的目的或者为了完成某个任务而来,极少是有因为网站看起来好看而来的(部分设计师为了学习而来到一些优秀网站的设计,带着纯视觉的原因而参观网站。)用户在网站中搜寻,期望得到自己的答案,网站最好的方式就是做到跟用户对话,用户又什么疑问或需要,网页能够迅速的反馈,并给出用户解决方法。不过网站本身不会讲话,用户带着大量的疑问来到网站,网站就是为了解决用户的问题而生。
用户上网很少是为了认真阅读的(除了关注博客这样的以内容为主的网站外),用户在网页上大多数是采用浏览信息的方式,相比较电脑上阅读,纸面的文字读起来比网页的文字有质感也更亲切,正因为如此,我们在设计网站的内容时需要考虑用户浏览信息的习惯,减少篇幅过长的文字堆砌。网站的文字大段大段的出现,用户看起来很伤神。网页的文字能简短就简短写,当写好了一段文字后,一定要仔细阅读是否能够有所删减,网页上给用户呈现的文字应尽量是重点文字,避免废话连篇的占用网页空间。
在编辑网站内容时,大篇幅的内容写成几个部分并标上标题,这样用户在阅读时就能够先阅读标题了解内容,这样用户就不用费很多时间阅读自己不需要的章节了。当然,章节标题的意义是为了概述一段文字,因此标题需要仔细斟酌,切不可随意的安放一句话就当做标题。另外,标题与内容要比其他的信息接近,当标题和上下的文字间距相同时,标题就会“飘”在两段文字间,让用户茫然。标题和文字间应当使用紧凑原则来布局,这样用户就能准确的知道标题概述的是哪个部分的内容。如图:
网页需要留有一些空白,分为无心留白和有意留白。因为内容多少的缘故出现的留白是无心留白,特意安排的空白空间是有意留白。虽然无心留白也能够让界面有呼吸的空间,在设计时也应当多使用有意留白,段落中的留白给网站内容留了一些呼吸的空间,让页面更通透,来访的用户不会被大量的密集文字压的喘不过气。
网站内容可以恰当的使用一些图示,图片比文字更能够直接的传达信息,图片的出现让界面更加生动,也让用户可以更容易知晓网站的内容。但是图片的大小需要仔细考虑,根据网页设计的大小来安排图片的排布。图片的大小应尽量不要占满屏幕,来访的用户看到满屏的一个大图很可能不会记得往下滚动,这样下方的内容就被用户忽视了。
上图中,右侧的滚动条说明该网站下方还有很多内容有待显示,但左侧的大图片占据了页面整个的空间,造成了页面已到底的假象。视线被图片所占据,这样的图片让用户对网站内容失去了把握的能力,图片已经大到了忽视内容的地步。
我们在设计网站时很多时候都考虑布局合理性和界面美观性(当然毋庸置疑这些也是非常重要的),关注这些方面设计的同时,我们不能忽视了网站的根本―为来访的用户提供可用的信息,让他们在我们的网站上能够找到需要的内容,顺利的游走在我们的网页中。
建议继续学习:
- DBA有什么个人前途? (阅读:2706)
- SEO“内容为王,外链为皇”其实是浮云 (阅读:2165)
- iTerm2 (Mac Terminal) 清空当前屏幕内容 (阅读:2532)
- 形式追随内容? (阅读:1648)
- 内容的个性化与信任感 (阅读:1624)
- 用吐槽的方式生产内容 (阅读:1175)
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:tina 来源: 设计地带
- 标签: 内容 前途
- 发布时间:2011-02-23 22:18:10
- [53] IOS安全–浅谈关于IOS加固的几种方法
- [52] 如何拿下简短的域名
- [51] 图书馆的世界纪录
- [50] android 开发入门
- [50] Oracle MTS模式下 进程地址与会话信
- [49] Go Reflect 性能
- [46] 【社会化设计】自我(self)部分――欢迎区
- [46] 读书笔记-壹百度:百度十年千倍的29条法则
- [36] 程序员技术练级攻略
- [29] 视觉调整-设计师 vs. 逻辑