阿里巴巴菜鸟裹裹中的「不打扰式」提醒　　菜鸟裹裹APP中的通知设计，我称它为「不打扰式」通知，现在一般的产品为了促进用户活跃度都会频繁push一些消息给用户，如果用户被通知里面的内容吸引，打开APP，就为该产品贡献了一个「日活」，虽然有些消息是比较有价值的，但是大部分还都是营销类消息，例如「XXX降价促销」、「iPhone
11立减600」、「*包包花呗付款24期免息」…　　由于所有产品几乎都采用这种方法来提高业务指标，用户们逐渐开始禁止了各种APP的通知权限，所以现在对于一些电商类型的产品来说，通知打开率已经成了一个很

　　逻辑架构　　网上搜一下关键字「B端」、「表单设计」，会搜到很多相关设计经验出来。不过大多数经验试图解决单个表单的布局和样式问题(比如标签栏和输入框是上下布局还是左右布局、左对齐还是右对齐)，而非多个表单之间的逻辑架构和衔接关系。然而一个页面不会无缘无故的出现，它承载了特定任务，特定任务是用户达成目标的其中一环，和其他任务(页面)环环相扣。需求不会脱离于场景单独存在。场景中的需求，需要场景化的解决方案。　　举个例子，某商家要进货，需要提供订货单(表单1)，包含商品列表(表单2)，收货信息(表单3)，开票信息

　　瑞幸咖啡APP的一处改版设计　　场景如下：用户在瑞幸咖啡app下单时，选择好商品并进入提交订单页面，此时可以在页面中选择要使用的优惠券，并且在进入这个页面时，已经为用户自动选择了优惠力度*的一张券，减少了用户的操作成本。　　说到这里其实也只是常规操作，这种设计已经很普遍了，但是让作者感觉惊喜的其实是优惠券右侧的一个「取消使用」的小按钮。　　在之前的旧版本中，是没有这个「取消使用」按钮的，可能有的朋友会说，默认选择一张优惠券才是比较好的设计方案啊，你怎么会因为这个功能惊喜?　　其实要理解他的*之处还是要

　　理解设计系统　　设计系统能够统一设计语言，从而帮助团队解决设计一致性问题。一套系统中包含交互规范，品牌规范，声音规范，文案规范，代码标准以及一个UI库。　　为什么需要创建设计系统?　　一个设计系统能够统一产品开发，并能节约开发成本。建立设计系统可能在开始阶段降低设计效率，但它将会加倍回报给你的团队和产品。　　设计系统的优势:　　*的执行标准　　增加一致性　　节约时间　　什么时候应该建立一套设计系统?　　我个人比较喜欢等到产品和开发团队开发之后再开始着手做设计系统。然而，有些人喜欢从一开始就做设计系

　　在多方合作的项目中，我们需要规划项目的合理落地方案，并在执行过程中和各方有效沟通。结合近期羚珑商家合作测试项目的实践经历，聊聊我在项目中的心得体会。　　项目背景　　我们想了解京东首焦banner中，设计因素对点击效果的影响情况。做这件事*的限制在于投放数据会受多种因素影响，不仅是一个设计因素的选择，还有比如人群、出价、品牌、类目等因素的不同，都能影响到最终的投放结果。因此，从总体样本中取样进行分析的意义不大。为了解决上述问题，我们招募了一些能控制其他因素的品牌广告主，与有能力支持投放的测试投放系统合

　　钉钉支持了全国14万所学校、600万名教师、1.3亿学生在线上课，相当于全国一半的学生，他们分布在全国30多个省份，从最发达的北上广深，到相对偏远的农村山区。我们也从大年初二开始在家上班，升级功能、优化体验、紧急扩容，就是为了学生们有课上，有作业做。　　△ 疫情期间上课情况　　当然我们的学生们也非常努力，一个小女孩被记者拍到在妈妈的摊位案板下上网课，台上是生活，台下是希望。在偏远山区，山村姐妹路边上寻找信号上网课，信号不强，梦想不断。600万老师也变身网红直播上课，湖北武汉的一名女老师，在自己的婚礼当天，

