搜索框-如图 这种应该如何设计

问题描述

如图 这种应该如何设计

请大家指点

解决方案

android 弹出菜单

解决方案二:
小伙伴们,主要是这个折叠的搜索框

解决方案三:
html5的新特性datalist 就有这个效果。参考一下2.6 http://blog.csdn.net/yhawaii/article/details/7246106

解决方案四:
用AutoCompleteTextView 根据输入关键字自动变化建议列表。
http://www.cnblogs.com/tinyphp/p/3969984.html

解决方案五:
http://blog.csdn.net/iamkila/article/details/7230160

解决方案六:
用Activity实现,自己绘制弹出框!

时间: 2024-12-24 10:38:31

搜索框-如图 这种应该如何设计的相关文章

网页交互设计:网站的搜索框设计

在内容为主的网站中,搜索框往往是最常用的设计元素之一.从可用性的角度来看,搜索功能是用户有了明确的内容想看的时候最后使用的功能.如果一个网站没有足够合理的信息架构体系,那么搜索引擎不仅仅是有帮助性的,甚至是至关重要的设计功能.有可能比网站的导航更对用户有帮助.事实上,搜索是用户了解在一些综合性网站内容最直接有效的方式.最好的设计就是给用户提供一个简简单单的搜索框在页面显眼固定的位置上,但却有强力搜索的能力和范围宽广的功能. 在现实中,网站往往会随着时间的推移,新的内容不断的增递,而且这些新内容会

用户体验设计实例:阿里搜索框优化建议

·设计目的: 1) 在不影响现有用户使用习惯的前提下,提升搜索输入流程的便利性: 2) 在有限的空间内,增强首页搜索操作的历史回溯能力,减少老用户的搜索操作成本,提高他们的搜索效率: 3) 对新用户的搜索引导更丰富,增加搜索的趣味性: ·设计方案草稿: ·主要流程 1) 进入页面,光标默认放置在输入框内,支持用户直接输入操作.同时,光标后跟随当前搜索维度下的输入提示信息:(如图1.1) 图1.1 2) 在图1.1页面状态下,当用户输入任意关键词后,在输入框内部,清空系统默认的输入提示信息,显示当

网页设计心得:网页搜索框更像搜索框

1.搜索框的意义       用户总是和你想的不一样,用户很多时候是不会按照你设定的导航走的,他们更多的时候是上来就直接输入关键字进行搜索.对于购物者而言,如果清楚的知道想要什么,他们会很明确的使用搜索框,这种情况下购物者显示出了明确的购物意图,因此搜索框能够把该意图转变为真实的购买行为.来自Fast Search的数据显示,30%的购物者进入电子商务网站后会立刻使用搜索框,超过30%的人通过导航没有找到需要的物品后转而使用搜索框.       如果一个网站没有足够合理的信息架构体系,那么搜索引

网站设计用户体验:网站搜索框的设计

1.搜索框的意义       用户总是和你想的不一样,用户很多时候是不会按照你设定的导航走的,他们更多的时候是上来就直接输入关键字进行搜索.对于购物者而言,如果清楚的知道想要什么,他们会很明确的使用搜索框,这种情况下购物者显示出了明确的购物意图,因此搜索框能够把该意图转变为真实的购买行为.来自Fast Search的数据显示,30%的购物者进入电子商务网站后会立刻使用搜索框,超过30%的人通过导航没有找到需要的物品后转而使用搜索框.       如果一个网站没有足够合理的信息架构体系,那么搜索引

网站搜索框的设计理论

1.搜索框的意义 用户总是和你想的不一样,用户很多时候是不会按照你设定的导航走的,他们更多的时候是上来就直接输入关键字进行搜索.对于购物者而言,如果清楚的知道想要什么,他们会很明确的使用搜索框,这种情况下购物者显示出了明确的购物意图,因此搜索框能够把该意图转变为真实的购买行为.来自Fast Search的数据显示,30%的购物者进入电子商务网站后会立刻使用搜索框,超过30%的人通过导航没有找到需要的物品后转而使用搜索框. 如果一个网站没有足够合理的信息架构体系,那么搜索引擎不仅仅是有帮助性的,甚

电商网站的搜索框是怎样设计的?

  这篇文章针对搜索框的用户体验进行详细讲解,如果感兴趣,随时关注之后的文章. 搜索框的位置 图片示例:亚马逊 现状:进入亚马逊的网站页面,搜索框放在一个很明显的位置. 设计的理由:当用户进入电商网站,大部分人都是很精准地根据需要才进行网上购物,进行搜索就需要寻找搜索框,搜索框就必然置于显要的位置 默认商品提示 图片示例:淘宝 现状:淘宝页面的输入框内有默认的一句话:裙装节新品大赏! 设计的理由: 当网站想推荐某一个品类的商品时,搜索是用户使用高频次的功能,那么在搜索框中进行推荐,那么这个品类的

搜索框设计技巧分享 帮助优化网站性能

在浏览整个网站中,搜索框通常是通向用户使用的最后一道关卡.如果你的网站内容很多,包含了详尽的特色,功能,设计元素,产品和服务等等,那么搜索框就成为了网站不可或缺的一部分.网站的成长往往需要时间.当然,从整个网站设计和开发过程来看,设计肯定要简洁,有文章和评论,以及非正式的网站通知,特色内容和服务等等.不过,随着网站层次不断提升和更新,与网站相关的内容的只是起到了装饰作用.因此,搜索框对网站的性能优化起到了至关重要的作用.   优质的职能和运作对网站开发确实很重要,但与此同时,我们也不可忽视网站的

搜索框在网站设计中的重要性

摘要: 在整个网站设计中,搜索框的外观要显眼,方便用户快速找到.网站建设公司普遍认为搜索框只是一个输入和提交内容的按钮而已,因此他们根本不需要花时间网站设计. 但是由于错误 在整个网站设计中,搜索框的外观要显眼,方便用户快速找到.网站建设公司普遍认为搜索框只是一个输入和提交内容的按钮而已,因此他们根本不需要花时间网站设计. 但是由于错误观念泛滥,站长们也错失了一些潜在的机会.由于网站设计上的缺失以及亮点不突出,用户通常会被搜索框的位置弄得焦头烂额,他们通常会点击"返回"按钮(离开网页)

IOS改变UISearchBar中搜索框的高度_IOS

一.系统的searchBar 1.UISearchBar的中子控件及其布局 UIView(直接子控件) frame 等于 searchBar的bounds,view的子控件及其布局 UISearchBarBackground(间接子控件) frame 等于searchBar的bounds UISearchBarTextField(间接子控件) frame.origin等于(8.0, 6.0),即不等于searchBar的bounds 2.改变searchBar的frame只会影响其中搜索框的宽度