选择显示字体大小

关于网站结构和交互性的探讨

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

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

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

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


  不确定的网站交互周期
  从应用的观点来说,我们可以对某事作用于某人我们该做什么什么样的交互给出一个简单的定义。但,这的确是一个含糊的概念,所以对于某些特定某件事件的交互性的常常有很多的讨论,意见多种多样。
  从开始连接上网开始,网站上有太多关于交互性的例子了。比如文本下的下划线,静态图片或者诸如活泼的javascript翻转动画等动态精美图片,面对这些令人炫目的特效,实质上呢,这些连接本质上也是静态的。直到我们对那些连接感兴趣的时候,我们才会决定用鼠标去点击。
  一旦点击,相关的页面将出现文字,图表,表格或者你感兴趣的其它内容,这样你就立刻可以得到满足(当然,前提是该连接正确有效,而且该连接所在的服务器和网络保持正常连接而且运行正常)。
  网站的交互体现在,作为一种媒体,网站将会对你的选择做出响应,然后访问者就可以循环似的选择,连接到其它的页面。重复的作这些,继续点击,用户的选择就可以及时从服务器得到响应,这是一个非常让人愉快的过程。
  这样的通过访问者的手就能够控制的交互能力对于电视杂志来说是基本不可能实现的。交互性,也是一种"关系"。作为网站开发者或者设计者,学习如何让我们的良好的视觉设计和技术开发能力和交互性兼顾,将让网站的访问者包括我们自己都会为此感到愉悦。
  当然,连接不是交互性的全部,但的确是网站结构和设计的核心和灵魂,就象这个世界本身就令我们非常着迷一样。

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

  了解了网站的结构,我们就可以通过网站结构达到控制文件管理的目的。接下来,通过我们理解的网站结构,我们不但要知道我们的网站将和访问者的动作如何相互影响,而且要利用我们先进的后台技术,不留痕迹的让这种交互过程变得强大和有效。
  当然,我们知道最初的网站并不想成为一个图形媒体。最初的想法是创建一个方便存取的文本文件以快速连接文件。举例来说,如果一个医生要发表一项关于内科的研究成果共同行参考,他或者她就可以在超级终端的纯文本环境里面,将他的论文的连接加入到一个医学研究的相关目录。虽然,今天的站点看起来和以前有很大不同,很多的网站有着非常漂亮的图形界面,丰富的媒体格式和在线游戏等等,但是其本质并没有改变。它仅仅是对我们未经训练的眼睛来说有了明显的变化。
  交互式媒体现在被称为"新媒体"。"新媒体"以它的交互性与常见的诸如报纸、杂志、书、收音机、标准的动画片、电视和电影等静态媒体区别开来。

  网页正快速的从纯文本向图形化过渡。一旦我们使用的图形浏览器开始支持图形文件格式,文本连接就变成了图形连接。如今,通过使用形形色色的htmlcssjavascript(一种越来越广泛使用无需连接大应用服务器数据库就可以产生交互功能的编程语言)的连接越来越丰富。然而,需要强调的是,我们创作的时候依然要重视网站的基本结构。
  最好的方法,是使用一个白板把你脑子里面的想法画出来。首先,先画出站点的基本构成,然后就要考虑有那些令人感兴趣的页面可以可以链接到其它哪些页面,依靠集体的力量最终完成该站点。使用更多的线性结构,可以对访问者以更好的指引。

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

出处:新浪科技
责任编辑:超音速

作者文章
关于网站结构和交互性的探讨
别克君威全国书法篆刻大赛征稿
idea.com" method=get style="margin:0px; padding:0px;">idea.com">idea.com/img/google_search_title.gif;s:http://www.blueidea.com;forid:1;">
全网 idea.com';this.form.bisearch.value='cms';form.searchby.style.display='';document.getelementbyid('keyword').style.width='70px';">本站 idea.com';this.form.bisearch.value='bbs';form.searchby.style.display='none';document.getelementbyid('keyword').style.width='132px';">论坛
热门搜索:css fireworks 设计比赛 网页制作 dreamweaver studio8 flash
站点最新 站点最新列表
保持清晰的文档结构
月亮图腾教程ⅴ—最后一战
x-sapce使用系列教程
x-space安装系列教程
抽线以及虚线画法简明教程
创新设计 百万格子大楼
discuz!转换系列教程
世界杯足球的32个变种
易上手简单图层样式扣图
一封写给mm学习linux的信
栏目最新 栏目最新列表
保持清晰的文档结构
月亮图腾教程ⅴ—最后一战
x-sapce使用系列教程
x-space安装系列教程
抽线以及虚线画法简明教程
discuz!转换系列教程
易上手简单图层样式扣图
十分钟学会 xajax
css 菜单举一反三
利用照片制作版画简明教程

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

本文现有 2 条评论 暂时没有人参于评分


61.183.85.134 publish at 2004-2-8 9:17:56
您好!
dreamweavermx从零开始一书中,当使用非dsn连接字符串连接数据库时,书中述有选择使用测试服务器上的驱动程序,经试验,无论测试服务器是本机还是网上远程,连接成功的数据库,数据输不进,而使用非dsn连接又选用使用测试服务器驱动程序这种情况是用dreamweavermx做动态网页几乎是唯一能实用的,但我很失望这个问题不能解决,不知编者或作者可有解决方法,向您们请教求助!
读者: 戴田均 jyxkcl@163.com
jyxkcl@263.net
220.166.97.10 publish at 2003-11-17 15:08:17
值得思考
asp" method="post" onsubmit="submit.disabled=true;">
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分12345
注意:请不要在评论中含与内容无关的广告链接,违者封id
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 打印文档 评论文档 报告错误  
专业书推荐 更多内容
flash第一步系列》
《交互设计之路》
dreamweaver 从基础到实践》
《色彩管理》
网页设计专家门诊》
《情感化设计》
gui设计禁忌》
html>


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons