以ArkPlatform为例 浅谈Web应用的实用性

用户头像
北京/产品设计师/6年前/280浏览
以ArkPlatform为例 浅谈Web应用的实用性
用户头像
巫幺王

ArkPlatform(比较拗口)是我司布局的方舟开发者平台,本文以之为例,浅谈Web应用在生活和工作中给我们带来了哪些改变。

再打个招呼

大家好,我是巫幺王,一名来自北京的互联网产品设计师。

如果看完我第一篇文章“MaterialDesign实现方舟一账通”,朋友们应该知道我司是一个立足产业生态,以技术为矛,面向企业的互联网公司。今天要说的Arkplatform,也是我司产品布局的重要一环。它的功能是搭建一个开发者平台,为个人开发者或中小企业开发者创造一个多功能的,安全的,方便的协作开发平台。

由ArkPlatform引申,我想以这个产品作为典型,与大家交流一下Web应用在生活和工作中,究竟给我们带来了哪些影响与改变。

 

Web应用的定义

Web应用,顾名思义,就是以Web浏览器为载体的,为用户提供服务的应用。它最大的好处是用户很容易访问应用程序,用户只需要有浏览器即可,不需要再安装其他软件。Web应用一般是B/S模式。它首先是“应用程序”,和用标准的程序语言,如C、C++等编写出来的程序没有什么本质上的不同。然而Web应用又有自己独特的地方,就是它是基于Web的,而不是采用传统方法运行的。换句话说,它是典型的浏览器/服务器架构的产物。

 

Web应用的使用场景

初遇Web应用

我们这一代90后,大约是在8-9岁开始接触到互联网的。除了CS,魔兽争霸,暗黑破坏神之外,我们可能接触到的第一个Web应用,就是邮箱。


undefined


依托浏览器网页作为载体,需注册个人账号,提供软件服务并保存个人数据。这就是Web应用。除了邮箱之外,我们喜闻乐见的QQ空间,百度贴吧,4399小游戏,校内网(人人网),淘宝网页版等等,也都是Web应用。


undefined


强大的桌面软件

相比上述提及的Web应用,同时代桌面软件的优势就太强大了。毕竟,上面提起的这些,以娱乐和休闲为主,要是涉及到真枪实弹地搞生产,桌面软件的优势就显现了出来。“XXXX软件客户端”这几个字,已经深入人心。当然,更深入人心还有“中文破解版”,“完美汉化兼容”等关键字(手动狗头)。这些盗版软件粗暴地完成了软件公司“软件普及”的任务,甚至有些盗版行为是开发商默许的,却也养成了国内用户“非免费不用”的思维。


undefined


桌面软件的弊端

此时大家可以回味一下,我们上学时所用的Office套件,工程制图所用的CAD,3D渲染所用的3DsMax等等。我们使用这些工具来从事生产,养家糊口。 它们产生了无数的工程文件和使用缓存,牢牢地占据着我们的磁盘存储空间。比如我,经常半夜梦到我的psd文件全丢了,梦中惊坐起,赶紧打开电脑看看我的宝贝儿们还在不在,生怕丢了哪怕一点点数据。

占存储,吃配置都是小事,更要命的是“忘保存”,“软件崩溃”的情况。且不说我们PC的性能如何,单就使用盗版软件不稳定这一点,其产生的后果就够我们痛不欲生。比如我,上学时用的机器性能差,为了性能,尽可能调低了历史记录条数,调高了自动保存间隔时间。然后我就看到了“Photoshop已经停止工作”的对话框(相信所有的设计师都见过23333)。所以,强烈的不安全感让我现在使用Web应用的时候,也是拇指不离command,中指不离s键。(但我们得到却是一个对话框:将HTML文件存储至……所以说Web应用中自动保存的机制,给我们带来了极大便利。)

