高手是如何分析的?看看这5个B端设计的细节思考优设网

最近在一次大扫除当中,不小心把厨房里的垃圾桶给摔坏了,于是乎想在网上选购一个合适的垃圾桶,而回顾了垃圾桶的选购经历,或许它是一个很好的例子,让大家了解多入口的设计思考。

首先,究竟厨房需要是什么样的垃圾桶?我陷入了嘀咕,因为我自己也不太明白,于是我在淘宝上看到了许多不同类型的垃圾桶。

把它们总结了一下,基本上可以分为两类:直筒式、脚踏式

直筒式:采取顶部开放的结构,使用者可以直接将垃圾扔到桶里。如果不够有趣?你还可以将垃圾桶看作“篮筐”进行投篮。

直筒式顶部开放的结构,确实能够给我们扔垃圾带来不少便利,但同时也会暴露一些问题,就是蚊虫。因为厨房里的垃圾桶会有很多餐厨垃圾,也因此会滋生很多蚊虫,特别是在一些剩下的水果核上,会留下很多蚊虫。

脚踏式:顶部为盖板,当需要扔垃圾时,使用者需要用脚踏住盖板,并将其抬起。这种方式就能够避免厨房餐厨垃圾所滋生出来的蚊虫

但问题又来了,在做菜时,扔垃圾通常十分频繁,每一次都需要脚踏显然效率太低。那能否既能脚踏又能随手就扔呢?

面对这一问题,我发现了一个新式垃圾桶:

而在我们设计B端产品时,同样会有“多入口”的情况。

比如在纷享销客的设计当中,新建客户有着两个不同的入口:

入口一:首页-客户及商机管理-客户-新建

这是新建客户最为常规的入口,它就类似垃圾桶的直筒式。通过表格页操作的新建,让用户进行表单的填写,进而新增客户。

入口二:首页-新建-客户

这是纷享销客的一个特别设计,它在导航菜单处设置一个全局的新建入口,当用户在系统的任意页面,都可以进行新建。

大家可以跟我一起思考一下,我们如果是一个销售人员,在我的工作当中,会去经常新建客户、跟进记录等,那通过一个全局的新建入口,能帮助我们更快的进行操作。这便是纷享销客的第二个新建入口。

我再给大家举一个简单例子,同样我们在纷享销客当中,表格当中的筛选同样也是有着两个不同的入口:常规筛选与表头筛选。

常规筛选:用于表格当中一般和许多操作并排放置,算是一个较为基础的入口

表头筛选:点击过后同样也是进入到筛选弹窗,但不同的是,表头筛选点击过后,会将表格的值带入到筛选当中,来实现筛选+选值这样的两步操作。

在B端产品当中,不同场景的需求其实经常存在,但为什么没有暴露出来?其实是因为用户在B端产品当中,本身用户就是处于弱势群体,他们都是服从于上级的安排,而设计师不会分析,就会选择最平庸的方式去处理需求。

咱们讲了很多桌面端的交互设计,最近在使用App时发现了一个自己观察到的小趋势,随便写写与大家探讨探讨~

不知道大家在处理移动端导航中,有没有遇到这样的情况。公司的移动端设计是“优雅降级”即先满足桌面端得到产品的设计后,再逐步去考虑如何适配移动端。导致移动端页面中出现了意想不到的问题。最为常见的就是底部导航栏的导航菜单不够用。

为什么不够用,我拿钉钉桌面端进行举例:

我们先想想移动端导航有哪些“公式”可以套,底部导航、顶部导航、桌面式导航、舵式导航,这便是移动端导航设计中最为常见的几个公式模型。而它的导航承载的最大数量不会超过五个,因此使用起来显然不太满足。

而在钉钉面临的问题在我实际工作中遇到的问题类似,底部的导航可能会出现10+的情况,究竟应该怎么办~

明白问题后我带着各位进行分析分析:

首先我们在设计中,遇到数量多的内容时,首先想到的应该就是信息分层,无论是将10多个导航进行拆分,显然钉钉也是这么做的。

