UI设计--搜索框

            通过多次的项目参与和最近参与案件追踪案件录入项目的验收,功能和后台代码基本上没有什么很大的问题,但是界面都是惨目忍睹的,给人看着就很别扭,不想继续使用.程序员基本上是和代码打交道,深深的感受着代码之美,就会部分性的忽略界面的设计.在公司职工有美工做界面,效果会相对好一些.客户只和界面打交道,界面的效果直接影响使用情况.针对如何设计界面,在网上找了一些,和大家分享一下:

1.百度/Google的搜索

图一:

图二:

图三:

            图三中可以看出百度和Google在北京市场所占的比例,图一和图二解释了为什么会出现这种情况.每次我们打开Google和百度的界面都可以看到界面很干净,除了一个输入框和几个按钮,百度和Google就很吝啬多放几个内容了,正式这个干净的界面,一旦进入界面焦距就会锁定在输入框中,输入完成后一回车就查找出自己所需要的内容.百度和Google的设计师就是把用户当成猪和傻子来看,才能把设计出如此完美的搜索框.

 

2.高级搜索

在一些知识性网站中,可能搜索一篇文章不太简单,就会设计一个高级搜索,我们来看看下图

图一:中国知网

 

图二.万方数据

            以上两组图是知识性网站的搜索框,进入首页的时候,第一时间就会把焦点方法上方,看到的是一个简单的搜索框,让人感觉很舒服,还想继续往下查找.如果想要进行更加详细的查询,就可以高级检索进行查找.如果一进入首页,你看到的是高级搜索的页面,你还会有兴趣就继续查找吗?

 

            不管是Google/百度搜索框还是中国知网/万方数据的检索,都很好的抓住了用户的心里,把用户当成一样不懂的傻子,进入页面的第一眼就知道怎么输入并检索自己需要的内容.这样的搜素功能不赚钱,那谁还能赚钱呢.

再看看我们自己的设计的搜索框,一个页面下拉框7,8个,还是必须填写,文本输入框4,5个,可以选择性填写,进入页面的时候,出来检索还有一张大大的表格,显示查询的结果,一个页面挤得不行不行的,都快赶上北京早上的地铁了,同时还期望着别人能够喜欢自己设计的软件.自己看着都恶心,更何况别人的.

 

            UI就是一款软件的外表 ,搜索框只是界面的一张脸,什么时候让客户一看到界面就能够关注你的搜索框,你成功了.UI设计有很多成功的例子,我们要做的就是站着巨人的肩膀上学习.