好,假设现在有一个土豪,他用最好的机器,买了所有的正版软件。出色地完成了所有设计任务。带着笔记本度假去了。突然,领导告诉他,作品中有一处需要修改。土豪说:工程文件在公司电脑里,现在没办法修改,要么等我回去再说,要么你现在打开我电脑用邮箱发给我。也许现在大家使用网盘来备份,使用iCloud实时备份,可以实现“随时随地办公”的需求。但工程文件不易分享,分享后多端版本不同步的问题,依然困扰着许多用户。

桌面软件好用而强大,但是占机器资源、跨端分享难,协作难,更新难的弊端,难以给用户最优秀的使用体验。



移动互联网时代的冲击

中国的移动互联网时代来的太突然。

2011年6月我高考结束后,在家里用台式机打开PPLive、PPS、的客户端看电视剧,打开酷我音乐盒客户端听歌,打开暴风影音客户端播放视频。2011年年底,我就拥有了第一台智能手机,似乎转瞬之间,移动互联网的时代就来了。

于是,几乎所有可消费的,可休闲的服务,都转移到了移动端上,变成了手机上的“桌面软件”。而电脑端的软件,除了那些雷打不动的生产工具,似乎都在慢慢地销声匿迹。彼时的我们,在手机上使用移动互联网的服务,在电脑上使用旧的软件生态从事生产工作。

移动互联网时代中,几乎所有的互联网从业者,创业者一股脑地都投入进手机App的制作中来。UI设计师就是“手机App界面美化员”,产品经理就是“消费互联网手机App需求管理员”,UE设计师就是“手机App原型绘制员”。其实从根本上来说,这三个岗位由一个人就能完成。但是由于行业发展快,收入高,国内的移动互联网行业迎来了一个前所未有的大高潮。这个高潮到18年年底才趋于平静。回过头来看非移动互联网方面,也只有巨头阿里提前部署了云计算产业。毕竟王坚院士是天选之子,王坚敢想敢做,阿里也敢信敢投。



微信,淘宝,抖音,头条,美团,滴滴……等移动互联网行业巨头产品影响着我们的生活。却没有给我们的工作带来变革般的影响。顶多手机上多了几十个微信工作群,午休时用美团订个外卖,晚上加班晚了叫个滴滴。这些都不算是对工作产生的影响。我们依然用老旧的OA,用盗版的PS,用没有办法实时协作和分享的桌面软件。也许开发者,工程师可以本地写代码,提交至Github完成更新,但是千千万万的传统行业的工作者,并没有享受到互联网与云计算带来的便利。

开发者是时候将重心从移动互联网,消费互联网抽出来,去偏向产业互联网,偏向Web应用,或者是SaaS了。

 

ArkPlatform

在前一篇文章中我曾经提到过,我司的主要产品布局有四大项,ArkPlatform是最后一项,旨在为ArkIDE(方舟集成开发环境)搭建一个可协作,可共享的开发者平台。此平台是一款Web应用,只有SaaS版本。


undefined


做这个产品的目的,是为了应对千万企业的不同需求。

需要说明的是,无论是ArkPlatform,还是之前说过的ArkID,他们面对的不仅仅是企业,更有个人用户。毕竟一个人也可以是一个企业。只要用户想拥有自己的私有云,想依据自己的想法定制开发产品,就可以是ArkPlatform的用户,只需要注册一个账号即可。

话说回来,企业者,千千万。三百六十行,行行是奇葩。企业软件开发者永远也想象不到下一个客户的需求是什么。更不可能做一个大而全的,涵盖所有行业需求的ERP系统。所以,搭载可灵活开发「中间件」的ArkIDE的平台ArkPlatform,就成为了企业定制化开发的选择。或许大家会问:我是个卖衣服的企业,一个工程师都没有,一行代码都不会写,我用你这开发平台做甚?此时我邪魅一笑,深藏功与名。毕竟,办法总是有的。

 

当下流行的Web协作平台

璞玉在前。

在介绍ArkPlatform的设计思路之前,容我为大家展示几款当下比较优秀的Web协作平台。