接下来你会发现钉钉在最近更新的版本中,出现一个不同寻常的交互。

通过上划底部导航菜单,类似一个底部抽屉,将剩余的模块放置在抽屉下。这样就能将完整的导航形式在移动端的方式展示给用户。

说说这样设计的优点:

确实能够保证在桌面端产品结构不变的情况下,对移动端的合理适配。因为按照传统的交互框架下难以满足现在的问题

移动端与桌面端的导航体验基本保持一致,满足用户对整个产品架构的认知

再聊聊缺点:

冗余:目前钉钉太多的内容导致整个产品给人的感觉十分臃肿,再新增这个交互后需要的学习理解的内容就过于繁多,说实话我作为一个钉钉的用户,我要去写一个工作中的项目文档,我是应该选择:去协作?去工作台?去项目?去最近使用?同时又拥有文档、石墨文档、Teambition如何选择?

虽然知道钉钉拥有强大的ISV生态,但目前很多ISV的功能与钉钉自身产品功能重叠,交集过多。

当然这类交互并不是钉钉自己创新设计的,我是在Teambition以及飞书这两款产品上首先发现(这两款与钉钉的做法还不太一样),随着钉钉的跟进,相信这类交互很快会成为一个移动端的全新解决方式。

最后再说说飞书与Teambition在这个交互中的细节

飞书管理后台:提供入给管理员,让公司的管理者可以对默认的导航进行一个统一配置

用户:用户可以根据自身的需求特定,对底部导航进行自己个性化的配置

其次,飞书不会存在钉钉入口太深的问题,用户点击更多,就展开抽屉,用户更容易理解。

Teambition也是类似,就不做拓展,这便是移动端设计的小趋势,大家可以在实际工作中用起来~

表单作为一个B端设计的重要场景,一直以来我都在想,究竟应该如何高效的进行信息录入?今天我们就从文档产品中,去“借鉴”一些表单效率提升的方法~

首先在录入的场景中,我会想到写作类的文档软件:

比如我想设置一个“一级标题”

没有使用Markdown,操作路径是

使用Markdown后,我只需要

输入:#+空格+文本内容即可快速完成上面三步的操作

我使用Markdown就可以提升我在信息录入时的效率,手也可以不用去移动鼠标,减少切换控制设备所带来的一系列的问题。在我看来这便是一个文本录入效率提升的一个方式,而我们怎么将Markdown的思路落地到我们的B端表单场景中呢?

我本来也是没有任何思路的,可是最近在使用滴答清单发现它的录入特别有意思,当我在新建一个待办事项时:

输入“!”符号后,即可设定该待办事情的优先级,同样在输入“~”符号后,即可设置该待办事项的归属。

是不是和Markdown的特定规则有那么一点点类似了~

通过这样设定特殊规则,我可以对待办清单进行快速选择优先级、归属箱等等...

“特定规则录入”:即使用特定的录入规则,将用户需要使用的信息进行快速的录入

最后的落地,在我们实际的B端项目中,我们在销售填写跟进记录时也做了相应的优化:

我们可以用@+空格添加具体的销售负责人员

输入#+空格添加跟进记录的标签

输入!+空格添加跟进记录关联的合同

(由于保密协议,这里就不展开去讲,算是给大家提供一些思路)

不过通过这样的改版,确实让用户在使用跟进记录这一模块上有了极大的提升。当然目前还是会有一些小问题,就是在输入“!+空格”时,很多销售还是会反馈这个的影响有些大,希望能够进行调整。

之后会考虑将这个快捷方式迁移到其他字母,希望能够解决此问题。

在我日常的写作中,我会新建一个思维导图。

一方面思维导图能够帮助我去梳理我的思维结构,整理一些脑袋中零散的知识点,另一方面我也可以通过导图,帮助我进行快速的知识调度。

但在飞书文档中,因为宽度限制,导致我在对导图的编辑特别不友好,没办法正常的编辑我的思维导图。这时候我可以双击导图,进入到全屏编辑的状态,这就对大容量内容的编辑,带来的非常多的便利。

