本文总结了5个B端设计思路，看看大佬们是怎么分析工作中遇到的问题的。从垃圾桶到“多入口”，谈谈B端设计思维。最近一次大扫除的时候，不小心把厨房的垃圾桶弄坏了，所以想在网上买一个合适的垃圾桶，回顾一下选购垃圾桶的经历，或许可以很好的举例让大家了解多元的设计思路入口。首先，厨房需要什么样的垃圾桶？我陷入了嘀咕，因为我自己也不是很懂，所以在淘宝上看到了很多不同种类的垃圾桶。归纳起来，基本上可以分为直板式和踏板式两大类。直式：顶部敞开式结构，用户可直接将垃圾投入桶内。如果这还不够有趣？您还可以将垃圾桶用作“篮子”来投篮。直顶的开放式结构，确实能给我们扔垃圾带来很多方便，但同时也会暴露出一些问题，那就是蚊子。因为厨房里的垃圾桶里会有很多食物垃圾，会滋生很多蚊子，尤其是一些吃剩的果核上，蚊子会很多。脚踏式：顶部是盖板，需要倒垃圾时，使用者需要用脚踩住盖板，将其抬起。这种方法可以避免厨房垃圾滋生的蚊子，但是问题又来了。做饭的时候，扔垃圾通常是很频繁的，每次都去踩，显然效率太低了。可以踩着扔掉吗？面对这个问题，我发现了一种新型垃圾桶：在为用户设计时，考虑到了两种不同的模式，所以巧妙地安排了两个入口。融合。通过顶部面板的开关，可以设置垃圾桶的开启或关闭，随时可以让垃圾桶保持开启状态，满足短时间内频繁丢垃圾的需求。同时还可以提供脚踏的形式，将垃圾桶的盖子完全掀开，这样的垃圾桶可以直接脚踏或扔掉。而我们在设计B端产品的时候，也会出现“多入口”的情况。例如在乐享的设计中，新客户有两个不同的入口：入口一：首页-客户与商机管理-客户-新建这是新客户最常见的入口，类似于直桶一个垃圾桶通过创建表单页面操作，用户可以填写表单并添加客户。入口2：首页-新建-客户这是乐享的特别设计。它在导航菜单中设置一个全局新条目。当用户在系统的任何页面上时，他们都可以创建一个新页面。你可以和我一起考虑。如果我们是销售人员，在我的工作中，我们会经常创造新客户和跟进记录。然后通过一个全局的newentry，可以帮助我们更快的操作。这是乐享的第二个新入口。让我再举一个简单的例子。同样的，我们在繁祥销售客户中对表中的筛选有两个不同的入口：常规筛选和表头筛选。正则过滤器：用在表格中，和很多操作并排放置，是比较基础的入门表头过滤器：点击后也是进入过滤器弹窗，但不同的是，表头过滤器点击后，将表的值带入筛选，实现筛选+取值的两步操作。而为什么会有两个不同的入口，回过头来想一想，就像我文章开头提到的垃圾桶一样，这两个不同的入口其实是为了方便我在某个场景（比如垃圾桶）的使用垃圾桶内垃圾的连续投掷、垃圾桶盖的开闭；繁祥销售客户新运营中的定时造新、快速造新）正是根据用户的需求设计出不同的形态不同的场景。在B端产品中，不同场景的需求往往是存在的，但为什么没有暴露出来呢？事实上，用户在B端产品中处于弱势群体。都是服从上级安排的，设计师不分析，就会选择最平庸的方式去处理需求。B端产品移动端设计的小趋势关于桌面端的交互设计我们讲了很多。最近在使用App的时候，发现了一个我观察到的小趋势。我会写出来和大家一起讨论~不知道大家是不是在处理移动端导航，你遇到过这样的情况吗。公司的移动端设计是“优雅降级”，即桌面端对产品设计满意后，再逐步考虑如何适配移动端。导致手机页面出现意想不到的问题。最常见的是底部导航栏的导航菜单不够用。为什么还不够？以钉钉的桌面为例：钉钉的桌面包含五个重要模块：我的团队、消息、文档、工作台、通讯录。办公、DING、邮件、会议、直播、收藏等应用功能。在桌面端完成这些功能的规划后，您会如何设计移动端的导航？给大家5秒的思考时间~我们先想想移动端的导航可以设置哪些“公式”，底部导航，顶部导航，桌面导航，方向舵导航，这些都是移动端导航中最常见的公式模型设计。而且它的导航承载最大不会超过五个，使用起来显然不尽如人意。钉钉面临的问题与我在实际工作中遇到的问题类似。底部导航可能会出现10+种情况。我应该怎么办？明白问题后，我就带大家分析分析一下：，遇到大量的内容，首先想到的应该是信息分层。无论是拆分10多个导航，钉钉显然也是如此。接下来，你会发现钉钉在最新更新的版本中有一个不寻常的交互。通过向上滑动底部导航菜单，就像底部抽屉一样，将剩余的模块放在抽屉下面。这样就可以在移动端将完整的导航表单展示给用户。先说说这种设计的优点：确实可以在桌面端的产品结构不变的情况下，保证对移动端的合理适配。因为在传统的交互框架下很难满足目前的问题，移动端和桌面端的导航体验基本一致，满足了用户对整个产品架构的理解再说缺点：入口太deep：因为交互入口需要向上滑动。为此，需要对用户进行一段时间的教育，让大家熟悉这种方式的冗余：目前钉钉上的内容太多，让整个产品感觉非常臃肿，添加这种交互需要的内容太多学习和理解，说实话，作为一个钉钉用户，我在工作中很想写一个项目文档。我应该选择：GotoCollaboration？去工作台？去项目？转到最近使用？如何选择？虽然我们知道钉钉拥有强大的ISV生态，但目前很多ISV功能与钉钉自身的产品功能有重叠，交集太多。当然，这种交互并不是钉钉自己创新设计的。我最早是在Teambition和飞书这两个产品上发现的（这两个和钉钉不一样）。随着钉钉的跟进，相信这种交互方式很快会成为移动端新的解决方案。最后说一下飞书和Teambition交互的细节。首先，在飞书，底部导航的配置主要来自于两个方面：导航统一配置用户：用户可以根据自己的需要自定义底部导航。其次，飞书不会出现钉钉入口太深的问题。当用户点击多了，抽屉就会展开，用户会更容易理解。Teambition类似，所以我们不做任何扩展。这是移动端设计的一个小趋势，大家可以在实际工作中使用~从文档产品中寻找表单效率的提升。表单作为B端设计的一个重要场景，一直以来都是大家在思考的问题，如何高效的录入信息？今天我们就从文档类产品“学习”一些提高表单效率的方法~首先，在入门场景，我会想到写文档类软件：我自己是一个文档类软件的重度用户。用过熊掌记、印象笔记、Notion、Ulysses、飞书文档、诗墨文档、语雀等，而你恰好是文章作者，也应该试试快捷的信息录入方式：Markdown1。MarkdownMarkdown是一种轻量级的标记语言，常用于文章排版。这种标记语言会让你沉浸在写作中，而不是反复纠结于排版，打断你的思路。比如我想在不使用Markdown的情况下设置一个“一级标题”。操作路径是先用鼠标输入文本内容，选中需要的文本内容点击一级标题按钮，完成整个录入表单。使用Markdown后，我只需要输入：#+空格+文本内容即可快速完成以上三步。我使用Markdown来提高我的信息录入效率，而且我不需要用手移动鼠标，减少了切换控制设备带来的一系列问题。在我看来，这是一种提高文本录入效率的方法，而我们如何将Markdown的思想应用到我们的B端表单场景中呢？一开始没什么想法，最近发现用ticklist的to-doitem的条目特别有意思。当我创建一个新的待办事项时：输入“！”后符号，可以设置待办事项的优先级，输入“~”符号后，可以设置待办事项的属性。是不是有点类似于Markdown的具体规则？通过这样设置特殊的规则，我可以快速选择待办事项的优先级、所属框等……不仅是勾选列表，在概念、微信、语雀中也可以。类似的交互还有，我把这种交互称为“特定规则录入”和“特定规则录入”：即利用特定录入规则快速录入用户需要的信息。在任何情况下都可以快速输入信息。缺点：在每天确实需要该符号的情况下，下拉菜单可能会造成干扰。比如在微信中，如果我们需要在聊天中使用@，那么它就不会以符号的形式出现，而是more会变成“爱特”最终登陆。在我们实际的B端项目中，我们在sales中填写follow-up记录时也做了相应的优化：我们可以使用@+space添加具体销售人员输入#+space添加follow-的标签输入uprecord!+space添加后续记录关联的合约（由于保密协议，这里就不展开了，也算是给大家提供了一些思路）不过，通过这样的修改，用户大大改进了跟进记录模块的使用。当然目前还有一些小问题，就是输入“!+space”的时候，很多业务员还是会反映这个影响比较大，希望能做出调整。将来会考虑将此快捷方式迁移到其他字母，希望能解决此问题。扩大输入区在我的日常写作中，我会创建一个新的思维导图。一方面，思维导图可以帮助我梳理自己的思维结构，梳理脑海中一些零散的知识点。另一方面，我也可以用地图帮我快速调度知识。但是在飞书文档中，由于宽度的限制，我对导图的编辑不是很友好，无法正常编辑自己的思维导图。这时候我可以双击地图进入全屏编辑状态，这给大容量内容的编辑带来了很多便利。当然，这只是在文档场景下。其实我们在日常的表单录入过程中也会面临同样的问题。通常表单的呈现都是采用弹窗的形式，但是当输入的信息过多时，需要考虑是否支持弹窗扩展到整个页面，这样可以更快地输入表格。比如在Gmail中，当你需要新建一封邮件时，有两种不同的状态：一种常驻在右下方，显示在一个小窗口中；另一种是点击全屏按钮，显示整个页面展开，作为全屏交互形式供人进入，我们自己的产品中也有放置，因为作为aPaaS类的可配置形式，我们无法确定多少用户内容，所以我们使用弹窗同时，会为用户增加一个大弹窗的入口，可以应对用户各种灵活的场景。当然，这些只是表格的一些场景，大家可以在评论区讨论。下拉菜单“浮动”问题的解答大家还记得我在选择入口文章里留下的一个话题吗？为什么很多在线产品（明道云、简道云、ONES...）从窗口调出下拉菜单后会滚动窗体？没有按照输入框？如下图所示，今天我们就来说说原因。先来看看大家在评论区是怎么讨论的吧~看了大家的回答，有的很接近，但是实际情况还是有些出入的。下面我带领大家一起讨论一下~首先，在设计层面，我们最想要的结果就是弹窗：下拉菜单和输入框是实时跟随的，类似于下图：但是在开发层面，你会得到成本太高的结论。因为影响申诉结果的原因是CSS中有一个属性叫做Position（定位），下拉菜单也是通过定位来判断的，从而实现下拉菜单和输入框跟随的状态.我不会在这里谈论这些代码。相信大部分设计师都看不懂。我就从设计者的角度来简单理解一下这个问题。你可以把弹窗本身看成是一个画板，而输入框，下拉菜单被认为是其中的一层。如果需要实时定位计算（也就是上面AntDesign呈现的效果），就需要把它们都放在一个画板上。这时候大家应该忘记了一个重要的条件因素：当我们使用弹窗的时候，整个画板必然会缩小，所以里面的图层也会受到画板的限制，无法完整显示。在实际开发中，会出现下拉菜单被遮挡显示不全的情况。当然遇到这种问题我们需要想办法解决，也就是我一开始跟大家提到的其他产品的方法：把整个下拉菜单单独当成画板，虽然不会跟着实时选择输入框。但综合来看，这种方式对用户体验的影响明显较小，权衡比较后，会采用第二种方案。其实作为设计师，我们需要做的不仅仅是去体验页面中的流程，还要关注自己页面落地遇到的诸多问题。ProblemSolver是设计师的常态。相信大家在设计的过程中，也会遇到很多和开发同学的矛盾。不如发出去看看大家能不能一起帮你解决！我是CE青年，2B行业的2B设计师~
