凯文.林奇在他的图书 ;《城市意象》(The ImageoftheCity) ;(1960)一书中采用术语 ;wayfinding (路径搜索) ;来描述环境易读性的概念一也就是说, 建筑环境元素支持人们成功导航以通过(tōng guò)诸如城市和城镇之类的复杂空间(kōng jiān)。万维网基础的具象就是通..

互域东莞网络公司,专业东莞网站设计,东莞网站建设行业里很有竞争力的团队之一。

您的当前位置:互域网络 >> 网站设计知识 >> 网站设计注意网站导航和路径搜索

网站设计注意网站导航和路径搜索

日期:2018-11-15   来源:互域
152018-11
凯文.林奇在他的图书 ;《城市意象》(The ImageoftheCity) ;(1960)一书中采用术语 ;wayfinding (路径搜索) ;来描述环境易读性的概念一也就是说, 建筑环境元素支持人们成功导航以通过(tōng guò)诸如城市和城镇之类的复杂空间(kōng jiān)。万维网最基础的具象就是通过由称为 ;网站 ;的事物组成(composition)的空间来导航,因此路径搜索的具象非常适合Web导航。


 
路径搜索有4个核心组成:
 
1)定向—我现在在哪
 
2)路线决策—我能找到去目的(Purpose)地的路线吗?
 
3)意象图—我的经验是否足够用来获知我到过哪以及预测我接下来要去哪?
 
4)结局—我是否能识别我已经到达了正确的地方?
 
在不同城市所进行的采访中,林奇让当地居民根据记忆(Memory)绘制城市地图。东莞网站设计要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。居民们绘制的意向图相对于在他们的环境中展开的路径搜索而言至关重要。每个人关于当地环境的地图都是唯一-的, 但是林奇发现大多数人的地图都由5种类型的元素组成:
 
1)路径,熟悉的街道、人行道、地铁路线、公交线路。东莞网站制作通俗的来说就是网站通过页面结构定位,合理布局,图片文字处理,程序设计,数据库设计等一系列工作的总和,也是将网站设计师的图片用HTML(标准通用标记语言下的一个应用)方式展示出来。
 
2)边界,墙壁、栅栏、河流或者海岸线的物理边界。
 
3)行政区,带有明显标识的地域,诸如,纽约(New Yor)、唐人街、华尔街和格林尼治村。
 
4)节点,主要的十字路口或者集会地点,诸如(zhū rú)纽约(New Yor)中央车站的大钟。
 
5)地标,可以帮助你在一个很长的距离(distance)范围内定向的高大可视的结构。
 
威尼斯很漂亮,但是如果没有那些高高耸立在城市中的教堂和钟楼作为穿越居民区的导航地标的话,错综复杂的街道和运河对于游客来说,该市是一个混乱而拥挤地区你可以很容易地看出以上内容与Web导航的相似之处,不过Web是一个特殊的空间(kōng jiān),通常不会提供与现实世界中穿过城镇那样相似的具体空间和导航线索。Web导航与物理运动有很多相似之处,但是现实上在Web中旅行很神奇:你只会在页与页之间旅行的下一个地点出现,你也不可能会有景观在你面前像-系列地标那样展开的体验。
 
1.这里没有范围和运动的概念
 
除非刻意地通过网站层次来浏览,否则我们不可能经过熟悉的地标。大多数时候我们只会突然地出现在一个新的地方, ;旅行 ;本身没有为我们的全新位置提供信息。
 
2.没有指南针
 
网页中没有方向,并且通常没有明确地朝向某- -特定方向。正是因为缺乏抽象的方向性,才使得指向主页面的链接在Web导航中变得如此重要:指向主页,以及是背离主页还是朝向主页,这些便是非常多网站中所有关于方向的感知。
 
3.你在这里
 
与此相关(related)的内容最好在网页上使用具体、可视、易懂的导航线索。印刷设计师和编辑通常会因为网页 ;粗黑 ;的界面设计而争执一我们是否 真的需要这样的页眉、页脚及按钮、链接?是的,我们需要。如果没有这些导航界面以及它所提供的 ;你在这里的 ;标识,我们将重新陷人早期Web普遍存在的迷失之中。
 
