分享
 
 
 

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

王朝html/css/js·作者佚名  2006-11-23
窄屏简体版  字體: |||超大  

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

缺乏交互性的网站即使看上去非常的漂亮也是缺乏生命力的。在网站设计上经常使用的是一些文字的交互,但是文字交互的效果到现在位置还是非常模糊,除非你每日醉心于交互性设计,否则你根本难以描述什么叫做"交互"。

如何把我们的注意力集中在交互性上还是继续让我们的想像力驰骋?我想,问题在于我们能把我们从媒体上获得的一些简单的理论用于我们的实践。我们需要记得的是网站包含哪些内容?网站的结构是什么?我们最初的目的是什么?

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

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

我们不能真正的观看网页。显而易见,我们可以调出一个网站,然后坐在那里目不转睛的浏览,如果我们坐在那里吃爆米花的话,网页并不能够自动的变化内容(当然,你可以在右手使用的鼠标的同事,不停的用左手把爆米花塞到你的嘴里,这里所述的意思是,如果你不干预,访问网站和看电视的最大区别是访问网站需要根据你的主动选择)。浏览网站的内容根据你的个人喜好,在众多的连接和下拉菜单中选择你喜欢或者关心的内容或者连接到另外一个站点。

网站具备大多数媒体所不具备的特殊性:用户的选择和主动性。

与此相反的是,许多的出版者的决定来自于意见反馈表、感觉或者来自于电视、收音机和出版物等所有信息的体验。我们对正在播出的电视、收音机节目基本不具备控制的能力(当然,如果您是电台的工作人员除外),我们仅仅能作的是对你的电视或者收音机作些什么,而对于内容控制,我们则无能为力。你可以调低音量或者调高音量,或者换个频道,甚至关闭电视机或者收音机,去作其它的事情,比如到外面散散步,或者到四合院里和邻居们聊天。

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

不确定的网站交互周期

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

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

一旦点击,相关的页面将出现文字,图表,表格或者你感兴趣的其它内容,这样你就立刻可以得到满足(当然,前提是该连接正确有效,而且该连接所在的服务器和网络保持正常连接而且运行正常)。

网站的交互体现在,作为一种媒体,网站将会对你的选择做出响应,然后访问者就可以循环似的选择,连接到其它的页面。重复的作这些,继续点击,用户的选择就可以及时从服务器得到响应,这是一个非常让人愉快的过程。

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

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

必须要理解网站结构

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

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

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

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

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

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

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

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有