淘宝、京东都有搜索发现，并且也允许用户进...
采集 75评论
查看来源 uisdc.com
Huaiiixue
通过花瓣采集插件采集于2021-08-11 21:43:53
淘宝、京东都有搜索发现，并且也允许用户进行关闭/显示的操作。
搜索发现是系统基于用户的搜索记录，依据算法向用户展示的搜索关键词推荐，但并不是必需模块，可以基于产品定位进行考量。由于搜索发现也涉及用户隐私，但应用一般不会让用户直接删除，所以应当允许用户对搜索发现进行隐藏，不然极其容易引起用户的反感。
搜索栏
Huaiiixue
同类信息展示比较常见，适用于产品结果类型单一的情况，一般会采用同一样式，信息位置固定，用户可以沿着的同一浏览动线搜寻目标内容。
用户输入文本后，在结果页以正常的文本形式展示，这种形式最为常见。同样如果基于体验，在搜索栏右侧应当放置关闭按钮。
用户输入文本后，在结果页以正常的文本形式展示，这种形式最为常见。同样如果基于体验，在搜索栏右侧应当放置关闭按钮。
考虑到输入/清除的便捷性，应用也应当提供一键清除按钮，点击一键清除搜索的文本，减少用户的操作成本。
为了便于用户找到精准高效的信息或者进行便捷操作，在搜索联想页状态时，当用户输入的信息足够清晰可预测，可以将关键信息凸显呈现，以引起用户的注意力，在进入搜索结果页之前就可以提升转化的可能性。此外，这种关键信息凸显的形式，在搜索的商业转化方面也有明显的作用。
当应用内存在多种搜索类型的情况下，单纯地展示匹配输入的关键词并不足以满足用户快速查找信息的需求，考虑到清晰展示和快速查找，应用会将搜索的内容分类展示。常见的有竖排（分类标题）、横排（横滑 tab）。
当匹配到信息与输入的文本一致时，一般需要将一致部分的文本进行差异化显示，大部分处理形式表现为高亮，目的是帮助用户从大量关联信息中快速识别相关的信息，同时体现搜索的精准度。
对于搜索类型多样或者信息量庞大的产品，搜索推荐页会展示应用的内容类型，用户选择类型即可在该类型范围内搜索，以便用户在搜索时快速聚焦目标内容所在的类型，同时也便于系统筛选内容。
相关推荐是内容推荐的总称呼，可以演变成多种推荐形式，比如“热搜推荐”、“推荐活动”等，而且也可以存在多个推荐类型。相关推荐是应用商业化的重要手段，许多应用都有这种模块，并且内容形式多样。 知乎的热搜就是结合热搜、时事热点等进行推荐。淘宝则是以卡片形式进行大量商品推荐。
淘宝、京东都有搜索发现，并且也允许用户进行关闭/显示的操作。 搜索发现是系统基于用户的搜索记录，依据算法向用户展示的搜索关键词推荐，但并不是必需模块，可以基于产品定位进行考量。由于搜索发现也涉及用户隐私，但应用一般不会让用户直接删除，所以应当允许用户对搜索发现进行隐藏，不然极其容易引起用户的反感。
搜索记录会涉及对用户行为的记录，关系到用户的搜索隐私，所以应当允许用户手动删除。基于产品特点，可以选择在删除时是否做二次确认。
由于是点击搜索触发，所以展开这个页面时，光标的焦点需要默认在搜索栏，并且键盘需要自动弹起。原因是用户触发这个操作时，行为操作已经很明显，就是使用搜索功能，所以不该让用户点击后，再进行二次触发。 此时应用可以向用户进行搜索推荐，一般会结合用户搜索历史、近期热门搜索等维度进行展示。
当然，也会有比较特殊的搜索入口，将搜索功能当成主 Tab 设计，这种设计强化了搜索的行为引导，而且主 Tab 的形式可以让整个页面都展示搜索相关的信息，有利于搜索推荐的曝光。
大部分产品中，搜索栏都是置于导航栏的位置，用户也早已形成了位置习惯，常见的搜索入口结构有：通栏结构、非通栏结构、按钮状态，对于搜索功能的优先层级依次递减。
搜索类型前置在搜索框中的场景较为少见，这么做需要用户在搜索之前先关注搜索的类型，适用于对于搜索类型要求较高的场景，比如网易有道词典，在搜索框左侧可以选择转换的语言。
搜索指引按钮用于强化搜索行为，但同时也容易产生干扰。只有搜索功能很重要的产品才会放置搜索指引按钮，一般放置在搜索框右侧。
淘宝将扫一扫放置于左侧，而图片搜索在右侧，或许出于区分二者功能属性的目的。
搜索方式一般会以图标形式展示，常见的搜索方式有扫一扫、语音搜索等。在设计时，需要注意搜索方式的主次关系，一般而言，主要搜索方式都是文字搜索，所以如果没有特殊必要，优先把文字搜索放在左侧。
推荐型暗文一般会自动切换，所以需要注意暗文的轮播时间间隔、轮播速率、轮播方向等影响因素。 轮播时间：比如两个暗文的轮播时间间隔过短，就不利于用户从发现——点击的反应流程、假如时间间隔过长，就不利于推荐转化（相同时间内推荐的数量更少了）。 轮播速率：轮播速率的快慢会影响用户的感知，整体而言，也需要保持在一个合适的速率之内，减少动画效果的突兀感。 轮播方式：一般是从上往下、从下往上、直接切换，尽管一般用户不会注意轮播方式，但是对于设计师来讲，细微的体验仍然需要注意思考到位。
推荐型暗文： 即处于时刻变化中的提示暗文，十分常见，具备搜索商业化引导的高价值。可用于用户个性化搜索引导、广告位售卖等，暗文内容常常由推荐算法、运营配置的方式决定，推荐算法的准确性也能影响搜索的转化率。
同采自
uisdc.com
该采集也在以下画板
加载更多
推荐给你的采集
采集
dribbble.com
TannerWe采集到App

