加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

设计总结:实例解读搜索功能设计

发布时间:2017-10-05 05:28:12 所属栏目:建站 来源:人人都是产品经理
导读:副标题#e# 在之前的好几篇的文章中,我都提到了设计师如果想完成自我提升,就应该懂产品。但是设计师如何去跨越那条“鸿沟”,学习站在产品的角度去构思设计,我却很少提及。不是我高冷,故意卖关子,因为我也不是很懂,所以也不敢乱说。 最近我接到一个需

搜索框

搜索框的设计我觉得有三点需要我们注意。

第一,不同的产品对于搜索框的展示方式存在差异。有的产品搜索框直接就放在界面上方,用户可以直接进入信息录入阶段。

设计总结:实例解读搜索功能设计

但是有的产品的搜索框需要你点击放大镜按钮弹出。

设计总结:实例解读搜索功能设计

前者的好处就是用户随时看到搜索框,使用起来也方便。而后者的优势在于占据更少的空间,适合实现产品迭代期的搜索功能需求。

例如,在工作中我们会经常遇到突发奇想的领导,他们哪天一开心拍板说,不如我们在这个界面里加一个搜索功能吧。而这个界面可能已经放不下一个搜索框了,所以只能放一个搜索框的入口——放大镜图标。

第二,用户需要查找的内容可能属于不同的类别。以UI中国为例,用户可能需要查找的是一位设计师,一篇文章或者一个插画作品。在这种情况下,我们需要在搜索框的左边给用户提供了一个下拉列表给他们去选择查找期望的内容类别。

设计总结:实例解读搜索功能设计

当然并不一定非要放在搜索框左边,微信这种分类样式也很出彩。

设计总结:实例解读搜索功能设计

最后一个需要我们注意的是搜索框的设计风格应该和产品里其他的输入框保持一致,不能你这里的输入框带有圆角,而那里的是直角。这种比较低级的错误我们不要犯。

信息录入

信息录入目前来说最常见的就是文字录入,不过现在我们也开始看到新兴的录入方式:语音录入和图片录入。

设计总结:实例解读搜索功能设计

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读