1.路径:带路
 
在网站中,路径是在整个网站中始终以同一方式出现的一致的可预知导航链接。路径可以只存在用户的记忆中,正如你以一种的导航方式访问某个喜爱的新闻网站。路径也可以是诸如当前位置路径之类的很明确的网站导航元素,它们用来指示你当前的位置与整体网站的关联。
 
2.区域与边界:矛盾的一致性
 
一致性是界面设计和路径搜索的黄金法则,但是一致性本身也存在矛盾:如果所有的事物看起来都相同的话,那么就不存在着界限和边界了。你如何能区别身处何处,以及是在何时从一个地方跳转到了另一个地方?设计良好的网站导航系统的创建以一致的页面网格、术语和导航链接为基础,但是还结合了可视的灵活性来创建标识区域以及更大空间之间的边界。在企业网站中,如果你从某个区域跳转到另个(例如从市场(shì chǎng)转到人力资源(resource)),应该会注意(attention)到刚刚穿过了一个重要的区域边界。
 
3.节点:本地咖啡馆还是泰晤士广场
 
咖啡曾经很简单:要么是普通咖啡,要么是黑咖啡。现在,随着6款摩卡脱脂拿铁的供应,咖啡变成了你日常生活中的另一个潜在压力点。在西方社会,我们将自由等同于一系列的选择,但是正如心理学家巴里?施瓦茨( Barry Schwartz)在《选择的悖论》( The Paradox of Choice)一书中指出的那样,过度的选择会导致压力,阻碍我们制定决策,通常会让我们的满意度降低(我是否从我的89个选择做出了正确的选择),也会让我们更倾向于做不出任何决定。 ;为用户提供选择 ;是界面设计的一个不变的真理,但是同时提供太多选择又会让绝大多数用户不知所措,并且可能完全放弃这个问题。
 
4.地标: ;你在这里 ;
 
在Web界面中,定位线索尤为重要,因为用户在访问面页时通常不会经过深思熟虑,而且路径也不会是重复的。例如(for example),Web路径搜索与物理空间导航很不一样的点就是搜索,Web搜索会采用完全不同于所有正常路径搜素的方式,来查看在整个网站中出现的关键字和短语。搜索不只是自动的目录功能,搜索可以直接从网站的某个点跳转到另一点,而且直接的连接可以让用户更加依赖来自网站用户界面的 ;你在这 ;的线素。
 
5.小结:网站中的路径搜索原则
 
●路径:创建一致的、容易识别的导航路径。
 
●区域:为各个站点区域创建单一且相关的标识。
 
●节点:主页和主要的菜单页面上不能有过多的让用户混淆的选择。
 
●地标:使用站点导航中的一致地标和图形为用户定位。
 
6.浏览与搜索
 
用户界面研究表明大约有一半的Web用户倾向于通过浏览链接菜单列表来查找信息,而另一半则会直接在搜索框里输(shū)入搜索的关键(解释:比喻事物的重要组成部分)字。在特定的时候,所有的测览者会同时使用浏览和网站搜索功能,因此支持这两种导航方式对于用户界面设计(Design)而言十分重要。随着Web变得越来越大、越来越复杂,其所依赖的搜索技术也变得越来越强大,搜索不仅可以被用户用来査询信息,还可以为那些希望用户查找自己的网站内容的Web发布者所用。
 
7.定位
 
网址导航的浏览和搜索都必须支持用户对站点主要地标的定位感。核心的页面元素和界面元素与浏览和搜索都相关,它们让用户产生一种网站是一个可导航区域的感觉(feel),还在更大的站点范围(fàn wéi)内制作出局部放置的 ;你在这 ;效果。通过改变颜色来指示当前位置和部门名称的当前位置路径、选项卡和链接,都为站点内的区城营造出了公司氛围。
 