当然这只是在文档场景下,其实我们在日常的表单录入的过程中,同样会面临同样的问题。

通常,表单的呈现都是采取弹窗的形式,但是当信息录入过多时,就需要考虑是否支持将弹窗扩展至整个页面,能够将表单进行更快速的录入。

比如在Gmail中,当你需要去新建一封邮件时,就有两种不同的状态:

这种交互形式也被放在我们自身的产品中,因为作为一个aPaaS类的可配置化的表单,我们本身是不能确定用户的内容量,因此在采取弹窗的同时会为用户增加大弹窗的入口,可以应对用户灵活多变的各种场景。

为什么线上许多产品中(明道云、简道云、ONES...)窗口下呼出下拉菜单后,滚动表单都没有跟随录入框吗?如下图,今天我们就来聊聊其中的缘由。

看到大家的回答,有的已经十分接近,但是实际的情况还是会有一些不同,我来带领大家一起讨论~

首先,在设计层面上,咱们最想要的结果是在弹窗中:下拉菜单与录入框进行实时的跟随,也就是类似下图:

但是在开发层面,你会收到成本太高的结论。因为影响上诉结果的原因就是在CSS当中有一个属性叫Position(定位),下拉菜单也正是通过定位来进行位置的判断,从而实现下拉菜单与录入框跟随的状态。

这里就不扯那些代码什么的,我相信大多数设计师都看不懂,我就简单将问题用设计师的角度去理解,你可以将弹窗本身看作是一个画板,而录入框、下拉菜单都看作是其中的一个图层。

如果需要实时定位来进行计算(也就是上面AntDesign所呈现的效果)就需要将它们都放在一个画板里面。

这时候大家应该忘了一个重要的条件因素:弹窗

当我们使用弹窗,必然会将整个画板缩小,因而在里面的图层也会受到画板的局限,不能完全展示,在实际的开发中,就会出现下拉菜单遮挡展示不全。

当然遇到这种问题我们就需要找到解决办法,也就是最开始与大家讲到的其他产品的做法:

将整个的下拉菜单单独看作是一个画板,虽然不会对选择录入框进行实时跟随,但是从整体来看,这种方式显然影响用户的使用体验更小,在权衡比较过后,就会采取第二种方案。

相信你在设计的过程中,也会遇到许许多多与开发同学产生的矛盾~不如发出来,看看大家能不能帮你一起解决!

