前言
互联网瞬息万变，在产品不断更迭的过程中，我们经常说要保证产品设计的一致性和质量，提升产研链路的效率。但现实情况是：产研团队长期面对的是产品越来越复杂，体量越来越大，一个个复杂的产品下包含N个业务线，N个业务团队，甚至还有外部合作的业务，每个迭代都要面对数以百计的功能上线，经常容易出现各种相同但不一致的功能，上线质量参差不齐，执行者也容易陷入日复一日的需求海洋而没有更多精力去挖掘更有价值的事情。
所以如何解决团队效率和产品质量问题？我们的解法是抽象体系化的解决方案：设计模式化和代码化，设计从原子到全局进行统一和优化，并形成系统化的设计指导，由开发进行模式代码化，提供灵活可配置的规则。以此，设计有更系统化的设计原则，整体的统一性和体验有保障，设计和开发周期也可以缩减，甚至大部分日常需求可直接由产品对接开发直接上线。
你一定也发现了，在这个时代下只要处在同一赛道的产品，大多数免不了日趋同质化，不论是功能还是形式、内容还是算法。就拿内容型产品来举例：去掉颜色，以下四个产品的首页，你能分得清谁是谁吗？
虽然可以做品牌差异化，但很多产品在招牌打响前，也会经历相当漫长的一段成长期。而在大家都卷的分不清谁是谁的时候，通过趣味性来建立情感链接倒是一个独辟蹊径的狠招。
之前在团队有幸负责过一次产品趣味性的探索，虽未全部落地，但沉淀了不少经验。今天，我将这些经验以文章的方式分享给你，希望对你有所启发。
为什么产品需要趣味性
1.符合本能需求
马斯洛的“需求层次理论”（Hierarchy of Needs）你一定听过。这个理论提出人类的需求状态是持续不断的，一段时间内，个人的动机或许可以获得暂时性的满足。但从人的成长角度来看，人类的需求永远不会止步于一个阶段。类似的还有亚伦·瓦尔特基于此提出的需求层次理论——有用的、可靠的、可用的、愉悦的。在满足了温饱阶段后，自然会需要情感的满足。
尤其现在这个相对严峻、内卷成风的时代下，大家都渴望在上了一天班之后，自己用的产品可以给自己解压，而不只是个单纯的冷血工具。
2.影响用户行为
产品传达趣味性的信息，那么这些信息便更容易被用户接受、甚至激发兴趣。正如用户关系和精准化运营的先驱——史蒂文·贝莱格姆的那句话：“趣味是设计产品中最人类化,最直接,最能引起人们兴趣的因素。”
根据艾达模型这个经典理论，一旦用户对某件事产生兴趣后，则更容易促成他的决策、乃至最后行为的发生。毕竟我们绝大多数的决策并非源自理性。
另外，《疯传》这本书提及过一个重要的概念：情绪唤醒。当情绪唤醒度较高时，往往会更容易激发用户的分享行为（比如愉悦、惊喜这样的正面情绪，当然也会包括愤怒、恐惧这样的负面情绪）。而产品所呈现的趣味性，很大程度上更容易引发用户的高唤醒情绪，从而主动采取一些产品希望他实施的行为。
3.缓解负面情绪
使用一款产品的过程中，必然会出现不够正向的反馈，比如404、断网、填写格式错误、输入隐私信息等等。一旦超出了用户的容忍能力，很容易造成行为中断甚至流失。
但此时如果通过一种趣味性的方式呈现，很大程度上可以缓解用户的负面情绪。
比如readme的登录页面，当你输入密码时，猫头鹰捂住双眼，很好得缓解了用户的不安全感。再比如饿了么，恶劣天气下会实时记录当前的天气状态，通过同理心的触发也可以缓解用户等待时产生的焦虑。
4.实现情感链接
对应诺曼在《情感化设计》中的「反思层」，通过品牌差异、独有内涵等方式来唤起用户深层的记忆和情感，产生情感共鸣，从而形成认知，建立起深厚的情感链接，以让用户越来越忠实于产品。此时产品作用更多的是作为一个承担情感的载体。
我们旅游时经常会购买一些貌似没什么实用性的纪念品，明信片、木雕、徽章等等，可能最多只能放在房间当装饰。但是纪念品的关键意义，在于承载着旅游时的记忆。类似的还有单机游戏发售时，除了标准版外，往往会同步发售包含手办、美术设定集等物品的豪华版，同样用来承载玩家的情怀。
最典型的例子，就是Google的Doodle设计，在不同的节日、纪念日、或者缅怀一些先驱、艺术家时，会投入很高的成本起设计各种趣味性的插画logo，丰富有趣，而且很多时候可以支持互动游戏。比如18年的万圣节，就做了一个有趣的多人对战的小游戏。
Doodle不仅是Google文化、价值观的象征，也通过这种趣味性的创意让用户实现更深层次的情感交流，建立情感纽带并增加粘性，不会轻易得流失到其他替代品中。
趣味性是什么
关于这个概念，有三条相对客观专业的说法。
德国古典哲学创始人康德《实用人类学》中，指出趣味性是人类由于受到外部环境的影响而对客观事物产生的直接的感性反应，不具有普遍性和必然性。通俗来讲是人们对身边的事物感到新奇、有趣、有意思，从而心理产生愉悦的变化。
另外，康德在《判断力批判》也指出，趣味是指主体以积极主动的姿态，在超功利的层次上对某一对象表现出喜爱和愉悦的情绪状态。
《汉语词典》将趣味释义为：使人感到愉快，能引起兴趣的特性。
看似各不相同，但根据这三个概念提炼下，可以发现他们都是在融入一种正向的情绪加以解释。
那么，趣味性背后的情绪到底是什么？
趣味性背后的情绪
情绪这东西千变万化，为了避免主观臆断的不准确，我搜罗了关于情绪的研究资料，目前相对权威的有三个：plutchik情绪轮、日本感性工学、诺曼的三层理论。
后两者未对情绪进行指标的定义，所以这里只聚焦在情绪轮上。
情绪轮由罗伯特·普洛特契克开创，这个理论指出人类的基本情绪一共由8种，生气、厌恶、恐惧、悲伤、期待、愉悦、意外和信任。撇去那些负面情绪，能够符合趣味性带来的情绪基本就三种：愉悦、期待和意外。
为了为产品所用，就需要提炼出更具象的特征。下面，我通过脑暴的方式对每类情绪进行发散联想。
联想了大量可以引发愉悦情绪的事物，比如可爱的猫猫、各类好玩的表情包、毛绒玩具、影视作品里那些会突然说话的动物、解压神器等等。
我发现这些事物，一般具备了以下特征：
1.会给予我们即时反馈；
2.拟人化，比如带有人类才有的表情，或者是人类的动作语言；
3.柔软的、毛茸茸的、圆润的、有温度的；
4.会动的、解压的
联想了大量可以引发期待情绪的事物，比如被买爆的泡泡玛特盲盒，商家售卖的福袋，各种诸如掷骰子、老虎机的随机性游戏，各类抽奖活动，一些游戏开局roll属性点的环节（比如金2、河洛等游戏，当年玩的时候我惊讶得发现我居然能roll上一整天）
这些事物大致会带有这些特征：
1.未知的、神秘的；
2.满足人类的好奇心的；
3.对结果能满怀希望的；
4.随机的正向奖赏；
5.只需要一步简单到发指的操作（打开容器、拉动拉杆、点击按钮等等），不需要任何的行动门槛，也没有等待时间
比如《设计中的设计》这本书中提到的出入境的印章案例、一兰拉面碗底的细节、电影或者游戏中突然出现的彩蛋、iPhone第一代的发布现场、突然发现的世外桃源、突袭的生日惊喜等等。
这些事物大致会带有这些特征：
1.超出原有预期的；
2.未提前告知的；
3.正向结果的；
4.产生共鸣的
那么，这些特征又该如何更具象得落地成策略，产品中又是如何利用这些策略，引导用户产生这些情绪的呢？
下面，我将基于这三类维度，并结合大量的大厂案例来为一步步你抽丝剥茧。
如何制造愉悦感
基于上面的挖掘，我发现能引发愉悦感的一个明显特征，就是拟人化，这个非常有意思。
克利福德·纳斯在《the man who lied to his laptop》这本书中提出过一个观点：人们对待电脑的方式，与我们在与他人交流时使用的社会规范是一致的。我们对电脑的反应，就好像它们是人类一样。
也正因此，很多原本没有生命体征的物体，一旦被赋予了拟人形象，就容易被大家所接纳、引发愉悦。
做一下细分的话，拟人化基本涵盖了三个方面：语言、形象和表情。
1.1拟人化的语言
人对于具体的拟人形象更容易产生情感，其中便包含拟人化的口吻。使用这种口吻与用户交流，而非冷冰冰的设备语言，就可以提升产品温度，引导用户对产品产生正向情感，关于这块我总结了两方面。
一方面，文案尽量得接地气、轻松。
拿京东这款产品举例，文案从口吻上都会采用一种很轻松、接地气的拟人语气，来拉近和用户间的距离。比如在引导词后加入“哦~”“~”这种轻松的语气词。
另外，「京东问答」版块的引导词：传统产品是“添加问答”，是不是平平无奇。但京东使用了“我来助你一臂之力~”
QQ浏览器的评论暗提示，也不是传统的“写评论”“输入评论”，而是像日常聊天那样“我来说两句”，非常接地气、生活化。知乎直接套用了流行语，诙谐的同时引导用户注意言论。
另一方面，人类富有情绪变化，所以一旦用户触发了某个正面/负面行为，就可以给与情绪反馈。
在用户完成商品评价后，京东不仅仅是很传统得反馈“评价成功”，而是又加入了“感谢您！”的感谢词。看似加了三个字，但行动过后的正向感激反馈，和我们日常生活中受到正向反馈一样，被唤起正向的愉悦情绪。并愿意继续这个行为。
知乎的圈子业务，在用户完成签到后，反馈完成的基础上，使用了正向的情感反馈“ 我就知道你会再来看我”，仿佛是一位关系不错的老朋友，来唤起用户正向情绪。
另外，知乎在改版后，回答收到赞也不仅仅是“点赞成功”这类冷冰冰的机器语言，而是“已收到你的喜欢，谢谢！”并且配以作者头像，非常形象得传出对对方对我们的感谢反馈。这种正向反馈，相比”点赞成功“更有效得唤起正向情绪，形成正向激励。
当然，用户的消极行为也可以产生情绪反馈。
比如现在很多产品的取关反馈，不是传统的“确认”“取消”，而是用“残忍取关”和“给个机会”这种融入情感的文案来做挽留，就好像真的有个活生生的人，在被你否定后反馈给你的情绪，请求你再给个机会。有趣的同时一定程度上也可以唤醒用户的同情。（虽然这种做法过于业务导向，且有绑架用户的嫌疑）
人对于具体的拟人形象更容易产生情感。因此，树立一个拟人化的品牌形象（也就是我们常说的IP），可以使用户对产品快速建立情感联系，也可以强化品牌感知。比如优酷的猴子、高德地图的老鹰、钉钉的燕子、linefriends等等。
世界杯的吉祥物也是同理，每一届的吉祥物必定会融入拟人化的特征，凭着亲切、可爱的形象和全世界的观众一起热情互动。
说到产品，以京东的这只狗子为例，兜底页、缺省页、启动页，都做了狗这个拟人形象的贯穿。
如果你记得没错的话，形象改版之前这只狗还是四脚坐地上的，但改版后就两脚着地了。这同样是通过更拟人的形象来赋予「人格」，以此提升愉悦感，拉近距离。
再比如夸克，它甚至单独新增了底tab入口，通过3d品牌形象，实现与用户的智能交流。另外，卡片和语音搜索都做了形象贯穿，后者还使用了形象的眼睛，来通过眼睛的变化进行情感交流。
一段文字在加入了表情后，我们就能迅速了解到对方的情绪（比如我们日常的聊天）。因此表情这一招，也可以用以加深用户与产品的情感交流。
它可以和语音、形象灵活结合使用。通过全面的拟人化，来大幅提升用户对产品的形象感知，促进用户情感的产生、加深用户和产品的情感链接。
比如用语言输入，当系统未识别清楚时，传统的方案可能是一个错误图标加上「未识别声音，请再试一遍」的文案，但夸克中则使用了品牌形象的双眼来传达失落的表情，并结合了拟人化的语言。
同样做法的还有百度的未开麦提示、段子头图，快速传达产品的情绪，和用户情感交流。
另外，闲鱼设置昵称时，正在输入时、以及超出了限定字数，右侧的形象表情也会发生变化。
除了拟人化能引发愉悦外，还有一个很容易被忽略的要素同样能起到作用——动画反馈。
提起动画的作用，我们更多人首先想到的可能是强引导、注意力吸引，但动画同样能触发用户愉悦。比如当动画更加贴近现实，或者结合拟人化的特征时。
最典型的例子，就是苹果appstore从卡片到详情页的转场过渡，点按的预备动作、卡片的放大展开、缓出的曲线、转场完成的惯性等等，都很贴近现实物理世界的运动规律。而这种自然的丝滑也更能引发用户的愉悦。
比如知乎的加载动画，结合了拟人化的特征，让这个过程变得格外有趣。刘看山奋笔疾书的动作也很符合知乎这款产品的定位。
如何制造期待感
根据我们对期待感的脑暴，发现能触发这种情绪最典型的特征，就是随机性。
在产品中，则可以通过随机给予用户有价值的内容来引发用户的关注。结果的不确定使过程充满神秘，这种状态让用户兴奋和满怀期待，不会轻易离开。
比如网易新闻在进行新闻加载的操作时，会在加载动画上加入一个随机的小贴士。内容大致有三类：黄历、名言和一句话新闻。而且这些内容完全是随机出现，这种刷新过程好像在开盲盒，你无法预知会给你什么内容，非常有趣。而且它们入口深，不干扰；内容对用户也具有价值。
同样的还有丁香医生。在首页每次下来刷新后，都会出现不一样的健康类的小贴士。随机性很强，富有趣味。而且可以很好得满足求知欲。
雪球的个人页上，上划时也会随机给一条关于投资、市场的名言和网友的热门观点。
把现实生活中的游戏搬到了手机，同样能激发用户的好奇和期待。比如微信读书的翻牌子、摇一摇、老虎机。还有天猫的翻牌子。
如何制造惊喜感
格雷戈里·伯恩斯曾做个关于脑部区域的研究，发现大脑不仅探寻未知，而且实际上还渴望未知。相比那些已知的日常惯例，新鲜新颖的事物更容易引人注意。所以提供一些以往没有过的、出乎意料的事物或互动，不但能引起注意力，而且也会带来惊喜感。
产品中的惊喜感设计，可以说是使用瞬间能够触达我们内心的一种短暂性愉悦，一个体验的峰值。
根据对惊喜感的挖掘，一个典型的特征就是超出预期，并且未提前预料。
比如Figma使用过程中，团队成员和你同时长按鼠标，并且靠在一起后，就可与触发击掌的动画彩蛋，非常有意思。
比如京东在五星好评后，会放烟花庆祝。
比如很多内容型产品，在详情页长按点赞按钮后，会触发全屏的「爆赞」动画。
再比如用户生日当天，通过启动页、弹窗等场景送上生日祝福等等。
这些能够超出用户预期的细节，即便多么细枝末节、出现频率多低，但只要能够被触发，都可能因为惊喜感而生成情绪峰值，加深用户和产品的情感链接。
最后
以上，便是趣味性背后的情绪挖掘和案例讲解。
作为设计师，我们在工作中总是强调以用户为中心，通过不断的调研、跟访、可用性测试来了解、分类用户，但更多的结果可能只是让产品不断得贴合用户的心智、符合预期。但如何增加粘度、建立深层链接，就需要通过趣味性这种情感化表达方式，来为用户制造愉悦、期待甚至惊喜。
正像诺曼在「情感与设计」中说的那样，每个产品都需要令人更放松、更愉悦的设计，以此来增强产品的适用性。
希望这篇文章能对你有所启发。
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
在一个设计项目中，设计师将会面对非常多的决策瞬间。要做好这些决策，绝非只是凭直觉而行的，而需要有强有力的调研结果支撑。
此时，优秀的设计师不仅善用设计工具，更擅于选择合适的设计工具。
调研过程中通常会涉及到三张非常重要的地图：利益相关者地图、同理心地图、用户旅程地图。
有经验的设计师或许都知道他们对于项目管理、用户洞察、设计的关键性决策起着至关重要的作用。但大多数人都存在很多疑问：
·这三张地图的区别是什么？
·分别该在什么阶段使用？
·分别适用于哪些行业？
·有使用顺序吗？
·我该如何使用？
本期内容fabrie就带大家好好解答一下这些问题，并附上三张地图的模板，感兴趣的朋友可以去我们的模板市场获取。
适用行业：服务设计、产品设计、交互设计
适用阶段：项目调研、项目分析
使用目的：梳理和标记关键的利益冲突者，助力项目规划
在服务设计中，利益相关者地图是一个比较常见的工具。
与其他设计行业不同，服务设计涉及到的是一个系统。其中会有大量且复杂的利益相关者，包括用户、供应商、公司员工、第三方机构等等。
当我们遇到一个问题，需要构思解决办法或是做出一个决策的时候，利益相关者地图就可以帮助我们视觉化地将项目相关人员之间的关系呈现出来，以此来明确每个人的诉求、目标以及对于项目造成的影响大小。
为什么要视觉化？
一个清晰而有逻辑性的mapping可以帮助我们把脑海里的所有碎片化信息集中和串联起来，确保信息没有遗漏。当相关角色的需求和痛点都被充分展示，更能帮助我们发现潜在的人物关系以及不易被察觉的风险和机会点。
当然，这可以是我们制作任何mapping的共同原因和好处。
一般来说，在项目初期阶段，我们就需要进行利益相关者的分析，有两点好处：
一是有助于我们在调研阶段，就更全面地掌握项目的内外环境，了解到不同利益相关者的关注点、体验和期望，这对整个设计方向有决定性作用。
二是如果项目周期较长，很多相关者的信息会发生改变，在项目推进过程中需要不断更新和调整。如果中途再去分析，会让我们的判断产生偏差。
此外，我们使用利益相关者地图，其实更多是为了解决具体的问题。所以我们在使用时，应该是带着问题找答案。
比如：你发现投资人提出的需求与用户的利益相冲突时，就可以通过利益相关者地图来分析他们的权益，推理出对应决策会带来的影响或是回报，从而帮助你把控风险，做出更好的决定。
这其实也是为什么要在fabrie中制作利益相关者地图的主要原因。它为设计师提供了一个便于上手和制作的模板，但也可以随时根据自己的需求自由调整，成为一个实现高效的捷径。
制作利益相关者地图大致分三步：
1. 头脑风暴
首先头脑风暴出所有跟项目相关的个人、群体、组织公司，可以有意识地用不同颜色的便利贴区分不同的群体。
建议将文档一键分享给已知的stakeholder，邀请他们加入头脑风暴，不同的思考维度会帮助你分析出更多潜在相关的身份。
2. 分类分级
对所有识别出来的相关者进行分类，根据对项目的影响程度大致分为核心团队、强相关部门、弱相关部门三个等级，填入地图模板中。
不同的分类标准可以根据自己实际需要研究的问题自由调整，灵活运用。
3. 建立联系
利益相关者之间往往会存在相应的联系，可以用线条将他们关联起来，并描述他们的关系。
设计项目中会不断产生问题，所以将利益相关者地图放在项目文档中，让每一个团队成员都能随时看到和参考，成为设计师沟通项目时的重要帮手，也是它的使命之一。
适用行业：服务设计、产品设计、交互设计、工业设计
适用阶段：用户研究
使用目的：深入特定角色的特定场景，理解其行为和需求背后的真正动机
利益相关者地图涉及到项目中的每一个群体，同理心地图研究的则是用户，或者说是一组用户群的想法与需求。
同理心地图≠用户画像，而是制作用户画像的必要准备。
因此我们会在进行某项服务或产品设计之前，就开始使用同理心地图。它的两个主要任务是：
1. 共情用户的所思所想，提取真正的用户需求
2. 建立团队以及各个部门的共识，确保对用户需求的理解和设计方向达成一致。
很大程度上，同理心地图的制作离不开协作。它需要各方共同努力，根据各自对用户的观察，以及研究收集的数据，共享对于目标用户的理解，一起挖掘用户的行为、动机和关注点。
fabrie的同理心地图模板，为团队节省了很多前期的绘制准备，并且让所有人实时在线协作。
在协作之前，建议各方成员将自己对研究用户的已有调研资料或者访谈记录放在模板旁边。大家可以一起花十分钟的时间互通信息，再开始一起创建同理心地图：
1. 确定目标
确定我们在和谁共情？他们面临什么处境？需要做出什么决定？
2. 共情用户
潜入目标用户的大脑，观察和思考他们的所看、所说、所做、所闻、所想（包括痛点和收获）。
3. 分析回顾
整理mapping，思考我们还缺哪方面的调研，我们可以做什么来改变他们的想法和感受。
同理心地图最后可视化地为我们解释了用户行为背后的动机，同时帮助我们去感知到很多不容易被发现的深层需求。
这既能帮助设计师做出可提升用户体验的解决方案，也会在某种程度上引导我们走向更有意义的创新。
适用行业：工业设计、产品设计、交互设计
适用阶段：对于已有产品的用户体验研究或想要了解预期产品的用户体验过程
使用目的：描绘特定用户与产品或服务之间的交互过程，找出用户痛点和产品机会点
用户旅程地图的核心更偏向于研究人与产品的交互过程，最终优化用户体验。相对来说，它的必要性和通用性会更高一些。
我们既可以研究目标用户与已有产品的交互过程，发现用户痛点以此来优化产品；也可以用来假设预期产品与用户的交互过程，验证自己想要研究的问题，找出产品机会点。
用户旅程地图通过可视化的方式整理用户和产品体验的每个阶段，一般需要包括用户在产品体验阶段的目标、行为、触点、想法、情绪、痛点和机会点。
相对来说，用户旅程地图需要考虑的细节和维度比较多，需要专门绘制，比较麻烦。
fabrie的模板直接给予设计师一个可编辑的框架与思路的引导，让设计师更聚焦于思维发散本身，而不用去关注排版等细枝末节的问题。
当然，除了常规的视角，还可以结合自己业务需求，插入或调整更多相关度高的维度。这也是fabrie模板的灵活性，它引导你思考，但不禁锢你的发散。
然后我们可以按四步走：
1. 确定目标人群和旅程目标
不同用户经历的旅程可能天差地别，因此确定好目标用户以及这个旅程中你想研究的主要问题尤其重要。
2. 描述具体使用步骤
标出在对应的语境下，每个步骤意味着什么，也就是开始研究用户行为。根据模板上方的提示，修改成对应我们自己的用户旅程阶段。
3. 完成每个步骤的多维度描述
在完成用户旅程阶段后，探索每个阶段用户使用产品时的体验感受，思考对应的目标、行为、触点、想法、情绪、痛点和机会点。
4. 提炼关键洞察
根据整个梳理，提炼出关键洞察，也就是我们做这个用户旅程地图的最终目的。
写在最后
设计师在提升设计能力的同时，需要慢慢开始主导设计项目。这几个地图都是强有力的辅助工具，能帮助我们去发现问题和解决问题。
fabrie模板的意义，就是希望大家不被形式所困扰，而是更自由更聚焦地去思考。
在不断使用这些设计工具的过程中，我们会形成更科学完善的设计思维，从而做出更好的设计决策，提升设计格局。
fabrie的模板市场，提供了数十款设计相关的专业模板。如果你是一个设计新手，它可以帮你更快地上手操作；如果你是一个有经验的设计师，模板则可以帮助你提高效率，聚焦于思考本身，不被格式等问题困扰。
我们希望帮助大家降低使用这些设计工具的成本，践行更科学的设计思路与设计方法，让思考升级，做出一个又一个好设计。
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
本文讲述从0到1的商家等级激励体系建设中，如何通过设计举措进一步推动效益最大化。前言
用户激励体系是数字化时代产品运营中非常重要的一环，它可以有效促进用户的活跃和留存，同时也能够激发消费行为，为产品带来更多的收益。常见的用户激励方式包括积分、金币、等级、优惠券、礼品、抽奖等，而针对不同的人群，需要设计不同的激励体系。本文以百度商业的商家等级体系为例，旨在简述针对To B产品的用户激励手段的设计思路，希望能够给您带来一些启发。
一、项目背景
在大商业背景下，当前缺少一套完整的商家等级体系，从平台视角出发，客户的行业多样&推广投放能力参差不齐，没有商家等级导致平台缺少对客户的细分，无法给客户提供更适配的服务能力；从客户视角出发，客户不明确自己在整个生态下所处的分位，自然也没有明确的提升目标和路径；从用户视角出发，各个商家良莠不齐，没有一个关键标准可以辅助决策。所以亟需一套商家等级来解决这些问题，那应如何从0到1建设一套完善的商家等级体系呢？
二、设计目标推导
在设计之初，我们从不同的视角思考，对目标进行拆解和分析以获得更全面、更多维的解决方案。从平台视角分析，通过商家等级希望帮助商家快速定位服务短板，并提供有针对性的运营优化策略，从而提高商家质量和粘性；商家视角则希望通过商家等级获得更多权益加持，从而提升转化；C端用户视角希望通过商家等级，帮助降低决策成本，建立更多信任。
平台视角-建设商家等级表达体系
设计的基本出发点是帮助业务建设平台等级模型的表达体系，将业务目标转化为用户行为，设计清晰而直观的商家分层表达体系，将不同商家等级与其对应的特权、服务等信息进行明确的关联和传达，以便商家能够快速理解和辨识商家等级的差异和优势。
商家视角-强化感知，明确路径
我们要强化商家的等级感知，通过视觉和交互引导等方式，强化商家对等级感知的重要性和影响。
我们要建设明确的成长路径，从权益吸引、任务驱动、等级提升和权益增多等环节，明确成长行为路径，鼓励商家积极参与平台的活动，提升自身的业务能力，从而实现商家等级的提升和成长。
用户视角-建立用户信任
我们需要建立C端用户信任，传达商家等级的重要性，提升用户对商家的认可度和信任度，帮助用户减少决策成本，同时增加商家的自豪感和动力，促进商家与用户，商家与平台之间的价值转化。
综合以上分析，设计举措应注重建立商家等级表达、强化商家的感知和增强用户的信任。希望通过设计目标的实现，为商家分层模型带来更好的用户体验和商业效益，提升商家的参与度和忠诚度，促进商业生态飞轮的正向运转。
三、设计方案实施
合理的信息组织：通过功能信息分层分类，结构化呈现，提信息查找效率
信息分层：开始页面设计之前需要设计信息结构和组织方式，以便商家可以轻松找到需要的信息。以商家等级为例，首先根据信息价值将信息分为<等级-权益-任务>三大类（等级作衔接、权益提供驱动力、任务是需完成的动作）。
信息重组：分层后，将商家置于设计的核心位置，通过深入理解商家需求、行为和期望，以确保设计方案符合商家的真实需求。例如在商家等级场景，商家期望获取更多权益，获取更多的C端展现。所以此场景以权益作吸引，通过披露待解锁权益驱动商家完成任务，提升等级。
最终围绕等级、权益、任务建设核心成长路径，三者相辅相成，逐步增强商家参与度和忠诚度。
信息可视化：通过可视化图表，提高信息获取效率。
当复杂的信息难以被商家理解时，可视化作为有效手段，旨在把数据资料以视觉化的方式表现出，有效地向受众传播信息。可视化首先要根据信息结构进行图表选型，在商家等级项目中，我选择了两种数据图表（进度条VS仪表盘）来进行商家等级的可视化表达，当两种图表放到一起时，可以很明显的发现两者之间的差异，基于这个项目想要强调的等级概念，最终选择进度条展示商家等级的成长进度，并激励其追求下一个等级的提升。这样，商家能够准确感知成长进度，衡量自己在商家等级体系里所处的分位以获取更多成长动力。
加强平台引导：通过增加视效容器缩短触达路径，帮助商家快速触达
弹窗：作为常见的通知容器，常用于向用户提供重要的通知、更新、提醒或行动建议。在此项目中，为了增强商家的感知，我们选择2个场景以弹窗的形式给予商家强提示，一是在功能上线后以弹窗的形式显示对应等级的信息，以吸引商家的注意力并传达商家等级的关键信息，可以增加商家的感知并引导他们进入商家等级开始经营；二是当商家的等级提升时使用弹窗通知，激励商家持续经营。
浮层：将操作入口前置披露，提升商家感知同时还可以缩短操作步长。在商家等级项目里，衡量商家主动经营的标准是做任务，所以任务入口的前置披露是提升主动经营的关键举措。于是，围绕商家等级包装了“经营助手”的概念，帮助平台给商家推荐一些成长任务和优化建议，并在平台首页主动弹出，以此提高任务触达率。但使用这种主动触达手段时，需要考虑对商家的打扰和阻断情况，所以需要对主动弹出的频率作限制，然后配合气泡和标签等视效元素吸引商家视线。这样可以引导商家参与商家等级完成任务，促进其成长和等级提升。
强化徽标设计：通过引用金银铜、钻石等具有普遍认知的元素营造荣誉感。
需求分析：开始设计之前，我们首先做了背景研究，了解徽标的设计需求、目标受众和使用场景，为设计提供更准确的方向。在本项目中，商家等级覆盖百度商业场景所有B端业务，所以设计风格要考虑整体质感和适配性；另外商家等级是一个同时面向商家和用户两者的体系，所以设计师需要考量双端展现的异同点；最后，商家等级特有属性成长、荣誉需要在徽标中有所体现。
竞品调研：明确背景后进行竞品分析和行业研究，了解相关公司或品牌的LOGO设计风格、趋势和差异。这有助于避免与竞争对手相似的设计，并帮助我们了解徽标在B端和C端呈现时设计有哪些差异。在商家等级项目中，我们通过竞品调研提取了一些风格关键词：几何、简洁、明亮、饱满。
具象表达：有了设计关键词，通过头脑风暴获取了一些可以体现这些关键词的具体事物：钻石、VIP、箭头、Blingbling、3D、金银铜等，希望通过具象的事物表达抽象的情绪词，于是我们从「钻石」开始入手，把钻石和VIP、箭头不断结合，同时融入BlingBling，金银铜色等具有普遍认知的元素，用伪3D效果来增加徽标的立体感，最终打造一种奖牌的形态，给客户带来更多荣誉感知，突出商家等级的重要性。
增加C端披露：通过挖掘C端披露场景，帮助用户提高优质商家获取效率
从用户视角出发，商家等级项目的主要目标是建立用户信任，所以设计师在强化徽标设计的同时，更需要挖掘用户视角的披露场景，通过增加C端披露，帮助用户了解该商家在百度生态内的等级情况，以辅助用户决策。本项目中在C端共新增3个场景进行商家等级的披露，①搜索前卡；②营销页头卡；③店铺页首卡。在3个重点场景披露商家的等级徽标，用户在选择商家时可以参考商家的等级，增强对商家的信任和认知。
通过以上实施方案，设计师从不同视角切入，通过权益激励吸引商家参与，通过明确用户成长路径促进等级提升和商家质量的提升，为用户提供更好的服务，实现平台生态的正向发展。
四、收益复盘
平台通过建设商家等级，将商家分层并提供适配的服务，实现了精准运营；商家等级给商家带来的权益吸引和任务引导，促进了商家活跃度和质量的大幅提升；C端披露的等级徽标帮助用户快速鉴别优质商家，页面的CTR有显著的正向增长，商业生态下的商家等级激励体系已初步建成。但后期在做客户访谈的过程中，有客户反馈某些权益感知度比较弱。权益是吸引商家的核心驱动力，如何围绕权益建设开展有效的设计？这是应该是接下来需要展开研究的课题。
五、总结
商家等级的建设是一个复杂的项目，涉及技术、算法、产品和运营等多个部门的合作。商家分层的核心目标是提升优质商家的比例和运营效率。
本文主要介绍了百度商业生态下的商家等级体系的设计思路。以商家为切入，通过视效引导等举措吸引商家参与，为用户提供更好的服务，实现平台生态的正向发展，助力平台-客户-用户的三方飞轮正向运转。
然而，要设计出完美的商家等级建设方案，需要根据具体的业务场景进行深入研究，并结合产品和业务的实际情况进行不断的迭代和优化。只有不断地根据用户反馈和市场需求进行调整和改进，才能实现商家等级体系的最佳效果。
因此，在实际实施过程中，需要依托业务场景，深入研究产品和业务，不断迭代和优化设计方案，以确保商家等级体系的成功建设和业务效果的提升。
作者：百度MEUX
来源：站酷
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢～希望得到建议咨询、商务合作，也请与我们联系01063334945
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
本文阐述了百度小说设计团队如何基于人文感设计理念，打造直观易用的产品体验，从而提升产品竞争力和用户满意度。百度小说是百度APP内最核心的垂类业务之一，作为一款平台型产品，百度小说设计团队一直以用户体验为核心关注点。为了保持产品的市场竞争力，百度小说团队近期进行了一次设计改版。本次改版旨在提升产品的功能性、美观性和易用性，以满足用户日益增长的优质体验需求和市场的快速变化。
鉴于此次设计改版背景，小说设计团队提出了人文感的设计理念，贯穿在本次改版的内容中。
一、什么是人文感设计?
人文感设计，是立足用户需求和情感，贴近用户期待的体验设计，我们以用户为核心，深入了解用户的喜好、行为习惯和需求，从而设计出贴心、直观、易用、愉悦的产品。
百度小说的产品核心是由书籍组成的，阅读让千万级用户汇集在此，而千万级的用户正是由每一个独立的“人”组成。因此，“人”的需求就是我们在设计中尤为关注的。小说设计团队从“人”的需求、“人”的情感和“人”的文化三个维度，深入地思考如何将阅读与用户的需求完美地结合起来。
宋朝诗人汪洙在《神童诗》中有这样的千古名句：“万般皆下品，唯有读书高。”读书自古以来是成为高雅风韵的文人士大夫的必经之路。由此可见，自古以来读书和雅致之间就结下了不解之缘，阅读与国风雅颂的风格也就找到了完美的交汇点，因此小说设计团队在确定设计风格的探寻中，选择了国风的风格来体现百度小说的人文感的设计。
二、构建小说的人文感的视觉新风格
人文感设计语言融合了简约、舒适、自在的设计体验，让人能够轻松沉浸其中，并感受到独特的国风韵味和情感内涵。小说设计团队从“色、字、构、画”四个维度进行拆解。
色—清新淡雅的色彩
牛皮纸卷通常是手工制作的，它会给人一种温暖的感受。设计团队通过提炼牛皮纸卷的色彩，衍生出萱草橙作为主色调，传递出阅读朴实和亲切的寓意。
在辅助色上提取上，通过参考古代艺术品，并结合现代审美，提炼出凤仙粉，葵扇黄、姚黄绿、晴山青等古典色彩，确保辅助色与主色相融合，形成一套和谐的色彩组合。
字—规范文字使用规则
基于国风意韵感，设计团队在文字的使用上，也选择了一套衬线体字体，该字体字形瘦长，柔美清透且识别度高。在界面中，主要在标题区应用这套字体，将其中的一笔进行跳色点缀，不仅让用户阅读舒适，而且提升百度小说的品牌识别度。
构—构建秩序感的页面
在页面结构上将页面容器的边距进行了优化调整，使构图更加饱满，封面是页面上最引人注目的元素之一，通过调整封面的尺寸可以使其更加突出。采用了更大的封面尺寸，使画面内容更加饱满，将大圆角优化为更小的圆角，视觉上更加精致和细腻。
为了让用户第一时间就能够看到自己感兴趣的标题内容，在内容展示上，我们针对重点的信息进行了强化。将主次信息，从色彩到字重上进行了优化。新版的设计采用加粗的标题文字和浅灰色的辅助信息，拉开对比，强化重点，让用户更快找到自己感兴趣的内容。
在页面细节元素设计上，将角标样式优化为右侧的书签的样式，整体感受更像现实生活中的书签。在辅助标签的设计上，将纯文字样式优化为右侧这种多彩面型的样式，强化内容的丰富和多元。
画—打造国风特色的插画风格
图形的设计是最容易识别和产生共鸣的。在插画元素的提炼上，为了能够与小说网文氛围结合的更紧密，我们以小说类型为划分维度得出了一系列的具象的联想关键词。
例如，女生的插画图形，首先划分为偏向言情类型，由此联想到一只小鸟站在桃花上，整体采用粉色调的场景进行展现，梦幻而唯美。男生的插画图形则偏向玄幻类型，从而联想到葫芦，由此绘制出葫芦和浮云结合的画面，自由而飘逸。
同时，插画的设计采用简约的几何图形，画面强调诗意和美感。
在话题落地页等沉浸感的场景下，也融合了插画元素作为装饰，用户在当前的场景能够有更强的沉浸感和共鸣感。
三、人性化产品体验
以人为本的设计理念不仅仅是视觉层面的展现，还需要从用户需求维度提供人性化的产品体验，因此，我们提炼出了四组设计手段：更贴心、更高效、更热闹、更满足。
更贴心—贴心的设计让用户体会到关怀和舒适的享受
以人为本的设计能够更贴心地满足用户的需求和期望，通过关注用户的喜好、行为和习惯，让用户体会到关怀和舒适的享受。因此，针对于不同的用户行为进行了精细化的设计。对于未登录、书架为空的用户，我们默认为用户锚定到精选的tab，而针对本地书、网页书的用户，我们为其定位到书架的tab，方便用户更精准的切入场景。
同时，我们在精选的头部增加了运营区，针对于无历史记录的用户，为其推荐优质的内容，提高用户的找书效率。而对于有历史记录的用户，外露上一次阅读的书籍，方便用户更快捷的进行续读。
更高效—高效的设计能让用户体验更便捷，决策更精准
只有贴心的服务是远远不够的，以人为本的设计还需要为用户打造更高效的设计体验，我们通过简化设计流程，智能化推荐等手段，让用户体验更便捷，决策更精准在各类场景新增书籍标签模块，提升用户筛选书籍的精准度，使得用户在各类场景下找书更高效。
在推荐形式上，我们也采用了多样化的推荐方式。例如在首页增加了feed流形态的信息模块，以更直观的图文展现方式，帮助用户发现他感兴趣的内容。在书架场景，针对于书架内容少的用户，自动的放置两本高流量书籍，帮助用户高效的触达内容。与此同时，我们还会根据用户行为数据，采用弹窗形式和章尾推荐等形式主动向用户推荐与其喜好度高的内容，方便用户高效的触达他感兴趣的内容。
更热闹—热闹的设计能给用户带来活力和趣味的体验
以人为本的设计应该是有人气儿的，为了增强互动氛围，我们搭建了书友社区，为用户提供求书、荐书的功能，书友热聊落地页头部在设计上采用了弹幕的形式；话题模块的设计采用双列流的交互形式，给页面增加动态感和活跃感。通过打造热闹的氛围，既能为用户带来更具活力和趣味的体验，同时提升了用户的互动活跃度。
阅读器场景是用户使用时长最长的一个场景。因此我们为用户提供了段评功能，方便用户阅读过程中和书友进行交流，为了不影响阅读的流畅性，我们采用弱化的段评图标样式和色彩，段评入口设计在段落尾部，减少对阅读的干扰。
更满足—满足的设计能够让用户获得成就和收益
以人为本的设计能够让用户在产品中获得成就和满足感，从而形成愉悦的产品体验。为了让用户能够获得满足的感受，我们将旧版的签到系统升级为金币激励体系，采用做任务赚金币的形式，增加用户的成就感。
整体的设计风格也延续了国风意境感。首页顶部采用招财树的图形设计，强化福利感知。领取金币场景通过获得金币的动效，让用户产生满足感。
同时，我们对用产品内的用户进行了分层设计，针对新用户增加了七天限时福利活动，让新用户感受到平台的福利，从而愿意留下来继续体验。
在阅读器场景，我们增加了章尾和半层金币领取提示，即时提醒用户领取福利，同时，强化领取成功样式，增强用户的获得感。
在运营活动的设计上，延续国风意境的设计风格，我们将九宫格的抽奖活动入口前置在福利中心的首页，方便用户快捷的参与抽奖，获得收益。爆更一夏，看小说瓜分金币活动，整体是采用古典荷塘的景色，让用户在参与赚钱的过程中感受到清爽夏日的氛围，通过多样化的运营活动丰富用户获取收益的方式，增强满足感。
结语小记
百度小说设计团队坚持以用户为中心，秉承人性化、情感化设计和文化传承性的设计理念，让用户感受到独特的情感连接，融入文化元素，传承历史与情感，最终形成百度小说的人文感设计。
作者：百度MEUX
来源：站酷
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢～希望得到建议咨询、商务合作，也请与我们联系01063334945
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
用户激励体系是数字化时代产品运营中非常重要的一环，它可以有效促进用户的活跃和留存，同时也能够激发消费行为，为产品带来更多的收益。常见的用户激励方式包括积分、金币、等级、优惠券、礼品、抽奖等，而针对不同的人群，需要设计不同的激励体系。本文以百度商业的商家等级体系为例，旨在简述针对To B产品的用户激励手段的设计思路，希望能够给您带来一些启发。
作者：百度MEUX
来源：站酷
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
当涉及到交互设计基础定律时，有许多原则和规律需要被考虑。这些原则旨在优化用户体验、提高用户满意度和增强系统的可用性。以下是一些常见的交互设计基础定律，详细阐述它们对设计的影响和应用。
冯·诺依曼定律（Von Neumann’s Law）：该定律强调将界面与功能相分离。设计师应该确保用户界面简洁直观，与后端功能逻辑相互独立，使用户能够专注于任务的完成而不受干扰。
布鲁克斯法则（Brooks’ Law）：布鲁克斯法则指出，在开发过程中增加人员可能会带来更大的沟通和协调成本，从而减慢开发速度。团队在设计过程中应适度增加人力资源，以避免开发效率的下降。
摩尔定律（Moore’s Law）：摩尔定律指出，处理器性能和计算能力每隔一段时间就会翻一番，而成本和体积则会减半。在交互设计中，利用摩尔定律的发展，在用户界面中提供更强大的功能和更流畅的体验。
布特法则（Butter’s Law）：布特法则表明，用户生成内容的价值与其信息质量和数量成正比。交互设计师应该提供方便易用的用户内容生成工具，以激发用户参与和积极贡献，增加系统的价值和吸引力。
霍夫曼定律（Hofmann’s Law）：霍夫曼定律指出，用户界面上的复杂性会导致用户的困惑和挫败感。为了避免这种情况，设计师应该采用简洁、直观的界面设计，减少用户的认知负荷。
罗森索尔姆定律（Rosenzweig’s Law）：罗森索尔姆定律强调用户的参与和反馈的重要性。在交互设计中，应充分考虑用户的参与和需求，通过用户研究和用户测试等方法来评估和改进界面的可用性。
巴金森定律（Parkinson’s Law）：巴金森定律指出，工作量会随着可用的时间扩展。在交互设计中，时间管理很重要。设计师应该设定明确的时间框架和优先级，以避免无限扩展的工作量。
弗兹定律（Fuzzy’s Law）：弗兹定律表明，事情总是花费比预期更长的时间。设计师在规划时间和资源时应考虑这一定律，并留出适当的缓冲时间。
彭DRY原则（Parnas’ DRY Principle）：DRY是"Don’t Repeat Yourself"的简写，旨在避免重复的设计和冗余的代码。在交互设计中，设计师应遵循彭DRY原则，以提高设计的效率和可维护性。
韦伯定律（Weber’s Law）：韦伯定律指出，人类对于刺激的感知增量是相对恒定的比例关系，而不是绝对差异。在界面设计中，设计师可以利用
11.泰斯勒定律（Tesler's Law），也被称为“保持简单定律”（Keep It Simple, Stupid，KISS），是交互设计中的一个基础定律。该定律由计算机科学家Larry Tesler提出，旨在指导设计人员在创建用户界面时遵循简单和直观的原则。
泰斯勒定律的核心思想是“保持简单”。它强调在设计用户界面时，应该尽量减少复杂性和冗余，使用户能够轻松理解和使用系统。简单界面能够降低用户的认知负担，提高用户的效率和满意度。
根据泰斯勒定律，设计人员可以通过以下几个原则来实现简单性：
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢～希望得到建议咨询、商务合作，也请与我们联系01063334945
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
在数字化的时代，当我们提到“响应式设计”，大多数人立刻想到的是各种设备屏幕尺寸的适应性——从巨大的台式机显示器到掌上的智能手机屏幕。然而，响应式设计的真正魅力远远超出了屏幕大小的界限。它涉及到如何理解和反应用户的需求，确保无论他们如何与内容互动，都能获得一致而愉悦的体验。
这不仅仅是技术上的挑战，更是对设计者的思维方式的挑战。只有当我们超越屏幕尺寸，深入用户的实际使用场景，才能真正理解响应式设计的内涵。现在，跟随我们一起探索这背后的策略和哲学，看看如何为你的用户创造一个真正无缝的数字体验。
在数字时代，为了满足日益增长的多设备用户，响应式设计已经成为前端开发和UI设计的核心组成部分。但是，什么才是真正的响应式设计？
很多人误认为响应式设计仅仅是使网站或应用能够在各种屏幕尺寸上正常工作。然而，尽管视觉适应性是其重要组成部分，但响应式设计的范围远不止于此。它的核心是创建流畅、可访问且跨多种设备的一致用户体验。
响应式设计并不只是关注技术和代码。它起始于理解并关注用户的需求和行为。无论用户是通过手机浏览、在桌面上工作，还是通过其他连接设备进行互动，都应提供一致的内容和交互体验。
在构建响应式界面时，内容始终是核心。内容策略需要确保信息在各种设备上都能清晰、有效地传达。这意味着我们需要考虑文字的可读性、图像的适应性以及其他多媒体内容的展示方式。
响应式设计不仅仅关心内容如何展现，还关心用户如何与内容互动。按钮的大小、导航的易用性和动画的流畅性，都在不同的设备上呈现出独特的挑战。
随着移动设备的普及，特别是在网络连接不稳定的地区，性能成为了响应式设计的一个关键考虑点。设计师需要考虑如何在保持视觉吸引力的同时，确保页面加载速度快并减少数据使用。
技术和用户需求都在不断变化。定义响应式设计并不是一次性的任务，而是需要不断学习、测试和优化的过程。
在探讨响应式设计时，我们经常被技术的细节和最新的前端开发技巧所吸引。然而，无论技术如何进步，真正的成功在于是否满足了用户的需求和期望。这就是为什么“用户为中心”的原则是响应式设计的核心。
不同的用户有着不同的需求。有些人使用智能手机浏览，有些人则偏爱平板或台式机。还有一些用户因为身体障碍或其他原因依赖于辅助技术。响应式设计必须考虑所有这些用户的需求，确保每个人都能获得满意的体验。
“内容是王者”并不是一个新概念。用户访问网站或应用主要是为了获取内容，不管是文本、图片还是视频。响应式设计需要确保内容在所有设备上都易于访问和理解。
无论界面多么美观，如果用户难以理解如何与其互动，那么设计就失败了。响应式设计需要在不同的设备上都提供直观和一致的交互体验。
用户在公交车上、在办公室或在家中浏览内容可能有不同的需求和期望。响应式设计不仅仅是适应屏幕尺寸，还需要考虑用户的上下文。
用户的需求和技术都在不断变化。为了确保始终为用户提供最佳体验，UI设计师需要不断收集反馈、测试并优化设计。
作为设计师，我们应该努力理解和共情我们的用户，从他们的角度看待设计。这可以通过用户测试、访谈和调查来实现。
随着技术的发展，我们如今不仅仅是在桌面电脑上浏览内容，从智能手机到平板，再到智能手表和其他可穿戴设备，UI设计师面临的挑战是如何为所有这些设备提供一致且出色的用户体验。
最直观的挑战来自于屏幕尺寸和解析度的多样性。设计师不仅需要确保内容在小屏幕上可读，还要确保在大屏幕上不失精致。这需要一个灵活和可扩展的设计方法。
桌面用户习惯于使用鼠标和键盘，而手机用户则依赖于触摸屏。智能手表和某些可穿戴设备甚至可能依赖于手势或声音命令。设计师需要考虑如何为不同的交互模式设计流畅的用户界面。
许多现代设备都有其独特的功能和传感器，如GPS、陀螺仪或心率监测器。UI设计师可以利用这些特性为用户提供增强的体验，但同时也需要确保这些特性不会干扰基本的用户体验。
不同的设备具有不同的性能和电池需求。一个为桌面设计的复杂动画可能在智能手表上无法运行，或者可能会消耗过多的电池。设计师需要在美观和实用性之间找到平衡。
用户在桌面上浏览的需求可能与在手表上浏览的需求大不相同。例如，手表可能更适合快速查看通知或步数，而桌面可能更适合深入的阅读或工作。设计师需要考虑每个设备的特定用途。
尽管每种设备都有其特点，但保持品牌和设计的一致性仍然至关重要。无论用户在哪种设备上，都应该能够识别并熟悉界面。
由于设备的多样性，测试变得尤为重要。设计师需要在各种设备上测试其设计，确保无论用户使用什么设备，都能获得出色的体验。
在数字设计领域中，如何为各种设备和屏幕尺寸创造一个无缝的用户体验是每个UI设计师的挑战。这就是流体网格和自适应元素进入游戏的地方，它们为我们提供了在这个多屏幕世界中创造一致性和可扩展性的工具。
传统的网页布局往往依赖于固定的像素值，但这在响应式设计中并不实用。流体网格使用百分比而不是固定的像素值，允许布局随着屏幕大小的变化而自然伸缩。
自适应元素能够识别并根据其所在的容器和环境调整其大小和形状。这意味着，无论是图片、视频还是文字，所有的内容都可以在任何设备上以最佳的方式展示。
在某些屏幕尺寸或设备上，简单的缩放可能不够。这时，我们使用断点来进行更大的布局调整，确保内容在各种情况下都具有最佳的可读性和可用性。
使用相对单位，如em或rem，可以帮助设计师创建更具有伸缩性的布局，同时保持对大小和间距的细致控制。
媒体查询是响应式设计的关键工具，允许我们根据特定的设备特性，如宽度、高度或分辨率，来应用不同的样式规则。
将设计分解为模块或组件，可以使其更容易适应不同的屏幕和上下文。这种模块化方法不仅提高了效率，还确保了设计的一致性。
随着技术的发展，我们可能会面临更多的设备和屏幕类型。布局的魔法不仅要考虑现在，还要为未来做好准备，无论那将是什么。
在数字化时代，设备和屏幕的多样性呈指数级增长。为了满足这种多样性，UI设计师们需要一种方法来根据不同的设备特性提供特定的设计解决方案。这就是媒体查询发挥作用的地方。
媒体查询是CSS技术的一部分，它允许内容根据设备的特定特性（如宽度、高度或分辨率）来改变其样式和布局。这意味着，使用单一的代码基础，设计师可以为各种设备创造独特和优化的体验。
这可能是最常用的媒体查询类型。随着屏幕宽度的变化，设计师可以重新排列元素、更改字体大小或调整间距，确保内容在任何宽度上都具有可读性和吸引力。
高分辨率的屏幕，如Retina显示器，要求更高的图像质量。通过媒体查询，我们可以为这些屏幕提供更高分辨率的图像，而不影响其他用户的加载时间。
不是所有的设备都具有相同的互动能力。例如，悬停效果在触摸屏上可能无效。使用媒体查询，设计师可以针对不同的互动模式调整样式和功能。
尤其在移动设备和平板电脑上，屏幕方向可能会频繁改变。媒体查询使我们能够为横屏和竖屏设计不同的布局，确保用户在任何方向上都能获得良好的体验。
随着可穿戴技术和新型设备的出现，媒体查询的重要性将进一步增加。设计师需要时刻准备好，随着技术的发展适应新的设计挑战。
虽然媒体查询为我们提供了强大的工具，但它们也可能增加加载时间和复杂性。有效的使用和优化媒体查询是确保高性能和流畅体验的关键。
在UI设计中，一个成功的界面远不止于视觉的吸引力。真正的魔法往往隐藏在背后：生动、自然且响应迅速的交互和动画。这些元素不仅使设计更具活力，还可以增强用户的整体体验。
每当用户点击按钮、切换选项卡或滚动页面时，他们都期望得到某种反馈。有效的交互设计可以确保用户明白他们的操作有所回应，增加使用产品的信心和满足感。
动画不仅仅是为了好看。它可以指导用户的注意力，解释复杂的界面转换，甚至让等待的时间感觉更短暂。例如，一个简单的加载动画可以为后台处理提供足够的时间，同时保持用户的兴趣。
尽管交互和动画增加了界面的吸引力，但如果它们降低了性能或导致延迟，可能会对用户体验产生负面影响。优化动画并确保它们在各种设备上流畅运行是至关重要的。
最后，不要假设你的第一个设计就是最佳的。进行用户测试，观察他们如何与你的动画和交互互动，然后根据反馈进行调整。
在UI设计中，美观和布局只是冰山一角。最终，目的是为用户提供必要的信息并引导他们进行操作。这是内容策略派上用场的地方，它关心如何确保信息以最有效的方式传达。
在制定任何内容策略之前，了解用户是至关重要的。通过用户调研和分析，UI设计师可以了解用户的痛点和需求，这有助于设计更直接和相关的内容。
内容需要有组织，这样用户才能轻易找到他们需要的信息。通过创建清晰的信息架构和层次结构，我们能引导用户更有效地浏览和获取内容。
大量的文本和数据可能会淹没用户。通过使用图表、图像和其他视觉元素，我们可以更有效地传达复杂的信息或数据。
内容需要不仅要易于理解，还要容易访问。这包括为有视觉或听觉障碍的用户提供可访问性选项，例如高对比度文本和屏幕阅读器兼容性。
使用简洁明了的语言，并考虑各种文化背景和语言能力，可以让内容更具普遍吸引力。这可能包括多语言支持或本地化选项。
内容不是一次性的事务。它需要定期更新和维护以保持其相关性和准确性。这需要一个可持续的内容管理策略，包括审核和更新周期。
一旦内容策略实施，持续监控其效果是关键。使用各种度量工具，如点击率、页面访问时间和转换率，可以帮助我们了解哪些内容有效，哪些需要改进。
随着科技界夜以继日地追逐着不断变化的设计趋势，一个难以忽视的潮流正在占据主导地位：明亮与黑暗模式的切换。你是否曾在深夜沉浸于手机，只为了被明亮的屏幕刺痛双眼，希望有一种更为柔和的视觉体验？或者在炎炎夏日的明媚阳光下，渴望一个更为清晰、更具可读性的界面？明亮和黑暗模式为我们提供了完美的解答，而它们背后的设计哲学和影响，远超出我们的想象。
1.什么是明亮模式？
明亮模式，也称为日间模式或标准模式，长久以来都是设计师的默认选择。其背景通常是白色或浅色系，配以黑色或深色的文本，确保最佳的对比度和清晰度。这种设计方法模仿了我们在日常生活中常见的打印材料，如书籍和报纸。
这种模式的一个主要优势是其高度的可读性。明亮的背景与深色的文本形成的对比，使得用户在大多数光照条件下都能轻松地阅读内容。此外，明亮模式也是大多数图像和内容自然显示的最佳方式，因为它提供了对原始颜色和细节的真实再现。
什么是黑暗模式？
2.什么是黑暗模式？
与明亮模式相对，黑暗模式采用深色背景，通常是黑色或深灰色，并搭配浅色文本。这种设计风格的起源可以追溯到早期的计算机终端和编程环境，当时的目标是减少长时间工作时的视觉疲劳。
在近些年，随着OLED和AMOLED屏幕技术的普及，黑暗模式逐渐受到了主流应用和操作系统的青睐。因为在这些屏幕上，显示黑色实际上意味着像素是关闭的，这既节省了电量，又减少了眼睛的疲劳。此外，黑暗模式为应用提供了一种全新的审美和品牌体验，使得它在某些情境下更具优势。
1.为什么我们对光线敏感？
人类的眼睛是在自然环境下进化的，我们的视网膜对光线变化极为敏感。在明亮的白天，瞳孔会收缩，减少光线进入眼睛，确保清晰的视野。而在较暗的环境中，瞳孔会扩大，尝试捕捉更多的光线。长时间在高亮度下使用屏幕可能会导致眼睛疲劳，这就是为什么在阅读模式或夜间模式中，很多应用都会选择柔和的背景和温暖的颜色调。
2.如何利用对比度增强用户体验？
对比度是指颜色或明度之间的区别，而在设计中，它是确保文本可读性和元素突出的关键。明亮模式通常具有高对比度，这有助于提高文本的清晰度。而黑暗模式则可以利用较低的对比度和饱和的颜色，创造出沉浸式的用户体验，同时减少视觉干扰。
高对比度有助于快速导航和理解信息，尤其是在小屏幕设备上。但过高的对比度可能会导致视觉疲劳，特别是在长时间使用设备时。因此，找到一个平衡点是至关重要的。
3.如何利用对比度增强用户体验？
颜色在人们的情感和决策中起到了重要作用。在明亮模式下，色彩通常更为柔和，以避免过度刺激用户的视觉。但在黑暗模式下，鲜明的色彩可以用来引导用户的注意力，或者为某个特定的元素提供重点。
此外，黑暗背景通常会放大色彩的饱和度和深度，这意味着某些颜色可能在黑暗模式下看起来更为生动。这就要求设计师重新审视和调整色板，确保在任何模式下都能提供一致和愉悦的用户体验。
1.明亮模式下的颜色策略
在明亮模式下，背景通常为白色或浅色调，这为使用各种颜色提供了广泛的空间。以下是一些常见的颜色策略：
2.黑暗模式下的颜色突显
黑暗模式为颜色提供了一种不同的展现平台。深色背景会放大颜色的饱和度，使得颜色显得更加鲜明和有深度。
1.如何在明亮模式中创建立体感？
明亮模式下，通过运用阴影、高光和渐变效果，我们可以创造出一个具有深度感的界面。以下是一些实现层次感的方法：
2.黑暗模式中的元素前景化
在黑暗模式下，深色背景为增强元素的前景效果提供了机会。以下是一些方法来使元素在黑暗模式中更具深度感：
1.用户自定义主题的重要性
每个人的喜好和环境需求都不同，这意味着一个模式并不能适用于所有用户。为了满足广泛的用户群体，设计师应该考虑引入用户自定义主题的功能。这使用户可以根据个人喜好来选择明亮或黑暗模式，以及其他UI元素的颜色和排列方式。
2.自动模式切换的智能化
随着技术的发展，现代设备能够感知周围环境的光线条件。因此，许多应用和操作系统已经支持自动模式切换功能。根据设备所处的环境光线，**系统会自动调整UI的模式，**以确保用户始终享受到最佳的可读性和视觉体验。
3.时间感知的模式切换
除了根据光线条件，时间也是一个重要的因素。许多用户在晚上更喜欢使用黑暗模式，因为较暗的背景可以减少眼睛疲劳，有助于睡眠。因此，设计师可以考虑引入时间感知的模式切换，让应用在夜晚自动切换到黑暗模式。
4.自定义不仅限于模式
除了模式选择，用户还可以自定义其他方面的界面元素，如字体大小、颜色主题和按钮样式。这种自定义不仅使用户更加舒适，还增加了他们的参与感和满意度。
跨设备和平台的一致性
随着用户在多种设备上的使用习惯，跨设备和平台的一致性变得更加重要。用户希望无论是在手机、平板还是电脑上，都能够获得一致的界面体验。因此，设计师需要确保明亮与黑暗模式在不同设备和平台上的一致性，以提供无缝的用户体验。
融合创新的颜色选择
未来，明亮与黑暗模式的颜色选择可能会更加丰富和多样化。设计师可能会尝试融合更多的渐变效果、鲜艳的颜色和独特的配色方案，以创造出独具创意和个性化的用户界面。
能量效率与可视性的平衡
随着越来越多的设备采用了OLED和AMOLED等能量效率更高的屏幕技术，黑暗模式的受欢迎程度可能会继续上升。设计师需要在能量效率和用户可视性之间寻找平衡，以确保在黑暗模式下用户能够获得良好的视觉体验，同时节省能源。
创新的交互方式
未来，明亮与黑暗模式可能会与更创新的交互方式相结合，如手势、语音和增强现实。设计师可以探索如何将这些交互方式融入到不同模式的界面设计中，从而为用户创造更加身临其境的体验。
总而言之，在移动应用设计中，明亮与黑暗模式展现出双重魅力，为用户带来丰富的视觉体验和舒适的使用环境。明亮模式在清晰度和可读性上有着独特的优势，而黑暗模式则通过能源效率和视觉舒适度的提升，为用户在不同时间和场景下带来更多便利。随着技术的进步，用户的期望和需求也在不断演变，明亮与黑暗模式的设计将持续发展，为用户创造出更加吸引人的移动应用体验。无论是独特的配色方案、智能的模式切换还是个性化的选择，设计师都可以通过灵活的策略来融入这两种模式，为用户带来更加多元化和令人满意的界面。
车辆作为我们日常生活中不可或缺的交通工具，车载界面设计的重要性日益凸显。驾驶员的注意力和分心问题直接关系到行车安全和驾驶体验。然而，在现代车载科技的快速发展下，越来越多的功能和信息被加入到车辆的控制面板上，给驾驶员带来了新的挑战。因此，通过优化车载界面设计来提高驾驶员的注意力和减少分心，成为了一个亟待解决的问题。本文旨在探讨通过车载界面设计优化驾驶员的注意力和减少分心的方法和最佳实践。通过深入理解驾驶员的注意力和分心因素，以及车载界面设计的原则和最佳实践，我们可以为驾驶员提供更安全和便捷的车载界面体验。只有不断改进和创新，才能满足不断演变的驾驶需求，为驾驶员带来更好的驾驶体验。
注意力的定义与其重要性
驾驶员的注意力和分心因素在车辆行驶过程中起着至关重要的作用。理解这些因素可以帮助我们更好地设计车载界面，优化驾驶员的注意力和减少分心。1、注意力的定义注意力是指个体对特定信息的选择性关注和处理能力。在驾驶过程中，驾驶员需要将注意力集中在道路、交通状况和车辆操作上，以保持对驾驶环境的全面感知和准确判断。驾驶员的注意力是驾驶安全的重要保障，它直接影响着驾驶员对道路情况的感知和对紧急情况的反应能力。2、注意力的重要性驾驶员的注意力是驾驶安全的关键因素。当驾驶员的注意力集中在道路和交通环境上时，他们能够更好地应对突发状况、减少事故的发生。然而，许多车辆的控制面板上充斥着过多的按钮、图标和信息，驾驶员往往需要分心去操作和获取所需的信息，这会增加驾驶员的认知负荷，降低他们对道路的关注度。此外，娱乐系统、通信设备和导航系统等功能的设计也可能分散驾驶员的注意力，进一步增加驾驶风险。
驾驶分心的分类及最佳实践
分心因素是指驾驶员在驾驶过程中由于各种外部或内部因素导致注意力从驾驶任务上分散开来的情况。这些因素可以分为：视觉分心、听觉分心、操作分心、认知分心
1、视觉分心
当驾驶员的注意力从道路上转移到车辆内部或周围环境时，就会发生视觉分心。例如，看手机、调整收音机或寻找物品等。最佳实践：
设计清晰明了的界面，减少对驾驶员视觉注意力的分散。
提供语音控制和手势识别功能，减少对视觉操作的需求。
提供重要信息的高亮显示，引导驾驶员的注意力。
2、听觉分心
当驾驶员的听觉注意力被车内或外部的声音干扰时，就会发生听觉分心。例如，响亮的音乐、电话铃声或警报声等。最佳实践：
提供音量控制和静音功能，使驾驶员能够调整或暂时关闭声音。
使用清晰而明确的声音提示，以帮助驾驶员理解重要信息。
提供语音交互和语音反馈功能，减少对视觉操作和听觉注意力的需求。
3、操作分心
当驾驶员需要进行复杂或分散注意力的操作时，就会发生操作分心。例如，调节座椅、操作车载系统或寻找特定的按钮等。最佳实践：
设计简单易用的界面和操作控件，减少操作的复杂性和误触发的可能性。
提供大而易于点击的按钮和触摸屏，减少操作时的错误和分心情况。
提供语音控制和手势识别功能，使驾驶员能够通过自然的方式与车辆进行交互。
4、认知分心
当驾驶员的思维或注意力被其他事物或任务占据时，就会发生认知分心。例如，担心工作、家庭问题或沉思等。最佳实践：
提供驾驶辅助功能，如盲点监测和自动紧急制动等，以减轻驾驶员的认知负荷。
提供语音提醒和警示功能，帮助驾驶员保持对道路的关注。
通过了解和分类驾驶分心，我们可以更有针对性地设计车载界面，减少驾驶员的分心情况，提高驾驶的安全性和效率。同时，提供合适的驾驶辅助功能和注意力提醒，可以帮助驾驶员更好地集中注意力，降低事故风险。
车上分心动作的风险指数评估
1、分心动作的风险指数评估指标
车上分心动作的风险指数是一个评估特定行为对驾驶安全的潜在影响的指标。这个指数可以根据多种因素来确定，包括但不限于以下几个方面：
注意力分散程度：行为会导致驾驶员的注意力从道路上转移出去吗？如果是的话，分散注意力的程度有多大？执行动作的复杂性：行为需要驾驶员进行多个步骤或操作吗？操作的难度有多大？执行动作的时机：行为发生的时机会增加驾驶员的负担吗？例如，在交通繁忙或高速驾驶时进行某个动作可能会增加风险。行为的频率和持续时间：行为的频率和持续时间会对驾驶员的分心程度产生影响。频繁和持续的分心行为可能会增加事故的风险。行为的紧迫性：行为是否需要立即执行？如果不是紧急情况，驾驶员可以选择将其推迟到安全的停车点。基于以上因素，可以将分心动作的风险指数划分为不同的级别，例如低风险、中风险和高风险。这样的评估可以帮助驾驶员更好地了解哪些行为可能会对驾驶安全产生较大的影响，并采取相应的措施来减少分心行为。
2、车上常见的行为风险指数
然而，需要注意的是，风险指数是一个相对的指标，不同的驾驶员可能会因其驾驶技能、经验和个人特点而对同一行为产生不同的反应和风险感知。因此，驾驶员应该始终遵守交通规则和法律，尽量避免分心行为，以确保自己和他人的安全。
驾驶过程中常见的注意力和分心问题
在驾驶过程中，有一些常见的注意力和分心问题需要我们关注和解决。路线查询和导航操作：驾驶员需要查看导航系统、调整路线和寻找目的地等操作，这可能转移驾驶员的注意力，导致驾驶员对道路情况的关注度下降。娱乐和通信设备：驾驶员使用娱乐系统或通信设备进行音乐播放、电话通话或信息发送等操作，这会分散驾驶员的注意力，增加驾驶风险。车辆信息显示：车辆上的信息显示系统可能包含大量的信息，如车速、油耗、车辆故障等，驾驶员需要分散注意力去获取和理解这些信息，这可能影响驾驶员对道路情况的感知和对紧急情况的反应能力。了解驾驶员的注意力和分心因素对于优化车载界面设计至关重要。那么我们如何帮助驾驶员保持集中注意力，并减少分心情况的发生。
减少用户分心的设计原则
为了优化驾驶员的注意力和减少分心，车载界面设计需要遵循一些重要的原则。以下是一些关键的车载界面设计原则：
1、直观性和简洁性
界面布局清晰：将重要的信息和功能放置在易于寻找和操作的位置，避免过多的菜单和子菜单层级。
易于理解的图标和标识：使用直观和易于理解的图标和标识，减少对驾驶员的学习和认知负荷。
2、易用性和可操作性
大按钮和简单操作：设计大而易于点击的按钮，减少操作时的误触发和分心情况。
语音控制和手势识别：提供语音控制和手势识别功能，使驾驶员能够通过自然的方式与车辆进行交互，减少对视觉操作的依赖。
3、信息分层和优先级
重要信息的突出显示：将重要的信息以醒目的方式显示在界面上，引导驾驶员的注意力。
信息的分层和分类：根据信息的重要性和紧急程度，将信息进行分层和分类展示，减少驾驶员的注意力转移。
4、视觉引导和反馈
清晰的视觉引导：通过合适的颜色、图标、动画等视觉元素，引导驾驶员进行正确的操作。
即时的反馈和确认：在驾驶员进行操作后，及时给予反馈和确认，确保驾驶员的操作得到正确执行。
遵循这些车载界面设计原则，可以帮助驾驶员更轻松地操作车辆控制面板，减少对信息的解读和理解时间，降低驾驶员的认知负荷，并提高驾驶员对道路情况的关注度。同时，合理分层和展示信息，以及提供清晰的视觉引导和反馈，可以帮助驾驶员更好地理解和处理信息，减少分心情况的发生。
作者：飞凡实验室
来源：站酷
蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
蓝蓝设计的小编 http://www.lanlanwork.com