作者: admin

  • 如何利用导航更好地满足用户的需求?

    时间:2012-04-12 01:47 来源:百度商业UED 作者:百度商业UED

      导航到底有多重要?它只是简单的指路牌吗?当然不是。导航在网站架构中占据重要的位置,它决定了网站的信息范围、分类及获取路径。好的导航设计将直接提升网站的可用性,进而提升品牌形象和网站的可信度。所以如何让进入网站的用户顺利地甚至是不知不觉地”务入其途“一直是我们不断探寻的目标。

    导航的种类众多,扮演的角色自然会略有不同,有的可拓展信息,有的则做信息收拢,笔者初步将常见的导航功用划分成如下三类:

      1.整体架构铺设,展示网站全局:

    有几类导航的用途是将站内信息进行分类,并分层次展现给用户,让用户对网站全局有迅速地了解,并快速定位到自己想找寻的信息,这是一个平铺式引导的过程,对用户感知网站形状非常重要。这类导航主要包括:全局导航、局部导航、网站地图、公用程序导航和页脚导航等

      全局导航:是网站架构中权重最高的导航,统领整个网站的信息架构,决定网站形状和整体的信息分类,通常使用固定模式。

    如何利用导航更好地满足用户的需求?,互联网的一些事
      局部导航:是在全局导航之下的用于访问下级结构的导航,经常作为全局导航下一个分支的平铺引导。形成局部导航的机制有很多,比如树状导航、垂直菜单、动态菜单等。

    如何利用导航更好地满足用户的需求?,互联网的一些事
      网站地图:提供网站的全局信息,使用体验上比全局导航和局部导航的组合要差一些,但对用户总览网站结构非常有帮助。

    如何利用导航更好地满足用户的需求?,互联网的一些事
      公用程序导航和页脚导航:这两类导航通常由全局性的操作链接构成,比如:退出系统、将用户引向帮助体系,或是实现同一家公司各种web服务之间的切换等。

    如何利用导航更好地满足用户的需求?,互联网的一些事
      2.跟随行为路径,缩小信息范围,实现线性引导:

    当用户在大致浏览了全局信息之后,希望能快速定位到某个信息分支,进入具体功能页面开启任务或是进入内容页面浏览所需的信息,此时有几类导航将会随之出现,引导用户在网站中线性游走。这样的导航包括:分步导航、面包屑导航、搜索型导航、翻页导航等。

      分步导航:属于很典型的线性引导方式,目的是让用户按部就班地快速完成任务。

    如何利用导航更好地满足用户的需求?,互联网的一些事
      面包屑导航:直接记录了用户访问网站的路径,表明当前所处的位置并提供返回上一级页面或是上一个访问页面的链接。

    如何利用导航更好地满足用户的需求?,互联网的一些事
      搜索型导航:搜索类导航是用户快速定位内容或是任务的重要工具,通过搜索和筛选可以保证用户行为路径的快速推进,也避免了“走投无路”情况的出现。

    如何利用导航更好地满足用户的需求?,互联网的一些事
      翻页导航:翻页导航在用户的浏览行为中更像是一种工具,让用户停留的信息层级保持不变,使该行为可以不断延续下去。

    如何利用导航更好地满足用户的需求?,互联网的一些事
      3.信息延展,引导用户进入更广阔的天地

    在用户浏览完感兴趣的内容或是任务完成后,怎么能够让用户持续的留在网站中并开启新的旅程呢?此时提供相关信息的推荐成为导航的新任务,这样的导航包括:嵌入式链接导航,适应性推荐导航和相关链接导航等。

      嵌入式链接导航:主要是根据上下文的内容以文字链接的形式扩展用户的信息量,或是帮助用户查找到信息的来源出处等。

    如何利用导航更好地满足用户的需求?,互联网的一些事
      适应性推荐导航:适应性推荐导航可以更加智能的匹配信息,从而实现相对精准的推荐式引导。

    如何利用导航更好地满足用户的需求?,互联网的一些事
      相关链接导航:和适应性导航有相似之处,同属于关联性导航的一种,可以让用户在意犹未尽的时候发掘出更多的信息。

    如何利用导航更好地满足用户的需求?,互联网的一些事
      综上所述,导航的设计与用户行为紧密相关,可以在不同的情境下提供不同的导航。但也有些网站的信息量极大,分类复杂,如大型电商类网站可能会出现多重信息分类维度以及分类与标签配合使用的情景,导致了导航的信息展现形式多样,加之导航还与交互逻辑和视觉样式有很大的关系,所以如何利用导航更好地满足用户的需求,解决用户的问题才是我们不断探索的目标和动力。

    本文链接:http://www.yixieshi.com/ucd/10641.html

     

     

  • 未日臻化境,故劳累不堪

    有无数的人在前方挥洒着汗水,创造着奇迹。

    你没理由在这浪费时间,自怨自艾。——–有感于w3cfuns的一篇文章。

    如果你觉得累了,要么去睡觉,要么继续坚持。除此之外不要给自己找对外部条件的阻碍的抱怨。

    曾记的看过一篇小文说,上边会很快乐,因为达到所求而后精神富足。 下边的会很快乐,因为无所求,故觉得自己饱满异常。中间的会很煎熬,精神渴求,物质也渴求。

    这是一件好事情啊~未日臻化境,故劳累不堪 出神入化 落笔成花 来去自如 举手投足间浑然天成

    清明节你好,埋葬我的懒惰,伸展我的勤奋!

    拜祭先人,一切都好。

    step by step~

  • 浏览器

    有时候我们在制作网页的时候,会遇到不同浏览器,对填充和边距显示的不同效果。导致心情纳闷
    现在提供解决这个困扰的方法!

    对FF、Opear等支持Web标准的浏览器与比较顽固的IE浏览器进行针对性的CSS hack

    /*FF、Opear等支持Web标准的浏览器*/
    #header {
    margin-top: 23px;
    margin-bottom: 23px;
    }
    /*IE6浏览器*/
    *html #header {
    margin-top: 13px;
    margin-bottom: 13px;
    }
    /*IE7浏览器*/
    *+html #header {
    margin-top: 18px;
    margin-bottom: 18px;
    }

    因此,当你在遇到这种情况的时候可以用
    * html 来定义IE6
    *+html 来定义IE7

    更新:
    还有一种css hack直接与其他浏览器一起写在一条css表达式中

    #header{
    margin-top: 13px; /* 所有浏览器都支持 */
    margin-top: 13px !important; /* Firefox、IE7支持 */
    _margin-top: 13px; /* IE6支持 */
    *margin-top: 13px; /* IE6、IE7支持 */
    +margin-top: 13px; /* IE7支持 */
    margin-top: 13px\9; /* IE6、IE7、IE8、IE9支持 */
    margin-top: 13px\0; /* IE8、IE9支持 */
    }

    需要注意书写顺序:所有浏览器、Firefox、IE8、IE7、IE6依次排列。

  • 提示ie6浏览器升级-简介代码

    今天写页面的时候,用了个一个比较炫的banne切换,看了下IE6下,透明问题又要使用js调用写兼容css,应该大力普及I6+以上才可以了。让html5之风狂烈的吹过来吧,毕竟好的网速是可以承载肆意的效果了。据说html5 在2014年会普及,其实现在 淘宝 腾讯 轻博客 花瓣网 美丽说 点点神马神马的也都在用了。试水性的成功啊~ 浏览器神马的急速的升级啊升级吧。

    直接一个简单的图片提示加个下载地址连接即可。



    无标题文档
    绝对顶部居中

    某某提醒您,IE浏览器版本过低。免费升级


    把上面的一段代码放在head里面即可。

    0

  • html中的 ul ol li 与dd dt dl

    ul: unordered lists
    ol: ordered lists
    li: Lists

    ol 有序列表。

    1. ……
    2. ……
    3. ……

      表现为:

    1……
    2……
    3……
      ul 无序列表,表现为li前面是大圆点而不是123

    • ……
    • ……

      很多人容易忽略 dl dt dd的用法

      

    dl 内容块
      dt 内容块的标题
      dd 内容
      可以这么写:

    标题
    内容1
    内容2

      dt 和dd中可以再加入 ol ul li和p
      理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。

    LI代码的格式化:

    A).运用CSS格式化列表符:

    以下是引用片段:
    ul li{
    list-style-type:none;
    }

    B).如果你想将列表符换成图像,则:

    以下是引用片段:
    ul li{
    list-style-type:none;
    list-style-image: url(/blog/images/icon.gif);
    }

    C).为了左对齐,可以用如下代码:

    以下是引用片段:
    ul{
    list-style-type:none;
    margin:0px;
    }

    D).如果想给列表加背景色,可以用如下代码:

    以下是引用片段:
    ul{
    list-style-type: none;
    margin:0px;
    }
    ul li{
    background:#CCC;
    }

    E).如果想给列表加MOUSEOVER背景变色效果,可以用如下代码:

    以下是引用片段:
    ul{ list-style-type: none; margin:0px; }
    ul li a{ display:block; width: 100%; background:#ccc; }
    ul li a:hover{ background:#999; }说明:display:block;这一行必须要加的,这样才能块状显示!

    F).LI中的元素水平排列,关键FLOAT:LEFT:

    以下是引用片段:
    ul{
    list-style-type:none;
    width:100%;
    }
    ul li{
    width:80px;
    float:left;
    }

    • 的区别

    • 的参数设定(常用):

      例如:

    • type=”square”

      只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为 type=”disc”:

      以下是引用片段:
      符号 是当 type=”disc” 时的列项符号。
      符号 if” width=10 height=10 border=0> 是当 type=”circle” 时的列项符号。
      符号 是当 type=”square” 时的列项符号。
      value=”4″

      只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增,但前面各项则不受影响,其值只能是 1,2,3.. 等整数,没有内定值。

        称为无序清单标记。

        所谓无序清单就是在每一项前面加上 、、等符号,故又称符号清单。

          的参数设定(常用):

          例如:

            type=”square”

            设定符号款式,其值有三种,如下,内定为 type=”disc”:

            以下是引用片段:
            符号 是当 type=”disc” 时的列项符号。
            符号 是当 type=”circle” 时的列项符号。
            符号 是当 type=”square” 时的列项符号。

              是项目列表,

            • 是列表项,项目列表就是用符号来列的,所以你列出来默认的就是黑点,还有一个是
                这个是编号列表,用数字来列的,也是用

              1. 做列表项
              2. 是 list item 即列表项,但列表有很两种,所以外面得有
                  或者

                    用来区别无序列表(小点点)和有序列表(1,2,3…)。

  • 温暖的声音会发光

    时间如指间的阳光流淌,温暖而美好,却又抓不住。

    温暖的声音会发光

    草稿箱已满,不能自动保存,您可进行删除

  • focus

    focus

    not focus

    。。。。。。

    一个捕鱼晒太阳的故事。

    宇智波鼬与宇智波佐助,跟猜测一样。

    影片、剧本的猜测异乎寻常。然? focus,not focus??????????

    一周的禁止。

    随记。

    捕鱼晒太阳,捕鱼晒太阳,循环往复,周而复始。还是怎样呢,回归后的捕鱼晒太阳。两种不同的方式耶。

    因为挣扎所以升腾

    因为抱怨所以思考

    因为经历所以淡然

    之前的呢,

    升腾-无目的

    思考-无想法

    淡然-无阅历。

    按照划好的弧线 step by step。然???

    总想有几步踏出线外,会怎样???

    QQ真是个强大的存在,查找人,竟然2年前的还会有认识的可能

    事情太少了缘故么

    也许是因为昨晚看小说,无自律的愧疚

  • 先升值再升职

    『做事必须搞清10个顺序』

    1职场:先升值,再升职;

    2沟通:先求同,再求异;

    3.执行:先完成,再完美;

    4.学习:先记录,再记忆;

    5.设计:先仿造,再创造;

    6.创业:先成长,再成功;

    7.发展:先站住,再站高;

    8.人际:先交流,再交心;

    9.先做好自己,再要求别人;

    10.先解决心情,再解决事情。

  • 你不喜欢我,这是病,得治!

    恋爱恐惧症

    经历过或者看过某些事情以后对恋爱产生一种害怕,不信任的感觉。 想摆脱这习惯,却担心陷入那状态,害怕关系的确立,担心一旦确立了关系之后既往的感情就一去不返。 害怕着没有永恒,其实或许是缺乏自信的表现。

    病状表现

      爱情恐惧症发病后的初期反应,逐渐会改变生活习性,对情感类测试会特别用心,各类残破爱情故事都以为是为自己设身处地。恋爱中的更变本加厉,脆弱敏感外加有了财务和侦缉兴趣,事无巨细盘点感情,他(她)的任何动静的都充满了强烈的好奇心。战败的呢,疲惫沉闷气喘心悸牙痛头痛梦呓,从此不是行迹诡异四处留恋,就是沉寂如诗人一般,对感情不是精神不济就是神经麻痹。如果有上述症状,那很不幸,你很有可能已经感染了此类病菌。

      症状一:怕爱上别人

      症状二:怕爱上别人后会深陷

      症状三:怕受伤

      症状四:害怕被拒绝

      症状五:害怕在最爱的当下失去

      症状六:怕恋爱失去一切

      症状七:怕伤害别人

      症状八:怕被约束了自己一颗爱自由的心

      症状九:怕恋爱后,就再也回不到以前

      症状十:怕自己爱对方比对方爱自己还多

      症状十一:害怕因为恋爱而浪费大量业余时间

      症状十二:害怕因为恋爱而失去以前单身时候的自由和个人空间

    拒绝型恋爱恐惧

      症状:一旦嗅到有爱情的气味,便自然反应地退避三舍,常常害怕感情走到尽头是一场欢喜一场空,因此宁愿在机会来临之时却步不前。同时,此类人会由于过分关注结果而忽略恋爱过程中得到的享受。

      分析:这类人通常较为内敛、不自信和敏感。他们不相信自己有能力获得自己想要的东西,因此,为了避免最后失败,只好选择弃权。套用一句话就是,“为了不让别人拒绝我,我就先拒绝别人。”

      不自信的他们可能在童年早期经历了不少的挫折或者打击,当每一次创造和尝试都受到成年人的打压时,儿童的他(她)就会对自己产生不信任。或者,他们在成长中经历过家庭不幸的悲剧,成人后表现在爱情上便为不自信,不信任,严重者患上了拒绝型恋爱恐惧症。

      敏感的拒绝型者,通常善于观察和感受,如果他们在现实生活中,看到有人因爱情而受伤害,他们会把这种情况强加于自己未发生的爱情上,并自编自导自演了一出苦情戏,自己则扮演了剧中凄美得一塌糊涂的主角。

      药方:建立自信,除了观众、主角你还可以做导演。

      对于能够大胆恋爱的人来说,自信是向对方坦露自己内心的勇气,也是接纳别人的心的宽容。自信者可自如地面对外间的各种不确定性,不断尝试,并努力追求自己想要的结果。做自己生活的导演,而不甘心只做那个按照别人剧本演戏的主角,或者,只作为观众。不尝试,永远没有胜算,没开始就宣告失败,你接受这样的安排吗?

  • 抓一缕春风放进我的博客

    今天春分。

    在去餐厅吃饭的时候,能感觉到风里的春天的气息。

    暖洋洋的有点,前两天还下雪来着。今天就觉得风里面有青草的招呼。

    济南应该已经绿芽成片了吧。

    这边在水泥丛林里还感受不到,不过无处不在的风把春天的温度已经送来了。

    抓一缕春风放进我的博客。

    千里之行始于足下~