凯文.林奇在他的图书 ;《城市意象》(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搜索并不能取代连贯的网站结构,网站设计结构需要在页面设计和网址导航中清晰地表示出来。不过,搜索导航非常依赖于那些我们认为是标准导航界面的一部分的界面元素和页面设计功能。通过删除通过信息层级浏览的中间步骤,搜索可以将用户直接领到网站深处的顶面,在此,只有网站图片、页面标题、当前位置路径以及导航链接的 ;浏览 ;界面可以提供介许用户在网站内创建自己的 ;你在这里 ;的位置线索。
[ 关键字:网站设计 ]


相关阅读:
  • 从五个层面剖析网站设计 [12-13] 如果要你创建一个网站,需要做哪些工作?流程是怎样的?网页的阅读顺序是自下而上,依次体现了网站设计的5个层面战略层、范围层、结构层、框架层、表现层..
  • 什么是干净的网站设计? [12-10] 但是,正如客户有时会问我们,干净的网站设计究竟意味着什么?我们意识到这个术语可能有点含糊不清,定义可能因一家公司(或网站设计师)而异。尽管..
  • 什么是网站对象缓存? [12-10] 对象缓存用于存储会被应用再用到的对象。东莞网站制作通俗的来说就是网站通过页面结构定位,合理布局,图片文字处理,程序设计,数据库设计等一系列..
  • 东莞优质网站设计 [12-07] 1、清晰明了2、角度(angle)3、用户粘度(viscosity)4、信任信任(trust)的建立是一个长期(chánɡ qī)的过程,早作准备早建立。东莞网站建..
  • 网站设计的联系页面设计 [12-04] 1、联系界面只是一个表格如果您的联系页面包含表单而只包含表单,则表示您不是为所有访问者提供服务。当然,总会有人不理解这种形式。提供后备选项,..
  • 网站基于平衡Web的服务 [12-03] Web提供了各种各样的免费(或者近似于免费)网站内容托管及共享服务,这些服务对于具有有限资源的个人或者小型企业来说非常有用。东莞网站设计是将策划..
  • 让手机网站设计更适合移动用户 [12-03] 1。让你的网站作出回应。响应性网站设计包含关于您访问的任何设备的所有相同内容和信息,但是它根据设备屏幕的大小改变其显示和安排。这是使您的网站..


在线QQ咨询