郑州网页设计培训
郑州网页美工培训
郑州UI设计培训
郑州淘宝美工培训
快速提高网页可用性的技巧有哪些?
发布时间:2016-02-29 17:33:04

  快速提高网页设计可用性的技巧有:


  1.网页标识


  让它充分向用户表明他们在浏览哪个站点。


  一个网页的标识通常位于页面的左上角、导航的右侧或其他什么位置。给网页标识添加一个指向网页首页的链接是很重要的,或者至少在分页导航的固定位置添加一个“首页”的链接。


  2.页面标题。


  WordPress经常使用超大号字体的页面标题,让你很难错过它。


  就像网页标识一样,任何被浏览的页面都应该把标题清楚的展示给用户。通常,页面的标题应该看上去像一个关于页面内容的独特脉络,将其放在显著的位置并着重突出其样式以显示它是页面的标题。页面标题通常是整个页面中最大号的文字,用以清楚的强调其重要性。


  页面的实际名称(URL地址)也很重要:它是否与用户点击到那页的连接名称相匹配?如果页面标题和页面的实际名称(URL地址)很匹配,用户将毫无困难的识别他们在哪个页面上浏览。


  3.导航条式导航。


  YouTube 的主导航小巧且清晰。


  用户浏览一个网页主要有两种导航方式,确保你的每个页面都同时拥有两种导航是十分重要的。两种导航方式的第一种:导航条式导航。这种导航方式通常被分为主导航,次级导航(和更深层次的导航,如果有必要的话),公用模块。


  主导航 当然就是用来导向网页的各个主要部分。他是最顶级的导航,用来向用户说明网页里包含哪些分类,并帮助用户到达这些分类。通常主导航是一个站点全局导航的一部分,或者在各个页面总保持一致。


  次级导航 将主导航划分出子类。第三级导航又将这些子类换分成更细的类别,如此类推。确定你规划好了你的网页导航结构,以保证网页的用户知道如何浏览你的网页。


  公用模块 是你网页的一部分,不过它们并不是链向你站点的主要部分。公用模块包含内容的例子:关于我们,联系我们,隐私政策,使用条款等。确保其包括重要的网页相关内容并将其放置在用户容易找到的位置。但是,不要让因为过多的公用模块链接内容使你的网页导航过于拥挤。


  4.搜索式导航


  做为搜索引擎的ask,他的搜索部分让人一目了然


  第二种方式的导航是几乎所有网页都应该有的——搜索式导航。一些用户更喜欢用搜索的方式浏览网页。所以通常包含两种方式才是明智的。用户已经习惯了搜索的惯用表现形式。所以尽量不要改变它以致让用户感到困惑。就像Steve Krug 说的:


  “一条简单的公式:一个搜索框,一个按钮,一个‘搜索’,别把它们弄得复杂——牢记这条公式”。


  5.当前所处的位置。


  我们浏览苹果的网页时,主导航将高亮显示我们所浏览是网页的哪个部分。


  一个好的页面标题并不能充分告知浏览者他们在网页的哪个部分。当然,它告诉了用户那个页面的名字并且可能有些许信息关于他们能预计在特定的页面上找到什么。但是它告诉用户他们所在的页面跟其他页面的关系了么?


  想像一下你置身于一座你之前从未去过的机场:虽然你有几分知道你要去哪,但你却不知道应该怎样到达那里。你可能都不知道这个地方有多大,就算你知道这里有多大,但你连你自己身在何处都不清楚,何谈去哪。这就是为什么所有的大机场都有清楚的位置标识告诉你你所处的位置和其他重要的地方。


  在很多地方一个网页就像是一座大型机场。访问者并不知道这个站点有多大,没有一点基础的话,访问者会很艰难才能标注自己在站点地图上的位置。一些站点高亮显示访问者访问的页面位置,向他们解释他们身处网页何处,也有的站点使用面包屑导航或其他的方法来指引访问者。也许某一种方法在特定的情况下更有用,但重点是一个站点应该始终以某种方法来向访问者他们所处位置与其他页面的相对关系。


  6.标语/站点描述。


  标语是一种快速高效向用户解释一个站点目的的方式。它是一段在网页标志右侧显示的稍小字号,精心编排的信息,通常只有几个字。标题不是描述动机和意图的格言警句,但它却包含了传达某些事物要点的描述。


  7.(视觉)清晰的页面层次。


  页面内容决不能轻视。我经常回顾报纸的排版,将它作为网上内容层次编排的经典例子。良好结构的页面使用清晰的标题来组织文章,而子标题使内容更容易解析。页面的视觉表现并不像页面内容本身重要,但如果没有层次的话,用户可能会在某个页面里迷失。


联系地址

郑州金水区东风路文化路向西200米路北汇宝大厦5楼501

联系电话

0371-63218905 13613841515(徐老师)

CopyRight 2005--2013 © xueweb.cn 版权所有:郑州清新教育电脑设计培训学校 Tel:0371-63218905 13613841515 客服QQ:800060586