1211

76

TannerWe 采集到
App
采集
不文不问-wen采集到ui

818多嘴节 八一八那些美食的八卦

59

不文不问-wen 采集到
ui
采集
淑怡部屋采集到APP

天气界面

113

淑怡部屋 采集到
APP
采集
长刺的年糕采集到引导页

明日之子 《大首发日》活动

102

长刺的年糕 采集到
引导页
该采集待公开
采集
uocook.com
木鱼泡泡采集到Icon - APP大图标

写实UI图标

14

木鱼泡泡 采集到
Icon - APP大图标
采集
weibo.com
今天的春雪采集到ui

#dribbble每日精选# Ivan Bobrov的多彩小动物LOGO 兔子

24

今天的春雪 采集到
ui
采集
夜色如水采集到活动专题

双十二

54

夜色如水 采集到
活动专题
采集
image.flaticon.com
Dearcolour采集到扁平/插画

1343009.png (512×512)

20

Dearcolour 采集到
扁平/插画
采集
Y、Lisa酱采集到App.闪屏设计

1021

Y、Lisa酱 采集到
App.闪屏设计
采集
乔莉拿起笔采集到运营-banner

五重礼banner @这样重这样轻 作品

72

乔莉拿起笔 采集到
运营-banner
采集
dribbble.com
暴走布布采集到UI-web

演示

2411

暴走布布 采集到
UI-web
采集
zcool.com.cn
让我飞升采集到UI-特效

二次元界面UI风格|UI|游戏UI|波波大 - 原创作品 - ()

1

让我飞升 采集到
UI-特效
采集
16sucai.com
bird-yan采集到icon区

简约线性图标设计矢量素材 - 素材中国16素材网

186

bird-yan 采集到
icon区
采集
iguoguo.net
爱果果采集到酷站欣赏

It Will Glow - 爱果果

64

爱果果 采集到
酷站欣赏
采集
img.hb.aicdn.com
Χ_i__a采集到✿_WEB

dd48e1594d4931599495c493c6a2c65163ca1f227ba98...

44

Χ_i__a 采集到
✿_WEB
采集
龙小夜采集到【插图】APP加载页/启动页/引导页

#插画##闪屏##原创##节气##立夏##夏天# 大海 蓝天 闪屏 专题 http://w...

1051

龙小夜 采集到
【插图】APP加载页/启动页/引导页
采集
25xt.com
莫楠德采集到ui app icon

抖音直播礼物UI设计欣赏

91

莫楠德 采集到
ui app icon
采集
小牧童采集到banner设计

banner 金融

53

小牧童 采集到
banner设计
采集
zcool.com.cn
Penry_Chen采集到灵感 - 表情/插画

郑州地铁票卡设计

1232

Penry_Chen 采集到
灵感 - 表情/插画