这些地标和路径搜索元素对于那些通过搜索来导航的用户来说尤其重要。浏览界面支持用户逐步地通过网站,并且在逐层地通过网站的过程中査看不同的地标,如图4-6所示。Web搜索支持用户直接进入到网站层级。从诸如 Yahoo!!和 Google之类的综合 Internet搜索引擎进入你网站的用户可能会直接进入你网站组织内的深层页面。随着网站搜索成为绝大多数受众访问网站的方式,访问主页的用户百分比直在下滑。
 
8.支持Web搜索用户
 
对那些倾向于使用搜索的用户的最基本的支持就是让搜索在站点的每个页面(webpage)内的使用都很便捷。具备多个页面的网站都要配置搜索功能,这是用户希望的。研究表明用户希望在某些特殊的页面区域看到搜索框。
 
要始终确保用户知道他们搜索的范围(fàn wéi)。让人困窘的是,当用户输入(shūrù)关键(解释:比喻事物的重要组成部分)字希望只在当前网站搜索的时候,可能会得到来自整个公司或者整个互联网的搜索结果( ;help'对应的约51亿个结果的前1-100个结果 ;)。在简洁的搜索表单中,你可以从域值标签内清楚地了解搜索的范围。在页面有更多空间(kōng jiān)的地方,搜索表单可以提供更多的控制搜索范围的选项。
 
要想保持用户仍置身于你网站的感觉,用户搜索査询的结果应该在一个看上去与网站其他页面相似的页面上显示。东莞网站建设是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。对于大型机构而言,只要良好地组织更大的站点并且保持图示的一致性,每个小的子站点就不需要定制搜索页了。
 
虽然搜索的功能(function)强大,但是Web搜索并不能取代连贯的网站结构,网站设计结构需要在页面设计和网址导航中清晰地表示出来。不过,搜索导航非常依赖于那些我们认为是标准导航界面的一部分的界面元素和页面设计功能。通过删除通过信息层级浏览的中间步骤,搜索可以将用户直接领到网站深处的顶面,在此,只有网站图片、页面标题、当前位置路径以及导航链接的 ;浏览 ;界面可以提供介许用户在网站内创建自己的 ;你在这里 ;的位置线索。
[ 关键字:网站设计 ]


相关阅读:
  • 网站建设就像找对象:要找合适的 [05-26] 对于网站建设来说,即使做出来的效果十分炫酷,但是如果用户不买账,那么这样的网站设计还是难以获得预期的效果。毕竟我们设计的网站,必须要立足于..
  • 移动网站开发一定要提升加载速度 [05-26] 现在移动互联网的流量(单位:立方米每秒)早就已经远远超过了电脑互联网,所以有很多的网站站长都已经把自己的眼睛瞄向了移动互联网,想要进行移动网站..
  • 医疗网站建设主要具有哪些优势? [05-11] 随着互联网时代的到来,任何行业都不可能(maybe)脱离了互联网而独立存在。东莞网站设计是一个把 软件需求转换成用 软件网站表示的过程,就是指在 因..
  • 网站计算网格有什么优点? [05-10] 网格计算模型的优点包括高计算速度(speed)、共享的基础设施(shè shī)、对未使用产能的利用以及成本。东莞网站制作属于前台工程师的一项任..
  • 网站设计小知识:用对边框为网站增色 [05-09] 网站建设(construct/build)过程(guò chéng)中我们会用到许许多多的小知识(Skill),这些技巧都能为我们的网站增色不少,在网页设计(Desig..
  • 网站设计怎样做才能让用户“一见钟情” [05-09] 一见钟情是一个非常不错的词汇,大多数的一见钟情都是美好的,不过也有一些是不愉快的。东莞网站设计是设计过程的前端的设计通常用于描述一个网站,..
  • 网站需要迎合互联网发展而不断升级改造 [05-09] 网站需要迎合互联网发展而不断升级改造网站建设(construct/build)中,网页布局设计的好坏,对网站未来的发展,有着重要的作用。东莞网站设计是一个..

在线QQ咨询