?!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 阿里输入框交互尝试、启发式评估及网站设计优化建?/title> </head> <body class="single"> <script language="JavaScript" type="text/javascript"> var str00="http://www.bjzdsw.com.cn/dweb/"; var str01="名称或邮箱不能为?; var str02="名称或邮箱格式不?; var str03="留言不能为空或过?; var str06="显示UBB表情>>"; var intMaxLen="1000"; var strFaceName="Haha|Hehe|Love|Misdoubt|Music|Nothing_to_say|Sad|Shame|Sleep|Smile|Stop|What|Adore|After_boom|Angry|Cool|Cry|Effort|Faint|Grimace"; var strFaceSize="48"; var strBatchView=""; var strBatchInculde=""; var strBatchCount=""; </script> <div id="divAll"> <div id="divPage"> <div id="divMiddle"> <div id="divTop"> <h1 id="BlogTitle"><a href="http://www.bjzdsw.com.cn/dweb/"></a></h1> <h2 id="BlogSubTitle"></h2> </div> <div id="divNavBar"> <h3>导航</h3> <ul> <li><a href="http://www.bjzdsw.com.cn/dweb/">Index</a></li> <li><a href="http://www.bjzdsw.com.cn/dweb/search.asp">Search</a></li> <li><a href="http://www.bjzdsw.com.cn/dweb/tags.asp">TagCloud</a></li> <li><a href="http://www.bjzdsw.com.cn/dweb/cmd.asp?act=login">Admin</a></li> </ul> </div> <div id="divMain"> <div class="post cate1 auth15"> <div class="post-nav"><a class="l" href="http://www.bjzdsw.com.cn/dweb/post/264.html">« Calculator Tag Heuer watch</a><a class="r" href="http://www.bjzdsw.com.cn/dweb/post/266.html">网页设计公司必须关注?0大流?»</a></div> <h4 class="post-date">2009-12-12 15:3:50</h4> <h2 class="post-title">阿里输入框交互尝试、启发式评估及网站设计优化建?/h2> <div class="post-body"><p>阿里输入框交互尝试、启发式评估?a href="http://www.lshenzhou.net/"><font color="#000000">网站设计</font></a>优化建议<br />·设计目的?br />1?在不影响现有用户使用习惯的前提下，提升搜索输入流程的便利性；</p><p>2?在有限的空间内，增强首页搜索操作的历史回溯能力，减少老用户的搜索操作成本，提高他们的搜索效率?/p><p>3?<a href="http://www.lshenzhou.net/"><font color="#000000">网站设计</font></a>对新用户的搜索引导更丰富，增加搜索的趣味性；</p><p>·设计方案草稿?/p><p>·主要流程</p><p>1?进入页面?a href="http://www.lshenzhou.net/"><font color="#000000">网站设计</font></a>光标默认放置在输入框内，支持用户直接输入操作。同时，光标后跟随当前搜索维度下的输入提示信息；（如?.1?/p><p>2?在图1.1页面状态下?a href="http://www.lshenzhou.net/"><font color="#000000">网站设计</font></a>当用户输入任意关键词后，在输入框内部，清空系统默认的输入提示信息，显示当前输入内容。同时，自动向下弹出联想词推荐，并给出可能的搜索结果数信息（如图1.2）；</p><p><br />3?在图1.2状态下，在输入框的最后方显示“一键清?rdquo;图标，当用户点击此图标后，将清空所有输入信息，并收回下拉框，输入框内仅保留光标；（如图1.3?/p><p><br />4?在没有任何输入的情况下，<a href="http://www.lshenzhou.net/"><font color="#000000">网站设计</font></a>点击搜索框下方箭头按钮将有两种可能情况：①如果是全新用户，即没有任何搜索相关的行为记录，我们将弹出下拉框，给出我们的推荐热词列表?0条），并提示每条热词的搜索次数；（如?.4?/p><p>②如果用户有过任何的搜索行为记录，我们将弹出下拉框，给用户最近的10条搜索历史记录，不满10条的话显示全部，超过10条显示最近的10条，根据搜索时间顺序排列，显示最近一次搜索时间；（如?.5?/p><p><br />?在弹出任何的下拉列表中，只要鼠标点选了其中的任何一条内容（也可以通过键盘光标移动+回车确认）后，就实现即时的搜索行为，引入搜索结果页面?/p><p> </p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt; tab-stops: 39.4pt"><span style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'"><font color="#000000" size="3">相关信息</font></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt; tab-stops: 39.4pt"><span lang="EN-US"><a href="http://www.bjzdsw.com.cn/dweb/post/265.html"><span lang="EN-US" style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'"><span lang="EN-US"><font color="#000000" size="3">阿里输入框交互尝试、启发式评估及网站设计优化建?/font></span></span></a></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt; tab-stops: 39.4pt"><span lang="EN-US"><a href="http://www.tuking.com.cn/cweb/post/1208.html"><span lang="EN-US" style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'"><span lang="EN-US"><font color="#000000" size="3">交互网站设计有效性之操作入口明确</font></span></span></a></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt; tab-stops: 39.4pt"><span lang="EN-US"><a href="http://www.bjcfyd.com/admin/js/post/1411.html"><span lang="EN-US" style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'"><span lang="EN-US"><font color="#000000" size="3">白社会视觉网站设计诞生记</font></span></span></a></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt; tab-stops: 39.4pt"><span lang="EN-US"><a href="http://www.chinaztq.com/cweb/post/570.html"><span lang="EN-US" style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'"><span lang="EN-US"><font color="#000000" size="3">网站设计过程中的一些体会总结</font></span></span></a></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt; tab-stops: 39.4pt"><span lang="EN-US"><a href="http://www.hj-era.com/hweb/post/140.html"><span lang="EN-US" style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'"><span lang="EN-US"><font color="#000000" size="3">网站设计“后台体验”中若干原则的补充</font></span></span></a></span></p><p> </p></div> <h5 class="post-tags">Tags: </h5> <h6 class="post-footer"> 发布:dongyan | 分类:情感往?| 评论:0 | 引用:0 | 浏览:<span id="spn265"></span> <script language="JavaScript" type="text/javascript">strBatchCount+="spn265=265,"</script> </h6> </div> <ul class="msg trackback"> <li class="tbname"><a href="http://www.bjzdsw.com.cn/dweb/cmd.asp?act=gettburl&id=265" target="_blank">点击这里获取该日志的TrackBack引用地址</a></li> </ul> <ul class="msg mutuality"> <li class="tbname">相关文章:</li> <li class="msgarticle"></li> </ul> <div class="post" id="divCommentPost"> <p class="posttop"><a name="comment">发表评论:</a></p> <form id="frmSumbit" target="_self" method="post" action="http://www.bjzdsw.com.cn/dweb/cmd.asp?act=cmt&key=9d4f5775" > <input type="hidden" name="inpId" id="inpId" value="265" /> <input type="hidden" name="inpArticle" id="inpArticle" value="" /> <input type="hidden" name="inpLocation" id="inpLocation" value="" /> <p><input type="text" name="inpName" id="inpName" class="text" value="" size="28" tabindex="1" /> <label for="inpName">名称(*)</label></p> <p><input type="text" name="inpEmail" id="inpEmail" class="text" value="" size="28" tabindex="2" /> <label for="inpEmail">邮箱</label></p> <p><input type="text" name="inpHomePage" id="inpHomePage" class="text" value="" size="28" tabindex="3" /> <label for="inpHomePage"><acronym title="Please input your website url." lang="en">网站链接</acronym></label></p> <p><input type="text" name="inpVerify" id="inpVerify" class="text" value="" size="28" tabindex="4" /> <label for="inpVerify">验证(*)</label> <img style="border:1px solid black" src="http://www.bjzdsw.com.cn/dweb/function/c_validcode.asp?name=commentvalid" height="22" width="64" alt="" title=""/></p> <p><label for="txaArticle">正文(*)(留言最长字?1000)</label></p> <p><textarea name="txaArticle" id="txaArticle" onchange="GetActiveText(this.id);" onclick="GetActiveText(this.id);" onfocus="GetActiveText(this.id);" class="text" cols="50" rows="4" tabindex="5" ></textarea></p> <p><input name="btnSumbit" type="submit" tabindex="6" value="提交" onclick="JavaScript:return VerifyMessage()" class="button" /> <input type="checkbox" name="chkRemember" value="1" id="chkRemember" /> <label for="chkRemember">记住?下次回复时不用重新输入个人信?/label></p> <script language="JavaScript" type="text/javascript">objActive="txaArticle";ExportUbbFrame();</script> </form> <p class="postbottom">◎欢迎参与讨论，请在这里发表您的看法、交流您的观点?/p> <script language="JavaScript" type="text/javascript">LoadRememberInfo();</script> </div> </div> <div id="divSidebar"> <div class="function" id="divCalendar"> <h3>日历</h3> <script language="JavaScript" type="text/javascript">strBatchInculde+="divCalendar=calendar,"</script> </div> <div class="function" id="divComments"> <h3>最新留言</h3> <ul id="ulComments"> <script language="JavaScript" type="text/javascript">strBatchInculde+="ulComments=comments,"</script> </ul> </div> <div class="function" id="divPrevious"> <h3>最近发?/h3> <ul id="ulPrevious"> <script language="JavaScript" type="text/javascript">strBatchInculde+="ulPrevious=previous,"</script> </ul> </div> </div> <div id="divBottom"> <h3 id="BlogPowerBy"><script type="text/javascript"><!-- google_ad_client = "pub-9612872217385159"; /* 728x90, 创建?08-10-28 */ google_ad_slot = "9952632443"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></h3> <h2 id="BlogCopyRight"></h2> </div> </div> </div> </div> <script language="JavaScript"> var elScript = document.createElement("script"); elScript.setAttribute("language", "JavaScript"); elScript.setAttribute("src", "http://www.bjzdsw.com.cn/dweb/function/c_html_js.asp?act=batch"+"&view=" + escape(strBatchView)+"&inculde=" + escape(strBatchInculde)+"&count=" + escape(strBatchCount)); document.getElementsByTagName("body")[0].appendChild(elScript); </script> </body> </html> <!-- 2009-12-12 15:41:11 -->