底部（舵式）拓展栏导航是突出中间功能模块...
采集 评论
查看来源 uisdc.com
AlqWabDA从壹段_Curiosity
转采于2022-02-09 09:14:19
底部（舵式）拓展栏导航是突出中间功能模块设计来强化关注度，除了静态的表达以外，结合微动效更能起到强化突出的作用。转转结合吉祥物和微动效运用在舵式导航的设计中，不仅提高用户的关注度，情感化的设计还能增强产品的亲和力。
功能属性描述
AlqWabDA
点击搜索入口后，没有明显的页面切换断层，而是采用自然衔接的过渡方式，现阶段许多产品都已经开始注意这些细节体验了， 整体搜索流程很顺畅。
搜索除了与设计本身交互行为密切相关外，还与搜索结果的内容本身的体验相关，当用户搜索一个关键词时，获取的内容如果无法帮助用户更好地筛选、查询，那么设计体验本身再好，也挽救不了内容本身的体验缺失。 淘宝在搜索内容上的体验比较值得参考：用户在搜索时，有时候并不知道具体的内容需求，于是会搜索比较宽泛的词汇，比如搜索“电脑”，电脑是一个很泛的词语，里面包含笔记本、台式机、一体机等等，普通用户本身可能没有很强的电脑类型的概念，而淘宝的搜索结果页，会根据一些关键词，展示辅助用户做筛选决策的分类。
同类信息展示比较常见，适用于产品结果类型单一的情况，一般会采用同一样式，信息位置固定，用户可以沿着的同一浏览动线搜寻目标内容。
淘宝、京东都有搜索发现，并且也允许用户进行关闭/显示的操作。 搜索发现是系统基于用户的搜索记录，依据算法向用户展示的搜索关键词推荐，但并不是必需模块，可以基于产品定位进行考量。由于搜索发现也涉及用户隐私，但应用一般不会让用户直接删除，所以应当允许用户对搜索发现进行隐藏，不然极其容易引起用户的反感。
搜索记录会涉及对用户行为的记录，关系到用户的搜索隐私，所以应当允许用户手动删除。基于产品特点，可以选择在删除时是否做二次确认。
语音搜索，现阶段的语音搜索可以拆解为语音识别+搜索引擎。系统识别用户录入的语音，将其转化为文字，然后根据转化的文字搜索信息。语音搜索相对于文字搜索而言更加便捷，可以帮用户省去打字的流程，但是语音识别现阶段还不够准确，易出错，不过随着语音技术发展，这些问题都将得到改善。 拍照搜索，基于图片识别技术，系统通过识别用户通过拍照或上传手机里的图片，帮助用户搜索，与扫一扫类似，也是常用于很难用文字描述的场景。比如用户看到一件商品，看到某种植物，无法叫出名字，也很难形容其特征，此时图片搜索就能派上用场了。
推荐型暗文： 即处于时刻变化中的提示暗文，十分常见，具备搜索商业化引导的高价值。可用于用户个性化搜索引导、广告位售卖等，暗文内容常常由推荐算法、运营配置的方式决定，推荐算法的准确性也能影响搜索的转化率。
搜索结果页——返回搜索推荐页——返回搜索入口 符合移动端的原路返回逻辑（哪里来回哪里去） 符合商业化规则，返回至搜索推荐页，多一层页面的曝光机会 便于用户触发再次搜索的行为
大部分产品中，搜索栏都是置于导航栏的位置，用户也早已形成了位置习惯，常见的搜索入口结构有：通栏结构、非通栏结构、按钮状态，对于搜索功能的优先层级依次递减。
推荐型暗文一般会自动切换，所以需要注意暗文的轮播时间间隔、轮播速率、轮播方向等影响因素。 轮播时间：比如两个暗文的轮播时间间隔过短，就不利于用户从发现——点击的反应流程、假如时间间隔过长，就不利于推荐转化（相同时间内推荐的数量更少了）。 轮播速率：轮播速率的快慢会影响用户的感知，整体而言，也需要保持在一个合适的速率之内，减少动画效果的突兀感。 轮播方式：一般是从上往下、从下往上、直接切换，尽管一般用户不会注意轮播方式，但是对于设计师来讲，细微的体验仍然需要注意思考到位。
当应用内存在多种搜索类型的情况下，单纯地展示匹配输入的关键词并不足以满足用户快速查找信息的需求，考虑到清晰展示和快速查找，应用会将搜索的内容分类展示。常见的有竖排（分类标题）、横排（横滑 tab）。
相关推荐是内容推荐的总称呼，可以演变成多种推荐形式，比如“热搜推荐”、“推荐活动”等，而且也可以存在多个推荐类型。相关推荐是应用商业化的重要手段，许多应用都有这种模块，并且内容形式多样。 知乎的热搜就是结合热搜、时事热点等进行推荐。淘宝则是以卡片形式进行大量商品推荐。
搜索框形态的组成相对而言比较复杂，里面的信息也有比较多的考究，常见组成是：搜索图标、搜索暗文、搜索方式、搜索按钮、搜索类型方式。 一般用于示意这是一个搜索功能，久而久之，也常常变成了搜索框里的装饰操作，但并非所有搜索框都需要有图标示意。
搜索类型前置在搜索框中的场景较为少见，这么做需要用户在搜索之前先关注搜索的类型，适用于对于搜索类型要求较高的场景，比如网易有道词典，在搜索框左侧可以选择转换的语言。
使得界面内容呈现的呼吸感更强，也增加了界面结构的空间感。
带给用户趣味性和强化品牌记忆 过渡更加自然流畅，也能更加醒目的提示用户。
底部（舵式）拓展栏导航是突出中间功能模块设计来强化关注度，除了静态的表达以外，结合微动效更能起到强化突出的作用。转转结合吉祥物和微动效运用在舵式导航的设计中，不仅提高用户的关注度，情感化的设计还能增强产品的亲和力。
特异设计引导功能模块关注度
图标设计年轻化
底部标签栏导航在模块的选择上面通常是3-5个，比较常见的是5个，设计表现形式上有：icon + 文字、纯 icon、纯文字形式，比较主流的还是 icon + 文字的形式，可以降低用户的理解成本和记忆负担，提高用户的操作体验。
同采自
uisdc.com
该采集也在以下画板
加载更多
推荐给你的采集
采集
mp.weixin.qq.com
菓仔fish采集到练习

