作者:胡尊利
内容简要:
一、我们是谁?
二、我们做了什么?
三、我们是如何做的?
四、访客预约系统为例的宜搭产品优化过程
一、我们是谁?
首先,我们代表的是整个杭州云谷学校的教育科技研发中心,下辖两个团队,一个团队是属于技术研发小组的,这个小组里有产品交互团队,有服务端的开发技术团队,也有前端开发技术团队,包含iPad端的开发。
我们还有一个叫智慧校园IT的技术支持团队,这个团队中除了正式员工之外,还有依托了阿里巴巴IT托管的驻场服务团队。
从这个组织架构可以看到,我们的整个职责也是分为两个部分,第一部分主要是以软件产品的研发为主,做的主要是服务于教育教学的软件,还有以MS系统为主的系统研发。
第二部分是覆盖了学校里面的智慧校园建设,包含了智能门禁,校园一卡通等工作,也包含了IT设备的采买,日常的故障报修,以及学校办公数字化的建设。
二、我们做了什么?
下面给大家讲一下这几年研发中心做了什么事情。
我们打造了一个以覆盖iPad端、PC端以及以钉钉作为技术底座的移动端,覆盖了三端且支持了云谷的师生,以及家长在云谷的工作平台。
在工作平台可以看到,除了教育、教学、教务的系统软件之外,我们提供了覆盖了整个HR的工作台,行政的工作台以及IT的工作台,还有其他一些提供给家长、学生使用的办公校园生活所用到的IT数字化的基础设施。
这里的话,对于HR的工作台有类似于请假系统、绩效管理系统,对于行政的工作台有报修清洁的支持工作,对于IT工作台有IT的故障报修,有我们给学校提供的顺风车,访客预约系统,场馆预定系统等。
对于学生端的话,我们提供了学生卡挂失,自动补办流程。对于家长们的话,还有图书馆的缴费流程,图书馆借书逾期的催缴流程,有的需要家长去确认,家长来付款并上传凭证。
可以看到,我们在围绕整个智慧校园的建设方面,提供了比较完善的一套数字化基础设施。
三、我们是如何做的?
大家可以看到,这么多的系统功能,如果是采用传统的软件开发方式,从产品经理到研发,到前后端投入,最后再到测试到上线,这个过程的成本会非常高昂。但是我们知道在学校场合下,每一分钱都要花在刀刃上,我们希望能够节省下更多的资金成本,用在师生的教育、教学上。
那么为了达成这样的目的,同时为了高效响应老师的个性化需求,这些系统几乎是零代码的开发投入,全部基于宜搭完成的校园数字化办公的建设。
那么我们为什么要选择宜搭呢?
我们说宜搭作为一个低代码的平台,提供了一些好处:
1.上手快、门槛低
宜搭这个系统在绝大部分场景下面,它是一个基于可操作的拖拽组件,然后配上一些决策审批流程,就可以完成基本功能,这在校园场合里非常适用。在使用宜搭搭建这些系统的过程当中,系统搭建者是谁呢?不是我们的技术研发前后端小哥,甚至不是技术支持人员,而是来自行政部门,来自其他招生部门,来自后台职能部门的非IT工作背景人员,借助指导手册自主完成的。
2.开发快
不需要经历复杂的流程,基本上既是需求方也是实施方。我们刚才讲了上手快、门槛低,所以有很多的宜搭搭建人,他是最终需求的提出方,同时也是最终用户,所以开发非常快,他可以可视化选择自己想要的页面,想要的业务流程,没有过多决策沟通成本在里面。
3.省运维
如果我们自研去做这些系统的开发部署实施,无论是合在一起去开发,还是分散做微服务化部署,都需要高档的机器成本和运维的这种成本。基于宜搭的话基本上是云端部署,不需要技术人员太多投入,并且它的稳定性可以得到保障。
4.易集成
宜搭这个平台如今跟钉钉这样的技术底座做了很好的集成,我们利用钉钉账号可以实现免登,这一点对于校园师生使用这个系统流畅性的体验也是至关重要的。
以上就是我们为什么在技术选型过程当中,坚决避免了开发人员的重度投入,而使用宜搭搭建整个校园办公数字化建设的最重要原因。
接下来想给大家重点分享一下,基于宜搭平台,我们是如何做这个校园办公数字化产品的,是不是说基于宜搭可视化拖拽,我们就可以随便可视化地把这个表单搞起来,能工作就完了呢?
不是这样子的,它也包含了职能部门的办公人员来完成宜搭的产品。
是不是搭完了以后就直接上线了?
也不是。这个过程中我们的研发团队的职责要扮演最后产品验收和产品把关的过程,依然要以一个线上产品的严肃性,对产品的所有体验负责,以这样一个态度来看待整个过程,不断推动基于宜搭产品的用户体验,也要得到极致的保证。
四、访客预约系统为例的宜搭产品优化过程
(一)怎么做?基于宜搭,依然要要追求极致的用户体验?
前面跟大家分享了我们要做一个全面基于宜搭建设校园办公数字化系统的原因,接下来跟大家分享一下我们是如何利用宜搭建设系统的,特别是在这个过程当中,利用宜搭建设访客预约系统的案例过程。
在分享案例之前,首先想给大家去分享一个没有经过严谨的考证的故事,这个故事是来自李嘉诚。
据说李嘉诚曾问过下属一个问题,就是开车进加油站的原因,也就是最想完成什么?有的人回答加油,有的人回答喝水、上厕所,或者是别的什么目的,其实通通不对,最后他的回答是:开车进入加油站的人最想完成的事情是快点离开。
如今,我们基于宜搭完成校园数字化办公的工具系统建设,我们类比着去问这样一个问题,老师用这样一个系统的目的是什么?
在这里面完成各式各样的行政办公事务过程,这是它的本意,但是所有的用户在使用这个系统的时候,其实最想做的事情是能够在尽可能短的时间完成这个事情,哪怕有更多的时间,我们也可以把这些时间花在其他更美好的事情上,这些办公性的事务工作,越快完成越好。
(二)工具性产品的第一法则——效率
在这里我们要提出来,基于宜搭做的这些产品系统,都叫做工具性产品。
那么在工具性产品要提到的一个法则,这也是这些产品牢牢守住的一个底线法则,就叫效率。效率一定是第一位的,那么效率又包含什么?它的内涵是什么?又包含什么内容呢?
效率有信息的获取效率,操作的效率,操作的效率又有很多内涵,然后里面再批次上来讲包含了鼠标的移动距离、鼠标的滚动时间长短、鼠标的点击次数。那对于移动端来讲,也包含手指触摸的位置,是双手持平、单手持平,是左手持平还是右手持平,它触摸的位置等这样一些极致的操作效率,能不能让绝大部分操作在一屏里面完成,这个是我们在去回顾宜搭出来这些工具型产品之后所去把握的一个原则。
(三)基于效率第一的法则 Review访客系统产品
基于这样一个原则,我们来看一下宜搭的一个产品——访客预约系统,进行回顾并不断推动系统进行迭代优化的过程。
通过下图,大家可以看到最初小伙伴给到访客预约系统是什么样的。
首先,老师要在钉钉工作台上点击智慧云谷,其实就是钉钉提供这个工作台入口,点进去然后滚动到访客预约AI WORK这个APP在整个作用列表里面所在的位置,然后点进访客预约,点进访客预约后,给出了一个待我处理,或者说用户提交的访客的列表。
当然,个别老师可能是审批者的角色,那么这就会是一个审批的列表,如果不是审批角色的话,那么是个人列表。进到这个界面之后,要点到左侧Type里面的菜单,类似于访客预约进到另外一个界面,这个界面里我们看到有一个很大的Logo,还有一个介绍学校办学理念的一段文本,在下面有个中英文版,再选择中文版,接下来进入到这个表单页面。
可以看到,一个老师为了提交一个访客的请求,我们从点击打开钉钉点智慧云谷,滚动到这个位置,再去点开进入到访客预约系统的列表页,点击左侧的菜单进入到中英文选择界面,最后进入到表单页面,经历了许多个步骤,是一个十分漫长的过程。
(四)基于效率第一的法则Review访客系统产品(2)
在回顾这个产品的时候,我们再提出一个问题,学校里面90%的老师用这套系统的时候,都是想要提交一两个家人、朋友进校访客信息,我们有数据的统计来证明这一点,但是老师需要六七步才进到这个表单的页面,过程十分漫长,做一次操作浪费六七秒钟甚至更长时间,这么美好的时间浪费在这个事情上,是不值得的。
因此,我们把这些问题做了一个总结,我们提出是不是有方法可以让老师一步进入表单页面。
首先,办学理念可以放在官网上,在这样一个工具性产品的场合下,不需要再去讲办学理念,办学理念可以给到外部普通的家长学生,或者对云谷感兴趣的潜在客户去看,不需要在工具性产品上频繁呈现。
其次,绝大部分老师基于中文进行工作,只有极少的外教使用英文系统,那么我们只需要保证外教进来后有办法进入到英文的界面即可,由于大家高频使用的都是中文界面,因此默认直接进入中文的表达页面即可。
(五)基于效率第一的法则Review访客系统产品(优化后的产品)
基于以上理念,我们对这个产品做了一个优化,前面点击智慧云谷滚动到APP所在位置是必不可少的,但是到点击访客预约的时候,就直接进入以下界面。
如上所示,在这个界面里面我们在右侧提供一个英文切换的按钮,外教进来后直接点击即可切换到英文表单页面。
在这个地方我们也是利用了宜搭提供的能力,同一个表单只需要配置不同的语言文本属性文件,就可以支持多语,这也是宜搭提供的一个非常便利的功能。
在做这个表单的时候,我们依然不放过任何一个细节,可以看到最终优化出来的效果,如果不添加更多访客数量的话,所有信息基本可以一屏展现。
最初这个版本不是这样子,我们一行label,一行输入框或者一行下来的表是直接往下平铺下去的,这样平铺下去,带来的结果就是无法把信息在一屏上全部呈现出来,老师进来以后发现还要滚屏,提交访客要填很多信息。
如今我们把这些信息全部呈现在一个表单页上,在PC上有的是直接分两类来呈现。在这里其实还有优化空间,我们考虑对于一些信息,是不是填一个之后,其他的可以自动联动出来,像这种设置一个组件信息或某个选项,然后触发其他表单项自动数据填充的能力,也是宜搭可以支持的一种能力。
可以看到,我们在用宜搭搭建这样的产品过程中,依然是以一个非常正式的产品进行立项,会有交互专家,会有产品专家Review过程,不断利用宜搭的能力做到极致的用户体验,进而让师生在使用这些办公数字化系统时,既能有很好的体验,也做到极致的效率。
这样的产品上线之后,很多师生可能无法准确表达为什么这样的产品使用起来舒适,但是反过来,之前的系统交互次数过多,师生也是有难以言状的难受,这就是通过宜搭带来的本质区别。
以上就是我们使用宜搭搭建整个校园办公数字化系统建设过程中,推动产品不断优化完善的一个经典案例。
其实,我们还有很多系统都经历了这样多轮迭代优化的过程,例如场地预定系统,仿效系统,顺风车系统等,最终让系统体验得到保证。过程中同时也训练了产品研发的同学,训练了职能部门的办公人员,让大家知道原来基于宜搭可以完成这么强大的功能,它并不是粗制滥造地完成一个表单页面功能就好了,而是依然可以有所追求。