网站页面分析:关于WEB标签设计二三事

  

在最近的用户搜索日志中发现,很多用户不去使用我们设计的标签,而是依靠外部搜索引擎输入相关内容,搜索匹配以后再回到我们页面。是我们的标签没有被用户认知还是用户没有了解标签传达的意义?这个问题让我不得不重新思考标签在网站中的作用。

  一、为何要关心Web标签?

  标签是简化网站的一个重要办法,它代表网站的很多信息,目的是引导用户快速无障碍的浏览网站。例如“关于我们”就是一种标签,代表一大块内容,包括公司信息、地址、联系电话和传真等,用户看见“关于我们”就能明白此标签后面所呈现的内容。最近我也在关注网站的信息架构,标签是信息架构重要的一部分,以下是结合网站的日志分析整理的一些关于Web标签设计的想法。

  

  二、标签分类

  其实我们每个人都是标签设计师,我们每天为自己或为别人做着各种各样标签,QQ资料有一个好友印象的功能,你能为你的好友添加各种标签;现在比较火的微薄也有给自己添加标签的功能,flickr的图片上传者可以为每张图片添加标签,方便了其他用户来搜索查看,目前网上最大的书签类站点Delicious也越来越受到互联网好友的欢迎。一般网站的标签面向的是全体用户,绝大多数用户能理解的标签才是好的标签,网站标签大概分为以下四种: 导航标签、标题标签、情境标签和索引标签。

  导航标签很好理解,就是网站的导航条,一般我们进入网站,首先看的就是网站的导航,导航能够让用户明白网站的大体架构,例如,同程网是十一级导航标签,对应着“首页”、“六大旅游产品”和“三大辅助产品”。

  标题标签是一大块信息的描述,有时候用户在浏览我们网站的时候只是扫一眼,并不想花太多的时间来查看,标题标签需要分级,不同的级别应在视觉上呈现不同的效果,如同程知道右边栏问题分类是一级标题标签,对应下面的“吃”、“住”、“行”、“游”、“购”等二级标题标签。

  情境标签是一种特殊的标签,顾名思义是依据情境而产生的标签,如果整个网站和内容能够营造出一种用户使用情境,那这个标签就是一个成功的标签,否则不同的用户有不同的理解,就像之前提到的QQ好友印象标签,当用户看到这些标签的时候,在联系其在生活中的种种表现,就能直观的了解这个人的性格及喜好,博客类网站通常也会才用情境式标签,因为大多数用户都是好朋友,相互之间比较熟悉,标签可以设计的模糊一些充满神秘感,网站适当的使用情境标签可以增加网站的趣味性。

  索引标签时常被叫着元关键词,能够简单准确的匹配,用户也容易理解索引标签所代表的意义。最简单的索引标签是采用英文字母,由英文字母匹配相关信息。

  三、标签设计

  如何设计和建立网站的标签呢,记得当初在设计自己的网站的时候一直很纠结标签,参考了好多相关网站,最后结合了自己的内容才定下来三个导航标签,其实标签设计有两个重要来源,分别是内容和用户。

  内容

  内容为王,标签可以直接来自网站的内容分析,你可以选择网站中有代表性的内容,就像我们写文章一样,有题目、关键词和摘要,这些都能形成标签,关键是如何找到具有代表性的内容,标签设计是一项痛苦而漫长的过程,需要付出很多努力,有时灵感闪现的时候才能获得一个可用的标签,有人说标签设计是一个艺术性的工作。

  分析内容的同时,你可以去找内容的提供者或作者,要求作者对他的内容建议标签,因为作者对他们的内容非常熟悉,作者提供的标签可能是最有用的,很多公司网站的内容都是市场部的同学在负责,他们去寻找资源和挖掘用户需求,但是网站的标签多是设计部门的架构师或设计师在负责,这里对内容理解的微小差异导致了用户最终无法正确理解标签。

  另外一种做法是寻找行业专家或行业内口碑较好的网站,他们对用户的需求有比较深入的研究,站在前人的肩膀上,你会考虑的更全面一些。

  用户

  网站的用户是标签的最佳来源,也是标签的最终使用者,用户会说出他们喜欢什么样的标签,不论是直接或间接来自用户,这些信息都是很有价值的。

  直接找用户

  直接找用户进行测试和访谈,让用户参与到网站的标签设计中来,在这个过程中一般会采用卡片分类法,卡片分类法在定性研究中被广泛应用,在标签系统设计中采用的卡片分类法分为开放式和封闭式,开放式卡片分类法是为被试提供内容,让被试为每个内容命名标签,封闭式卡片分类法是为被试提供内容和标签,一个内容对应几个标签,让被试选择并排除优先级,在实验的过程中,也可以让用户说出选择标签的原因,主持人要随时做好记录。

  由于时间、人力、财力等相关资源的限制,标签设计中的卡片分类法很难在国内公司中应用,只有一些大公司才会花很多时间和精力来做用户研究,之前三月份和宝洁公司合作一个关于新产品用户满意度的调研的项目,为了获得被试的消费特征,项目中就使用了卡片分类法,让被试选择一组图片能够代表他的现在生活和理想生活,这些图片包括了不同的消费水平衣食住行,通过被试选择的图片,我们也从相关角度来分析被试的消费特征,这也是我第一次将卡片分类法运用到实际中,那次项目结果也比较满意。

  间接找用户

  绝大多数公司都通过分析和挖掘网站数据,如查询用户的行为轨迹来指导网站的标签设计,这也是一种有效的办法,搜索日志分析就是标签来源的一个重要途径,根据用户在网站上留下的痕迹,包括用户浏览的页面、用户点击的标签和内容、用户搜索使用的关键词等,搜索日志里记录了用户用其语言描述了他们的信息需求,这些都是最真实的用户语言,比用户自己亲口说出来还要有价值,我发现很多网站的标签语言都太学术或专业,一看就知道,标签是计算机人士或公司领导写出来。

  随着互联网的发展及海量信息的剧增,社会化标签成为一种趋势,许多互联网产品开始让用户参与标签设计。好的标签设计是网站可用性的先决条件,试试用通俗的用户语言来设计标签,或许能为你的网站流量带来意想不到的突破。

  本文转载自蓝色理想

  链接http://www.blueidea.com/design/doc/2010/8180_2.asp

  原文链接http://www.wwued.com/?p=221

