搜索框太难设计了

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名
943 0 17 2021-09-02

真实案例,关于面试中设计师如何去做并通过面试题


这是我们群里一个小伙伴面试的测试题,项目是建立一个论文检索网站,把近 10 年的论文筛查出来,并分享。

拿到题目群里炸开了,有人说这个简单直接做,有人说直接参考竞品……

首先我看到题目,第一反应是罗列关键词,这里的关键词是

“智能汽车课题” “近 10 年”  “中国和美国”“智能汽车全部论文” “分享”。

分析过后其实就是要求我们去做一个搜索网站页面里一个交互过程。思考到这里,其实是一个交互设计师的一个常规思路。而这个时候我们要更多考虑到的是 UX 体验方面


1.如何让用户更方便的去搜索

2.搜索出自己想要的结果,也就是精准搜索

3.具有和别的企业业务上面体现差异化


有人可能说差异化需要排在前面,其实在我学习了这么多年设计中,品牌差异化是一种长期业务目标。不是说不重要,而目前设计出来是如何让这个页面好用易用才是重中之重,从 0 到 1 的逻辑来看是这么个道理。


1.如何让用户更方便的去搜索


根据题目,首先我想到的是先易后难的原则,很简单的一个道理,用户如果看到一个简单的页面和一个复杂的页面,他更喜欢用哪一个,而且简单的页面聚焦在搜索中心。

所有网页里,搜索框的既要统一风格,又要做到突出。简单的一个搜索框加入,加入上文的检索类别。默认为全局搜索,同时加入热门搜索关键词,

简单搜索———键入文本———搜索结果页面


搜索框风格和内容的对比

在理想状态下,最好是适合网站本身的设计风格去定制搜索框形式

但是在网站内容很多情况下,搜索框应该是更明显,视觉权重更高




2.搜索出自己想要的结果,也就是精确搜索


键入文本

1.搜索框大小

在这个问题上,首先是考虑到搜索框大小,一般用户在键入搜索词时,更倾向于使用短词查询,因为较长的查询不方便阅读

当用户键入长文本的查询,用户只能看到一部分文本内容,这意味着可用性不佳。

所以一般长度在 27 个字符文本长度,将会容纳 90%搜索内容


2.模糊搜素

在大范围搜索时,更倾向于模糊搜索,更有助于帮助用户表达搜索词语和快速搜索

确保模糊搜索下拉框内容有用,设计不当的下拉内容词条会影响和混淆分散用户注意力,拼写自动更正,词条识别,预测文本来改进工具

更快速的词条反应,这样可以提高搜索者的搜索效率。

下拉搜索框不应该出现大量选择词条,这样搜索者会面临大量选择时间,降低搜索效率,在列表显示<10 条。百度搜索下拉框是 7 条,谷歌下拉框是8条。

突出键入信息和推荐信息的差异,一般会加重推荐词条。




上述都是在搜索中的要思考和表现出来的东西。还有一个要特别重要的,就是如何保证搜索种类的穷举


搜索结果页面

在搜索结果页面里种类筛选是需要我们去考虑全面,题目里“近 10 年”  “中国和美国” 都是种类的特定词汇。

在这里我们采取的方式是找竞品,如果是自己穷举,难以全部罗列出来,穷举法只适用于解决对完整性要求很高的问题。

把竞品相关的所有一级类目和二级类目分别列出,其实在真的项目里确实都需要完善都要做上去,但在做我们这样测试题和 MVP 产品时候,需要考虑的是快速实现,把用户或者面试题上最主要的大类做好即可。(具体项目具体分析)

题目里 年份 国家都是大类,还有论文的格式种类是报纸还是期刊等等,这里我就不多赘述




3.具有和别的企业业务上面体现差异化

到这里我们会发现你做的可能和别人做的大致一样,这里就需要差异化去体现了。面试时候需要一眼亮。所以我们采用题目里的关键词“智能汽车课题” ,这里我们采用智能汽车作为酷炫的主题样式,即用到了和题目相关性,还突出了差异化。和别的面试者拉开差距,又突出品牌调性。

Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票