从百度搜索框下拉项自动完成看用户体验

  不知道大家是否有注意到,百度搜索在近期有做了一个调整,那就是在用户输入关键词是下拉框出现相关的搜索关键 词,通过鼠标或者键盘的切换,网页便会自动加载,而无需再点一下搜索按钮,如下图。从技术角度来说,这是一种自动完成的效果,类似JavaScript中 的autoComplete效果,即自动完成。当然,这种效果在其他地方可能应用的有很多,而百度从原先的搜索行为上做了这样一种变化,算是比较大的调整 了,说到底是为用户体验的不断完善。

  图一

  

  图二

  首先,从百度搜索框下拉项自动完成表面百度将重点转移到搜索结果列表页。在之前,只要在百度首页搜索框输入关键词则会在直接出现下拉相关关键词提示,而现在 只要在首页收入一个字符,则会自动跳转到搜索结果列表页。很明显,在百度首页的直接首页用户停留时间少了很多,当离开输入关键词后跳转了,可以百度首页的 停留时间不到2秒。仔细分析下,百度的这个行为应该也是有一定的道理,原因在于,一方面用户最终的搜索结果其实是在搜索结果列表页,而不是在首页体现;另 一方面,从用户体验的角度来看,跳转后的百度搜索结果列表页采用的是类似Ajax的异步加载方式,能够给用户更良好的体验。所谓的异步加载就是当用户搜索 关键词之后,不用再进行页面的跳转,而是在当前页面中直接加载,这种方式给用户的体验会比之前的网页跳转方式友好得多。

  其次,从百度 搜索框下拉项自动完成可以看出百度对用户体验每个细节的重视。百度这次有了这样的用户体验改善,其实这种方式的改变是不影响百度的功能使用,但是却能看得 出百度对用户使用习惯的重视。一个细微的地方往往更能够看出其用心程度。因此,在不影响网站功能的前提下,能够在更细微的地方去研究用户的行为习惯,这正 是一个成熟的互联网产品应该重点关注的地方,否则产品一味地停滞不前,总有一天会被其他产品所取代。

  此外,从百度搜索 框下拉项自动完成功能看似简单却能改变用户习惯。百度的这样一种搜索交互方式调整,对于程序员看起来都会觉得是再简单不过的页面跳转和ajax异步请求, 但是功能看起来虽然简单,这样一种方式一旦被用户接受,将慢慢改变用户的搜索习惯,之前的输入关键词之后再点击按钮跳转到搜索结果列表页的方式可能慢慢会 被现在的这种异步加载搜索结果的方式所取代,只是其他的国内搜索引擎不知道后面会不会进行类似的调整。

  总之,百度的这种用 户体验调整说明了一个互联网产品的用户体验需要不断去深入研究,哪怕一个小小的细节都能够改变用户的习惯。同时,我们也应该认识到网站的用户体验并没有我 们认为的那么简单。要真正领会其精髓并将其发挥到极致,绝不是通过简单的模仿就能实现的。同样的,一个互联网产品受欢迎的程度远不只与其界面和外部的精美 程度相关,更重要的是用户在使用的过程中是否能够得到高效、愉悦的体验。

  本文由石景山杰飞电脑培训http://www.bjjiefei.com原创,如有转载请注明出处,谢谢!

时间: 2024-09-30 15:55:54

从百度搜索框下拉项自动完成看用户体验的相关文章

仿百度搜索框的下拉框拉动效果

问题描述 如何实现仿百度搜索框的下拉框拉动效果 解决方案 解决方案二:这个例子:http://blog.csdn.net/ChengKing/archive/2006/08/22/1106456.aspx

 百度推广:下拉框与相关搜索优化分析

我们想要做好百度推广,就必须根据百度对外展现出来的数据对网站内容进行更新.因为只有这样,才会让百度和用户都渐渐喜欢上我们的网站.那么,什么是百度对外展现的数据呢?一个是百度下拉框,一个是百度相关搜索,二者是我们做网站优化一定要分析透彻的. 1.百度下拉框分析 下拉框的开发表明了百度产品一切从用户出发的决心,其所展现的内容无一不是用户急需解决的问题.有的站长可能不太明白,为什么下拉框中出现的关键词他们的网站在首页是有排名的,用户依然会去重新搜索?答案显而易见,你的网站无法满足用户的需求. 举个例子

基于JavaScript实现单选框下拉菜单添加文件效果_javascript技巧

本节讲述单选框/下拉菜单/添加文件,综合css,html和JavaScript实现的,具体详情如下所示: 单选框: 实现的功能是:(类似平时的性格测试) 先隐藏一部分页面,然后通过点击单选框来显示. 再通过选项的选择-(每个选项有不同的积分)积分的多少来给出评语 演示代码: <html> <head> <title>DHTML技术演示---radio的使用</title> <meta http-equiv="content-Type"

jQuery 插件仿百度搜索框智能提示(带Value值)_jquery

因公司需要做一个仿百度搜索框,并且带Value值的, 网上找了下只有Text, 都没带Value的 所以做了个. 直接贴代码. 复制代码 代码如下: (function($) { var timeid; var lastValue; var options; var c; var d; var t; $.fn.autoComplete = function(config) { c = $(this); var defaults = { width: c.width(), //提示框的宽度 默认跟

百度搜索框智能提示案例jsonp_javascript技巧

先给大家展示下效果图: 下面一段代码给大家分享了百度搜索框智能提示案例jsonp的知识,具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百度下拉_sug-jquery</title> <script src="jquery-1.11.3.js"><

JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件

本节讲述单选框/下拉菜单/添加文件,综合css,html和JavaScript. 单选框: 实现的功能是:(类似平时的性格测试) 先隐藏一部分页面,然后通过点击单选框来显示. 再通过选项的选择-(每个选项有不同的积分)积分的多少来给出评语 演示代码: <html> <head> <title>DHTML技术演示---radio的使用</title> <meta http-equiv="content-Type" content=&q

Android仿百度外卖自定义下拉刷新效果_Android

现如今的APP各式各样,同样也带来了各种需求,一个下拉刷新都能玩出花样了,前两天订饭的时候不经意间看到了"百度外卖"的下拉刷新,今天的主题就是它–自定义下拉刷新动画. 看一下实现效果吧: 动画 我们先来看看Android中的动画吧: Android中的动画分为三种: Tween动画,这一类的动画提供了旋转.平移.缩放等效果. Alpha – 淡入淡出 Scale – 缩放效果 Roate – 旋转效果 Translate – 平移效果 Frame动画(帧动画),这一类动画可以创建一个D

标签-仿百度搜索框只能提示上下键移动的功能效果 js+jquery

问题描述 仿百度搜索框只能提示上下键移动的功能效果 js+jquery 搜索结果不能上下移动,只能按一下,按第二下的时候结果只剩下一个了,currentSelIndex总是为0 ,currentSelIndex是记录 标签id的变量. 首先,我输入一个字符,匹配到的结果会在文本框下方显示出来.因为代码都是写在搜索框的onkeyup ()事件中的,每按一下键盘都会触发该事件,当我第一次按(下)键的时候,相应的会把选中的文本赋 给搜索框,所以按第二次的时候又会重新触发该事件,搜索条件变成了第一次按(

JS实现仿google、百度搜索框输入信息智能提示的实现方法

  这篇文章主要介绍了JS实现仿google.百度搜索框输入信息智能提示的实现方法,实例分析了javascript实现智能提示功能的技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了JS实现仿google.百度搜索框输入信息智能提示的实现方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38