时间: 2024-08-29 02:37:01

网站页面分析:关于WEB标签设计二三事的相关文章

Web导航设计二三事

导航在Web中扮演一个回答用户"我是谁?""我从哪里来?""我到哪里去"的角色.好的导航是一个网站的主要基石.而在开始设计一个网站或者改版一个网页时,它往往是设计师第一个面临的挑战. 01 导航设计之信息架构 信息架构决定了导航的定性,在设计之前整理清楚内容的信息架构,才能最大程度发挥导航的梳理网站结构.有效传递信息功能.网页结构一共有多少层级关系?是否存在上下层关系?各类别标签之间的关系是并列关系还是相关联的?各子级项中是否存在可合并项?等等.

说说web标签设计

一 为何要关心Web标签 这周每天下午都会花点时间看网站的日志,网站日志记录了用户在浏览网站的行为轨迹,不是每一家公司都能邀请用户进行测试和访谈,所以网站日志是运营者和设计者了解用户的一个重要途径. 在用户的搜索日志里,发现很多用户不去使用我们设计的标签,通常在外部搜索引擎里输入相关内容,搜索引擎匹配后,又回到了我们的页面,反反复复的浏览着我们的页面,如一位用户预定了周庄景区门票,但他又想了解周庄的酒店,我们在景区产品页面中已呈现了酒店入口,但用户却在搜索框里输入周庄住宿,有时候甚至跳到外部搜索

网站导航设计二三事

