关于搜索功能的交互设计小结(二)

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
这是一份关于搜索功能的交互设计小结,前面给大家简单总结了“输入入口”的相关内容,接下来就看看“关键词输入”和“搜索与取消”的内容。

关键词输入

①搜索框暗提示,告诉用户可以通过输入哪些内容来提高搜索准确率。

②载入搜索页自动获取输入焦点,并显示对应类型键盘是一种较好的交互方式。

③自动补齐:用户输入关键词后,会在下拉列表中显示候选词汇,方便用户输入。更进一步地,提供筛选条件,可以帮助用户更精确搜索。

④删除:提供快捷的一键删除输入内容的功能。

⑤搜索热词、运营活动:搜索框是一个大流量的入口,根据运营需求,显示推荐的搜索词,是一种很好的增长手段。今日头条的搜索框会轮播热点新闻事件或广告,让搜索框成为类似banner一样的广告位。

⑥语音输入:输入框增加语音输入按钮,通过语音转换文字代替手动输入。但语音输入的场景不多,甚至识别准确率不高带来的修改成本高于手动输入。

搜索与取消

上一步键入关键词后,执行搜索操作。

①搜索:有自动搜索、手动搜索两种。

自动搜索适用于结果简单的搜索,在键入关键词输入后即自动显示搜索结果,如通讯录中的搜索等,自动搜索对服务器要求较高。复杂的搜索场景中多用手动操作,辅以自动补齐来提高输入效率。

手动搜索的交互方式有多种交互方式,比如通过点击“搜索”按钮或软键盘的自定义 enter 键来执行。后者是 iOS 系统通用的交互方式,但 Android 某些系统版本原因,会提供键盘外的“搜索”按钮。

还有就是当提供输入时自动补齐功能时,通过点击建议候选词,然后对建议候选词进行搜索。

②取消:iOS 上通常点击搜索框帮的“取消”按钮,取消搜索并返回上一级页面。由于上述原因,Android 设计可能会采用“返回”按钮来执行取消和返回。

输入板块还剩最后一个内容:历史记录。这部分需要注意哪些事呢?我们应该怎么做呢?下篇文章继续介绍,感兴趣的话可以去看看。

以上就是“关于搜索功能的交互设计小结(二)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。

随意打赏

提交建议
微信扫一扫,分享给好友吧。