蓝湖:高效的产品设计协作平台

设计师们应该不陌生,蓝湖这个产品,可谓优秀。我们从它的产品介绍中就能了解到它的主要功能。它可以使设计师省去标注,切图的步骤,将设计稿以画板的形式上传至项目中,流程清晰,响应迅速。它也可以使前端开发者省去查看标注,自己琢磨怎么写样式的步骤,直接选择对应的适配设备,一键生成样式代码。最近又添加了「设计规范云」和「产品岗功能插件」。

蓝湖为什么好用?就是因为它既实现了协作,又借助机器实现了一部分自动化的功能,而且界面简洁美观,交互友好,是一款不可多得的优秀SaaS产品。

 

undefined

 

Tower:提升协作效率,打造高效团队

产品岗的朋友们应该或多或少都听说或使用过Tower。Tower拥有看板、甘特图、表格、文档、文件管理、日历、汇报总结、团队管理等一切团队协作的功能,可协助团队管理者精准把控实施节点,及时发现并解决开发过程中遇到的所有问题。

Tower的优秀点在于突出一个“协作”,按照一个标准的时间流来统筹项目进行中发生的任何时间,既是一个工作日志,也是一个项目存储器。在跨端,跨设备,跨系统方面做得很棒。

 

undefined

 

腾讯文档:支持多人在线编辑Word、Excel和PPT文档

举这个例子,其实是为了说明这一大类的协作平台。金山的WPS,谷歌的Google文档,苹果的iCloud,都可以实现实时在线协同办公。

无论哪个行业,都离不开office三件套,所以,在线协同的office办公套件,一定是一款每个人都刚需的Web应用。在这类软件中,用户再也不用为自己的文档进行本地归类,也不用担心跨端、跨系统修改的场景。

 

undefined


Figma:the collaborative interface design tool.(可协同的界面设计工具)

这个东西,设计师朋友们就更不会陌生了。从去年开始,铺天盖地的营销号推软文来安利它。到处宣扬Sketch已死,AdobeXD是个垃圾,Figma天上地下唯我独尊,一统江湖。说实话,我是很反感这类营销手段的,但挡不住这个产品真的好用。

我们可以把Figma理解成为“网页版的Sketch”,但是他比Sketch多一项“可协作”的功能,多个设计师一起来维护一个设计文件,每次打开设计稿都是最新的版本。且免安装,免更新,没有盗版,不用破解。

 

undefined

 

还有很多非协作的Web应用,例如酷家乐:一款在线的装修设计软件;纷享销客:一款功能丰富的CRM系统;还有墨刀,明道,MOKA等等,这些应用涉及各行各业,打开即用,用完即走。给用户带来了极大的便利。用Web应用听歌刷社交并不能提升自己的生产力,用它们从事生产工作,才能真真正正地提升工作效率,提高生产力的途径。

所以,好的Web应用永远也不嫌多,Web应用能为广大的开发者提供广阔的天地,使我们大有作为。

 

ArkPlatform的设计

我们回到ArkPlatform中来。

ArkPlatform可以私有化部署,所有的计算与存储在企业自己的服务器上,也有SaaS版本供中小企业和个人开发者来选择,此处我们只聊SaaS版本。

SaaS软件的账号系统是其比较重要的功能,在ArkPlatform中,其账号系统由方舟一账通来负责。方舟一账通和ArkPlatform均为安装在ArkOS中的两款应用,只要通过方舟一账通登录了ArkOS,就能单点登录进入工作台中的任何一个应用。当然,ArkPlatform也包含其中。

ArkPlatform拥有组织管理与切换、工作台、工作空间管理、成员管理、模板库、组织详情以及个人商店等七个大功能模块。

1  组织”的概念