导航在Web中扮演一个回答用户"我是谁?""我从哪里来?""我到哪里去"的角色.好的导航是一个网站的主要基石.而在开始设计一个网站或者改版一个网页时,它往往是设计师第一个面临的挑战. 01 导航设计之信息架构 信息架构决定了导航的定性,在设计之前整理清楚内容的信息架构,才能最大程度发挥导航的梳理网站结构.有效传递信息功能.网页结构一共有多少层级关系?是否存在上下层关系?各类别标签之间的关系是并列关系还是相关联的?各子级项中是否存在可合并项?等等.

我如何在网站页面中修改web.config?

问题描述 现在是这样,一个网站,我想在后台管理部分能直接修改web.config里面的参数.这个如何实现啊?另外,我在http://topic.csdn.net/t/20050527/12/4039760.html看到类似的提问,有人给出了例子,可有人说这样不行,因为在项目运行时修改web.config会使Session全部丢失,所以需要用别的方法实现这个功能.那是不是这样呢?望高手指点 解决方案 解决方案二:项目运行的时候没有办法改web.config的解决方案三:你要用页面来改?直接文本打开

活动交互设计二三事

  下半年,大大小小的活动做过几个,活动交互设计和产品的交互设计有很多相似之处,比如用户都是很懒的,漫不经心的.不同之处在于相比产品设计的不断更新迭代,活动的周期短,上线后一般来不及修改,只能在下次活动避免相似问题.从使用场景来说也有一些区别:用户从打开APP的那一刻起,就带有或模糊或清晰的目的,产品设计就要满足用户在这种心理预期下的行为;而用户参与活动,往往是由于偶然的机会发现了活动入口,带着试一试的心态进入活动页面并最终参与,这就打断了用户原有操作流程,带有一定的偶然性和"侵入性"

销售型网站如何分析 销售型网站分析思路

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 对网站进行分析是我们作为一个网站优化人员必备的能力. 那么如何对一个销售型网站进行网站分析?销售型网站分析要分析那些内容?下面我就结合多年的昆山网站优化经验来总结一下销售型网站到底该如何进行网站分析.首先销售型网站分析主要分为:网站现状分析和竞争对手分析. 我们首先来看网站现状分析.网站现状分析的话主要就是针对销售数据分析,流量来源分析和网站

网站页面合理的设计布局

从当前局势看需SEO行业的前景是一片光明,但这一片"光明"在杨子看来这是属于真正能为网站.能为企业带来真实流量.能真正为公司创造价值的SEOER从业人员,对于要做到这点并非易事,杨子时常在说一句话,SEO项目优化是一项繁杂而漫长的系统工程,要想做好一个项目的优化是需要投入很多精力和时间的,要像培育自己的小孩一样用心去呵护.好了其他话就不在此多说了,咋们还是言归正传吧,在杨子从事SEO数年以来总结了一个网站优化只需做好以下七点流量将飙升. 一.网站页面合理的设计布局 大家应该都明白做一个

交互设计技巧:网站的标签设计要明晰有效

文章描述:交互设计实用指南系列(6) –标签明晰.有效. 导航标签彼此互斥.完全穷尽. 导航标签其实就是一种文字表达形式,我们用标签来代表网站上的各种分类信息.比如"联系我们"这个标签,代表的内容通常会包括公司名称.电话.地址.邮箱等信息.它可以是文字,也可以是图片.在英文里被称作"Label",并不同于我们常说的"tag"标签云图. 说简单一点,我们就是要为网站的信息做分类,并为它们起一个通俗易懂的名字.这其实是任何人都可以做的一件事情,所以在

web交互设计方法:页面表达常用方式

<页面表达常用方式>是整个"web交互设计方法"中的一部分: 设计师在设计页面时,应该在页面上建立许多视觉层次,引导用户的视觉焦点.把用户的注意力吸引到最重要的元素上,然后才把视线引导到其他重要程度次要的信息上.这样便于用户快捷迅速地找到自己所需,更好的完成阅读.浏览任务.这里介绍几种页面表达的常用方式. 一.页面的浏览顺序 对用户扫描页面的时候进行视线跟踪,这叫做"视觉流".好的设计能够让人们按照顺畅的次序沿着它向前流动.人们一般的习惯是从左到右.从上