全国热线

400-080-3312

全国监督投诉热线:9:00-23:00

网页搜索框设计需要注意的几点

今天南京学码思UI培训机构老师就来一一说明网页搜索框设计需要注意的几点,给大家一些参考性的建议,一起来了解一下吧。

在一个网页中,搜索框也是比较重要的一部分,有不少网站在搜索框显示上会犯一些错误,影响用户观感。其实这些都是常见错误,想要避免这些问题,就需要通过搜索框优化网站性能。今天南京学码思UI培训机构老师就来一一说明网页搜索框设计需要注意的几点,给大家一些参考性的建议,一起来了解一下吧。

ui10.jpg

1.隐藏搜索框

我们反复强调搜索框的明确显示的必要性。不要把搜索框放在网站底部,放在网站的右上角效果会更好,如果网站设计得很混乱,用户在没有浏览到接近网站的底部时就已经离开网页了。


2.切忌输入区域过短

为用户提供所需范围准确的输入查询。搜索框输入区域太短只会让用户对搜索框感到失望,因为,他们不会在整个区域输入想查询的内容。再者,这也非常不方便用户阅读和回应。


3.切忌提交按钮过短

受网站设计限制,提交按钮不应过长,但是太短又会让用户感到失望,因为他们在鼠标点击的准确性上又会有偏差,从而浪费搜索时间,还会被转入到到一些不同页面上。


4.切勿将搜索框与其它菜单混排在一起

如果把搜索框和与新闻和导航条混排在一起,这是相当让人不爽的事。这样用户很难在邮件订阅或文章搜索栏中区分出搜索框。因此,搜索框应与其它菜单分开排列。


5.过度设计搜索框

不要因为搜索框要显眼,在设计时就受到影响。虽然搜索框要清晰地展现出来,但也不要设计过度,以免影响到它的直观性。


6.没必要提供高级搜索工具

高级搜索当然会有它的用处,但这会使本来简单的搜索变得更加复杂。因此,没必要提供高级搜索工具,除非你是为了迎合懂技术的用户。如果你只是搞定一般用户,尽量保持搜索选项简单。


7.一个搜索框有多个提交按钮

这条建议非常有意思,我们很少看到有网站设置了多个搜索提交按钮,比如同时有“go”和“find”。很明显,这会扰乱按钮的选择。


以上这几点其实很好理解,网页搜索框设计一定要注意避免这几个问题。如果你对于UI设计感兴趣,可以直接与学码思南京UI培训机构的老师在线联系,除了能获得丰富的UI设计教程,还有更多技能干货分享,有机会参加学码思免费UI设计训练营,亲身感受这里的学习氛围。


上一篇:新手UI设计师常犯的10个错误,看看你踩雷了吗
下一篇:UI界面弹窗设计,小问题会带来大影响

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00