网站布局架构和交互性的设计

    我们都知道如何创建一个好的网站。有一大堆的关于可用性、界面设计以及网站设计的书可以参考。如今,我们都知道一个好的站点应该有:非常好看的设计、友好的界面、毫无缺点的结构、智能化的后台处理以及非常优秀的内容。唯一被大多数人所忽视的可能是交互性。

  缺乏交互性的网站即使看上去非常的漂亮也是缺乏生命力的。在网站设计上经常使用的是一些文字的交互,但是文字交互的效果到现在位置还是非常模糊,除非你每日醉心于交互性设计,否则你根本难以描述什么叫做"交互"。
 
  如何把我们的注意力集中在交互性上还是继续让我们的想像力驰骋?我想,问题在于我们能把我们从媒体上获得的一些简单的理论用于我们的实践。我们需要记得的是网站包含哪些内容?网站的结构是什么?我们最初的目的是什么?

  不同于其它媒体的"网站交互"

  不象其它大多数媒体,如我们看电视,听收音机或者浏览杂志,网站它不是一个被动的媒体。

  我们不能真正的观看网页。显而易见,我们可以调出一个网站,然后坐在那里目不转睛的浏览,如果我们坐在那里吃爆米花的话,网页并不能够自动的变化内容(当然,你可以在右手使用的鼠标的同事,不停的用左手把爆米花塞到你的嘴里,这里所述的意思是,如果你不干预,访问网站和看电视的最大区别是访问网站需要根据你的主动选择)。浏览网站的内容根据你的个人喜好,在众多的连接和下拉菜单中选择你喜欢或者关心的内容或者连接到另外一个站点。
 
  网站具备大多数媒体所不具备的特殊性:用户的选择和主动性。
 
  与此相反的是,许多的出版者的决定来自于意见反馈表、感觉或者来自于电视、收音机和出版物等所有信息的体验。我们对正在播出的电视、收音机节目基本不具备控制的能力(当然,如果您是电台的工作人员除外),我们仅仅能作的是对你的电视或者收音机作些什么,而对于内容控制,我们则无能为力。你可以调低音量或者调高音量,或者换个频道,甚至关闭电视机或者收音机,去作其它的事情,比如到外面散散步,或者到四合院里和邻居们聊天。

  我们可以订阅或者退订报纸或者杂志,选择我们喜欢阅读的文章,或者给内容编辑写信探讨关于内容的见解或者疑问。但是这些选项还是和网站所能作的不能相比。但是,对于热门内容的经常[此属脏话,已被过滤:经典论坛]互,已经成为越来越清晰的表现出对这方面的需求。

  不确定的网站交互周期

  从应用的观点来说,我们可以对某事作用于某人我们该做什么什么样的交互给出一个简单的定义。但,这的确是一个含糊的概念,所以对于某些特定某件事件的交互性的常常有很多的讨论,意见多种多样。

  从开始连接上网开始,网站上有太多关于交互性的例子了。比如文本下的下划线,静态图片或者诸如活泼的JavaScript翻转动画等动态精美图片,面对这些令人炫目的特效,实质上呢,这些连接本质上也是静态的。直到我们对那些连接感兴趣的时候,我们才会决定用鼠标去点击。

  一旦点击,相关的页面将出现文字,图表,表格或者你感兴趣的其它内容,这样你就立刻可以得到满足(当然,前提是该连接正确有效,而且该连接所在的服务器和网络保持正常连接而且运行正常)。
 
  网站的交互体现在,作为一种媒体,网站将会对你的选择做出响应,然后访问者就可以循环似的选择,连接到其它的页面。重复的作这些,继续点击,用户的选择就可以及时从服务器得到响应,这是一个非常让人愉快的过程。

  这样的通过访问者的手就能够控制的交互能力对于电视杂志来说是基本不可能实现的。交互性,也是一种"关系"。作为网站开发者或者设计者,学习如何让我们的良好的视觉设计和技术开发能力和交互性兼顾,将让网站的访问者包括我们自己都会为此感到愉悦。

  当然,连接不是交互性的全部,但的确是网站结构和设计的核心和灵魂,就象这个世界本身就令我们非常着迷一样。

  必须要理解网站结构

  了解站点的结构是非常重要的,特别是对于你要处理大量的数据来说没有比这个更重要的事情了。当网站的多个栏目有成百上千的文档需要管理或者有规则的添加新文件的时候,了解站点的结构成为头等大事。

  了解了网站的结构,我们就可以通过网站结构达到控制文件管理的目的。接下来,通过我们理解的网站结构,我们不但要知道我们的网站将和访问者的动作如何相互影响,而且要利用我们先进的后台技术,不留痕迹的让这种交互过程变得强大和有效。

  当然,我们知道最初的网站并不想成为一个图形媒体。最初的想法是创建一个方便存取的文本文件以快速连接文件。举例来说,如果一个医生要发表一项关于内科的研究成果共同行参考,他或者她就可以在超级终端的纯文本环境里面,将他的论文的连接加入到一个医学研究的相关目录。虽然,今天的站点看起来和以前有很大不同,很多的网站有着非常漂亮的图形界面,丰富的媒体格式和在线游戏等等,但是其本质并没有改变。它仅仅是对我们未经训练的眼睛来说有了明显的变化。

  交互式媒体现在被称为"新媒体"。"新媒体"以它的交互性与常见的诸如报纸、杂志、书、收音机、标准的动画片、电视和电影等静态媒体区别开来。

  网页正快速的从纯文本向图形化过渡。一旦我们使用的图形浏览器开始支持图形文件格式,文本连接就变成了图形连接。如今,通过使用形形色色的HTML,CSS和JavaScript(一种越来越广泛使用无需连接大应用服务器和数据库就可以产生交互功能的编程语言)的连接越来越丰富。然而,需要强调的是,我们创作的时候依然要重视网站的基本结构。

  最好的方法,是使用一个白板把你脑子里面的想法画出来。首先,先画出站点的基本构成,然后就要考虑有那些令人感兴趣的页面可以可以链接到其它哪些页面,依靠集体的力量最终完成该站点。使用更多的线性结构,可以对访问者以更好的指引。

  最终画出仔细构思的网站结构

  你面临的最大的挑战是将你的想法画出来。如果你现在已经因工作的压力快要发疯的时候,建议你出去走走,坐在树下,用草稿纸画个草图也许感觉会轻松一些。先画出主要的部分,一开始不要使用文字,仅仅把需要重点表现出来的页面或者站点单元按需要画出框图即可。然后,回过头来想想有几种可能关联到那些部分,是否是唯一关联的部分。按照这样的方法,在创作的道路上,你可能最终得到令人惊喜的结果。其实,类似于这样的考验并不常有,但是对于站点制作人员来说,通过这样的方法可以受益很多。全面使用你的大脑,你将得到一个更具可用性的站点。


返回栏目首页