【绘画参考】Hong SoonSang 的角色设定图（人物设计必学）

389

菓仔fish 采集到
练习
采集
l0XI4gBo晓风残月采集到皇室

7

l0XI4gBo晓风残月 采集到
皇室
该采集待公开
采集
meigongyun.com
伊岚分享采集到png素材

冬日冷色调圣诞手绘花卉系列元素 Scandi Fest collection

335

伊岚分享 采集到
png素材
采集
weibo.com
Lily名字十七画采集到场景素材

极简主义摄影。

362

Lily名字十七画 采集到
场景素材
采集
峰言风语采集到醉美身材

95

峰言风语 采集到
醉美身材
采集
pinterest.com
罗菩堤rowe采集到【色谱】装修配色

#Coastal #Colors Fashionable Coastal Living R...

27

罗菩堤rowe 采集到
【色谱】装修配色
采集
behance.net
顺物荣枯采集到主题活动

夏日逃离/SUMMER MUSIC FESTIVAL : 夏日逃离音乐会 | Summer...

69

顺物荣枯 采集到
主题活动
采集
雨ˋ滴滴答答采集到二次元

421

雨ˋ滴滴答答 采集到
二次元
采集
pixiv.net
〃梦落雨`笑╰︶采集到二次元美图

しぶりん

215

〃梦落雨`笑╰︶ 采集到
二次元美图
采集
海盐荔枝的夏日采集到动漫

动漫

62

海盐荔枝的夏日 采集到
动漫
采集
alpha.wallhaven.cc
菇凉&采集到地产配图

General 1920x1080 Greece hotels mountain swim...

90

菇凉& 采集到
地产配图
该采集待公开
采集
melodySixi采集到祛湿

湿气-微营销海报

22

melodySixi 采集到
祛湿
采集
惜朝采集到绘画

206

惜朝 采集到
绘画
采集
xiachufang.com
Dora爱幻想采集到面包片

如何做超厚的沼三明治~详细tip！牛油果鸡蛋午餐肉三明治~

1151

Dora爱幻想 采集到
面包片
采集
weibo.com
Lily名字十七画采集到场景素材

摄影 · 极简主义

446

Lily名字十七画 采集到
场景素材
采集
静候好戏采集到人像

泽捻知

612

静候好戏 采集到
人像
采集
hidepink采集到素材–街景小场景

33

hidepink 采集到
素材–街景小场景