THE END
1.在WPS表格中怎么给表格加上标题?1、打开软件并创建一个新文档, 然后单击菜单栏中的 "插入" > "插入表"。https://www.3d66.com/answers/question_215387.html
2.可使用自动求和按钮,其它类型的计算可使用表格菜单下的刷刷题APP(shuashuati.com)是专业的大学生刷题搜题拍题答疑工具,刷刷题提供在表格中将一列数字相加,可使用自动求和按钮,其它类型的计算可使用表格菜单下的___ 命令。A.公式B.排序C.填充D.删除的答案解析,刷刷题为用户提供专业的考试题库练习。一分钟将考试题Word文档/Exhttps://www.shuashuati.com/ti/a5c1256a82f847e48580e9ab4e51ff91.html?fm=bd30c7f23da141ff63d485bb18456776fe
3.厨师员工餐菜单厨房员工餐表格模板厨师员工餐菜单-厨房员工餐表格模板 厨师员工餐菜单 作为厨师,我们的工作不仅仅是烹饪美食,还包括照顾员工的饮食。因此,我们精心设计了厨师员工餐菜单,以确保员工的身体健康和工作效率。 以下是菜单上的几道菜: 1. 红烧肉 这是一道传统的中国菜肴,以五花肉为主料,配以葱、姜、蒜等调味料,经过多道工序制作而成。https://www.coffee.cn/xican/post/355846.html
4.每周菜单图片免费下载每周菜单素材每周菜单模板千图网为您找到138张每周菜单相关素材,千图网还提供每周菜单图片,每周菜单素材, 每周菜单模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/meizhoucaidan-174-0.html
5.餐厅开业计划书2、厨房设备调试。 3、主菜单样品菜的标准化工作。 4、准备模拟开业的筹备工作:确定模拟开业的时间,明确模拟开业的目的,召开部门会议,强调模拟开业的重要性。取得全员统一。 二十.开业前的试运行 开业前的试运行往往是餐厅最忙、最易出现问题的阶段。对此阶段工作特点及问题的研究,有利于减少问题的出现,确保餐厅从开https://www.99xueshu.com/w/filear1wzv8w.html
6.上得厅堂下得厨房的下一句“上得了厅堂下得了厨房”下一句是:“守得住寂寞,创得了辉煌”。这句话形容一个人特别的能干,做什么都行,在做家务上,可以将家里整理的非常完美,在工作中一个人也可以独当一面,并且能取得好的成绩。https://edu.iask.sina.com.cn/jy/g1G5pjImIh.html
7.如何一个人准备一桌家宴/年夜饭设计菜单盘点工序设计流程一个人准备一桌菜,既要在厨房备菜也要和大家一起吃饭。想达到一个理想状态:1. 主人不至于忙乱,如果是开放式厨房还要边做菜边聊天;2. 要让菜合乎众人口味;3. 从第一道菜上菜到最后一道菜上菜,不超过20分钟。这样,大家就不用为了等主人上桌,干瞪着菜变凉。 https://m.douban.com/group/topic/301397983/
8.word表格中同一行字体不再一条线上,怎么解决百度爱采购厨房装修设计贸易是全国优质产品交易平台批发选购厨房装修设计,上百度爱采购厨房装修设计专题页。广告 excel表格怎么转换成word文档 1、先进入Excel表格,然后选中需要导入到Word文档中的区域,按下 Ctrl+C 复制; 2、打开Word,然后选择菜单栏的“编辑”中的“选择性粘贴”,在 excel表格怎么转换成word文档https://wenda.so.com/q/1638205115210082
9.餐厅环境卫生检查一览表格.doc天花板有无破损、漏水痕迹,是否清洁、无污迹 8、通风口是否清洁、通风是否正常 9、灯泡灯管灯罩有无脱落、破损、污痕 10、餐厅通道有无障碍物 11、餐桌椅是否无破损,无灰尘、无污痕 12、菜单是否清洁,是否无缺页破损 13、背景音乐是否过大,是否适合就餐气氛 14、卫生间是否无异味,无污痕,镜面是否无灰尘,无裂痕。https://max.book118.com/html/2018/0823/6220231033001213.shtm
10.厨房管理(精选十篇)厨房管理应用先进的信息化、智能化技术, 变革传统意义上的酒店餐饮业竞争方式和经营管理模式, 进而赢得餐饮市场新的竞争优势。酒店厨房未来的发展趋势有着明显的特点, 就是信息化与智能化的管理。在厨房全面实施信息化, 主要解决厨房的菜单设计、各类菜品的规格、厨师技术水平的综合评价, 各种信息的传递, 以及利用信息https://www.360wenmi.com/f/cnkeyzskui6x.html
11.贪心算法流水作业调度问题贪心算法作业调度想象一个餐厅的厨房: 作业卡:就像菜单上的菜品,每个菜品需要不同的烹饪时间和装盘时间。 M1和M2:就像两个厨师,M1是第一个厨师,负责烹饪;M2是第二个厨师,负责最后的装盘。 贪心算法的步骤: 分组: 把菜单上的菜品分成两类: N1:那些烹饪时间不比准备时间长的菜品,就像是简单快速的菜品。 https://blog.csdn.net/qq_52291558/article/details/141286614
12.餐馆Excel表格模板餐馆Excel表格模板下载饭馆餐吧点菜单Excel模板 1027 餐饮成本报表execl模板 11916 前厅卫生检查表execl模板 13411 餐饮财务收支报表Execl模板 1269 一周营养食谱表Execl模板 844 订餐预定登记表Execl模板 724 餐饮部西餐厅收档工作检查表Execl模板 1414 餐饮厨房食材采购表Execl模板 https://m.tukuppt.com/excelmuban/canguan.html