“组织”是一个团队协作的基础,我们可以理解为一个组织就是一个团队,一个用户可以同时拥有多个组织,也可以同时加入多个组织。组织内设三级权限:超级管理员、管理员、访客。另设“开发者”这个独立的身份。组织内权限的设立是为了更好更方便地管理组织内的人员、工作空间、项目。开发者身份的设立是为了让组织内的成员拥有编辑开发项目的权限,超管、管理员可以不是开发者,也可以是开发者;但访客一定不是开发者。

2.1  工作台

工作台内包含工作空间,工作空间相互隔离,由管理员来分配工作空间内的开发者。用户可在右侧的主工作台中新建项目或文件夹,项目可打开。由ArkIDE(方舟集成开发环境)来负责项目的编辑、开发、版本管理、打包等功能。此处插一句:ArkIDE不是一个普通的IDE,他将“LessCode”的理念发挥至极致,不仅适用于工程师,也适用于对编程感兴趣的小白选手。突出一个“快稳准狠”。

 

 

2.2  在工作台中新建项目

新建项目有两种方法:新建空白项目和从模板库新建。模板库就是一个由开发者贡献的资源库,内置成品App或可直接拿来用的半成品App,开发者使用模板库新建项目,可直接复用现成的资源,无需再花费额外的时间。需要指出的是:每一个项目可由多名开发者协作完成,他们既可以分工进行开发,也可以同时向一个目标努力。

 

 

3  工作空间管理

管理员可以管理一个组织内的工作空间。可对工作空间重命名,也可退出/删除指定的工作空间。最重要的功能还是成员管理,管理员可以添加新成员进入工作空间,添加途径有两种:添加组织内成员,通过短信邀请组织外成员。除了添加成员,管理员还可以编辑工作空间内的成员,包括管理成员以及移出工作空间。

 

 

 

4  成员管理

成员管理功能中,管理员可对组织内的所有成员进行统一管理,为其分配组织内的角色,设置他们所属的工作空间。也可以为他们添加开发者角色。

 

 

 

5  模板库

模板库是ArkPlatform的重要功能。模板库由广大的开发者上传,分为公共模板库及工作空间模板库。公共模板库对全组织的所有工作空间可见,而工作空间模板库只对当前的工作空间内的成员可见。更大方向的模板库是全网可见,但是需要开发者将它提交至模板商店,由我司人员人工审核后决定是否将其上线。模板库中的模板支持切换版本,支持预览。

 

 

6  组织详情

组织详情页面主要展示的是当前组织的详细信息。超级管理员是谁,工作空间、文件夹、项目的数量;管理员/开发者/总成员的数量。以及当前组织的授权版本,月卡库存,还有快速为组织购买月卡的功能。

 

 

7  个人商店

个人商店主要包含授权付费的功能,以及订单系统。在这里就不予展示啦~

 

总结

ArkPlatform是一个比较简单的平台,用好ArkPlatform的关键在于它的依赖应用:ArkIDE。SaaS版本的ArkPlatform,与蓝湖,Tower有点相似,可允许多名开发共同来管理、开发、维护一个组织,一个工作空间,一个项目。

同时,也与大家分享我在设计此平台时产生的思路,以及对Web应用的认知,也希望设计师们在工作中可以关注Web应用,使用Web应用,使自己的生产工具多样化,本机计算、本机存储减量化,从而更好地为工作产出而服务。

 

 

巫幺王

2020.1.17


2
举报
|
3
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】银行卡icon
拟物风质感写实UI卡片合集源文件
Security Camera UI kit
我的钱包-UI界面设计-app
高级表盘系列UI源文件
【新年UI图标】汽车icon
【新年UI图标】影音icon
钱包ui模板
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
高级感金属拟物 UI设计组件库
UI通用设计素材1
UI应用平面图标
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
【新年UI图标】钱包icon
【新年UI图标】会员icon
【新年UI图标】珠宝icon
3D卡通UI界面图标可爱插画免扣素
3D渐变流体抽象矢量UI背景图
新拟态风格 UI设计组件库
科技医疗透明柜UI界面设计
【新年UI图标】30个图标
你可能喜欢
相关收藏夹
大家都在看
登录注册