　　顶部导航和左侧导航的用法　　顶部导航：顾名思义导航在顶部，这也是目前网站最常见的主导航模式。顶部导航一般会含有个人中心和一些功能入口。　　顶部导航常作为一级导航。　　如下图猫眼PC网站，顶部导航包含首页、电影、影院、演出、榜单、热点和商城等导航功能模块。　　如果导航里面存在二级导航则可以聚合在下拉菜单里面，鼠标hover出现下拉菜单，点击下拉菜单里面的选项，进入对应的功能界面。如下图所示的ant
design导航组件，鼠标hover出现二级导航，导航里面还进行了分组。　　侧边栏导航：多用于二级导航(相对于顶部导航

　　由于B端产品的复杂多样，我们今天所要讨论的不单单局限于弹窗这一种控件的设计，而是一个「泛弹窗」的话题，透过弹窗去分析理解其他类型信息展示的业务逻辑。　　从宏观上讲，目前B端设计中信息展示的控件可以分为三类：弹窗、抽屉、新建页。在这三种展示形式中，我们需要明白它们四类分别是什么、有哪些、在什么场景中使用、以及在优缺点和适应的不同业务，这样可以更好的为我们设计服务。　　什么是弹窗　　1. 弹窗的定义：　　弹窗是一种中断用户当前操作并对其进行补充、或者对当前操作进行强制反馈的交互形式。　　一般需要用户进

　　背景　　问题来自一次旁听：开关状态切换前后，除了开关控件的UI状态，开关说明是否应该也有反馈差异?我觉得还挺有意思的。　　小L：开关打开和关闭可以通过开关控件的UI反馈,所以开启前后说明文案没有差别也不会让用户不理解.　　小W：开关打开前后说明文案没有差异，只通过UI状态反馈真的已经让用户清楚的知道开启的状态吗?　　△ 开关状态切换开关说明的无差别反馈　　那么为了更好的帮助用户理解开关操作生效与否，开关状态切换还需不需要额外的反馈，如我们讨论中的开关说明是否还需要差异反馈?　　思考　　我们查阅了material d

　　在产品运营中，「引流」一词频繁出现。为了引流，搞个闪屏广告、展示在首页banner位、优化一下SEO、做竞价推广，想必大家都有听过。　　那么，你知道「导流」吗?导流的价值又是什么?有哪些技巧能做好导流呢?今天，我们就来看看传闻中的导流设计。　　什么是导流　　导流，是通过借助一个产品的用户群向另一个产品导入流量，从而实现相互成就。说到这里大家可能有点懵，这和引流有什么区别?其实，二者是相辅相成的对应关系，一个给予一个接受。以微信与微视为例。今年初大热的微视红包，就是借助了微信高频带低频而被人们广为知晓的。微

　　在线音乐平台的现状　　15年国家出台了在线音乐最严版权令，而「版权」的存在直接影响了各平台的乐库资源，从而影响了用户使用在线音乐产品最基础的核心诉求：我想搜个歌听。关于「版权」之争赛段的结果已经尘埃落定，包含QQ音乐在内的三大腾讯系音乐产品(Q音/酷狗/酷我)基本获得了胜利。而晚了Q音8年上线的网易云音乐，虽然在版权之争并不占优势，但却更早的开始关注音乐平台的社交功能，并通过网易门户引流和体验口碑吸引了大批用户。　　带着社区与情怀概念杀入top排行榜的网易云音乐，预示着在线音乐平台从工具到完整生态的衍变进

　　用户隐私安全在产品设计中是很重要的一个环节，本文从用户体验角度切入，从匿名模式、减少*性和减少公开性三个方面展开分析。　　我们先看?组来??优的2019年6?的调研数据：70%的美国?认为，与5年前相?个?信息变得更不安全。尤其是?学历?收?群体。由此可??户对个?信息数据的隐私担忧?以往更甚。　　?户隐私安全很重要，涉及的范围和?度也很多。本次的分析从?户体验?度切?，涉及如下三个??：　　Incognito Mode匿名模式;　　Reducing Permanence减少*性;　　Reducing Publicity减少公开性。　　匿名模式　　下图是Google系App(Google Ap

　　如何让自己的产品在保证基本的可用性和易用性的同时，还能让界面看起来柔和、更富有亲和力?一个产品能留住用户的虽然是内容本身的质量与吸引力，但一个小小的细节却能够阻止用户的流失，成为内容转化的*一道防线，让人眼前一亮，值得借鉴。　　「腾讯动漫」趣味的icon动效　　1. 产品体验：　　个人中心的性别切换以重量级的功能展示在一级页面，点击切换男女图标，以动画的效果过渡切换;　　性别切换的同时，根据不同性别，首页的推荐内容也随之更换。　　2. 设计思考：　　性别icon通过动态的方式切换， 动态比静态更加吸引眼球，增

　　从系统连续性上看AirPods可以在不同设备上无缝切换，不同设备直接可以复制粘贴等等，显而易见的一件事是，苹果启动了macOS的「
iOS化」，所以回归到设计上，这次的升级对设计语言上的影响概括来说有以下几个方面：　　全局设计调整(iOS/iPad化)　　拟物设计风格再次复苏了么?　　降低视觉复杂性-布局结构的简化处理　　重塑feedback设计　　信息提取效率进一步优化　　全局设计调整　　逐步 iOS 化的 macOS　　不知道大家有没有这种感觉：以前从诺基亚(或Android手机)切换到iPhone，动机是cool～，漂亮的外观让人*面就爱上了，恨不得

　　信息爆炸时代，屏幕能展现的内容变得越来越多，但能令用户印象深刻的内容却少有。其中起反向效果、招致用户厌烦者，更是比比皆是。然而于需求方而言，每个文案、每一个商品、每一个图片，都是争夺用户注意力的「兵家必争之地」，扛着GMV的大旗难以取舍，这时，平衡体验的重任就交到了设计师的身上。　　不论是对信息做什么样的处理，对设计师而言，都是以「更好的用户体验」为最终目标的。于是，从「用户体验的5要素」出发，结合近期的项目经验，我总结出了5个问题，以帮助自己在面对商品信息组织的时候，能更好地梳理思路。　　△ 开

　　面对功能优化类项目，如何做好需求分析?　　功能优化类需求的核心在于准确定位待优化项，做好需求收集筛选再进入设计阶段。　　面对大大小小的需求要如何处理?怎么把得到的需求落地成设计稿?本次总结将结合「同学会邮件预告功能优化」项目，针对需求分析的流程做简单讨论。　　同学会邮件预告功能简述：　　同学会为JDR团队内部的课程讲座，形式分为专业课程与沙龙两种，均以共同主题的形式包装2-5节课程进行分享。为更好地保证课程的宣传力度，JELLY共享平台提供邮件预告功能，在课程负责人录入课程后，系统邮箱将在课程前*10点自动发

　　落地页也称着陆页，用户点击广告后显示给用户的页面，简单来说就是让你的用户了解你的产品和服务。落地页一直是转化的核心，一个*的落地页对于转化有事半功倍的效果。用户从入口进入落地页，对品牌的印象是在很短的时间内建立的，*印象也会影响后面的浏览过程，怎样让用户在打开的一瞬间就形成记忆点，建立品牌认知，是设计一个好的落地页的挑战所在。　　落地页的特点　　带有明确的目的和目标　　所有的信息为该目标服务　　在我们的运营设计工作中常常有这种小型的落地页需求，要求我们快速产出高质量的页面。设计师在设计过程中，

　　前言　　设计师经常会遇到这样的囧境：思考太肤浅、思考不够体系化、设计无法说服别人，针对这种境况希望从设计模型的角度去帮助大家扩展设计思维，让设计方案有理有据，本文用几个实际案例来展示如何使用设计模型辅助设计，希望帮助大家可以成长为一个有思考深度能解决问题的设计大师。　　△ *设计师必备素养：能解决问题，还有思考深度　　常用设计模型　　在实际做项目的过程中，既有指导整个设计流程的体系化的设计方法论，又有针对具体设计方案的指导性设计模型，所以设计模型按照使用场景可以分为2大类：流程框架型和设计策略型

　　在当前的行业背景当中，设计师了解交互视觉就足够了么?NO!JDCD今天带来服务设计思维，分享好的设计将具备哪些技能点～　　为什么UED要加入服务设计思维　　随着整个行业的融合和发展，设计师职责的边界越来越模糊，线上线下的融合，设计的链路也越来越长。一个*的设计师，不仅要懂得视觉、交互，还要懂产品、运营、用户研究等。　　因此设计师输出的产物不再是单一的设计稿，也许是一个优化的建议，一个方向的描述，或者思路的呈现等等。好的设计师应该是在全链路的各个环节，都能够有的放矢的输出对业务有价值的产物，并最终推动业务

　　大家好，今天我们来聊一聊苹果和谷歌的设计语言。自从移动互联网开始兴起，我们的日常生活开始充斥着大量的移动设备，手机，Pad，智能穿戴设备。而这些产品，其操作系统要么是苹果的
iOS 系统，要么是谷歌的安卓系统。从 2007 年同时问世以来，双方都已经发展出一套成体系的设计语言。　　那么苹果和谷歌两个巨头主导系统设计语言各自的发展历程是什么，区别又在哪里?　　苹果的多点触控;　　碎片化的安卓;　　拟物化设计;　　iOS 7 的扁平化;　　Material Design;　　3D touch 与刘海屏;　　苹果的多点触控　　2007 年 1 月，苹果推