B端C化 企业级DevOps研发工具...

  • 作品类型网页
  • 作品属性原创作品
  • 作品版权署名-非商业性使用-禁止演绎
36035 32 527 2021-10-06

趁着国庆假期在家闭关几天把在公司独自负责的一个项目给整理出来了;一边整理一边碎片的回想起当时沟通项目细节、熬夜过设计评审会时的画面,有喜悦激动的,当然也有沮丧失落的,这种碎片式的回忆感觉很神秒;让我整理项目文档的同时连同对待这个项目的心路历程也一并“复盘”了,这大概就是产品设计劳工的百态回忆录吧~

Quicker(化名)是公司内部的一款DevOps开发运维一体化的工具平台,主要服务于企业的金融产品,其核心用户就是各个产品研发团队的开发人员;我核心负责了产品的1.0与2.0版本,1.0版本中与产品的品牌视觉和产品官网相关的设计产出,由于一些隐秘性在本方案中就没有展示出来;本篇项目展示仅作为个人的项目复盘,重点是突出产品体验设计的思考过程与设计推进的流程。

/

随着B端项目的业务增长,B端C化这个理念也不仅仅只是一个口号,B端产品将会从形式上、交互上等综合性用户体验感上向着C端产品追赶;期待未来1-2年内B端产品给我们带来的全新面貌。

PS: 希望我们一直保持热爱,找到自己最擅长的领域,在适合自己的舞台上默默发光。共勉。

全部评论:32

  • 酷客网络生活服务

    2023-02-21 20:26

    爱了爱了56

  • 2022-04-15 23:07

    可以请问一下背景是怎么做的吗

  • Fran弗兰

    2021-10-21 16:31

    @colala:

  • 活的就像马赛克

    2021-10-19 10:22

    @大米粒同学: 非常6

  • 大米粒同学

    2021-10-18 11:09

    @: 分析肯定是贯穿整个项目,过程中也会反复迭代,后期整理时候侧重在收敛和总结

  • 2021-10-18 10:52

    比较好奇 前面的分析是事后总结 还是工作是前期也是自己一个人搞得

  • 大米粒同学

    2021-10-13 17:33

    @活的就像马赛克: 那个麻花是要Ai画的啦,导成svg放在sketch里。这个图形呢代表了Devops持续自动化的周期流程。

  • 活的就像马赛克

    2021-10-13 15:50

    不懂就问,请教一下“桌面调研”板块下面的那根麻花是怎么画的

  • colala

    2021-10-13 15:05

    @大米粒同学: 具体看层级分圆角,不......你说的对

  • 大米粒同学

    2021-10-13 13:45

    @colala: 莫非你设计的页面中 各个不同的控件圆角都是一个大小?????“诡异”这次词要慎用,只能代表您的主观意识也是过于强烈。

  • colala

    2021-10-13 11:16

    @大米粒同学: 说到内部组件库,圆角、标签、input、select、radio等组件的组合都感觉诡异,就单一个页面就能有四五个圆角大小。内部组件库还有待打磨...我说的组件差异性是偏体验的。看起来不协调

  • 大米粒同学

    2021-10-12 18:50

    @colala: 在本项目UI视觉部分,我们侧重于用自己的内部组件库打造视觉样式更统一的界面风格,毕竟我们有自己的设计语言和规范在先,视觉差异这个概念太范了,也不是绝对的,要因项目而灵活调整噢。

  • colala

    2021-10-12 18:10

    整体挺好。 视觉:按钮、输入框以及标签类型太多又很相似,实在是看不清是按钮还是输入框还是标签。别整这么多,他们之间应该有明显的视觉差异才对。

  • 大米粒同学

    2021-10-12 14:38

    @: 当然是只有sketch..

  • 大米粒同学

    2021-10-12 14:37

    @CheneyCr: 其余问题点我懒得打字了,你要是好奇这个项目其余细节!或者想给出一些高阶的想发和建议,欢迎加v讨论 哈哈哈

  • 大米粒同学

    2021-10-12 14:36

    @CheneyCr: 感谢Cheneyrcr对这个作品的兴趣!方案中只会挑选精简的信息展示,你所提的几点问题的阐述都是我们在设计迭代和推进过程中所考量过的! 以下是你疑虑问题的相关答疑:1. workspace中的3个任务板块中的背景卡片均定高展示!My pipelines和MyProject 在card view 中默认一行展示3个,超过3个会出现View more的辅助按钮且其余的卡片内容隐藏显示;研发人员的pipeline个数会远远大于project的个数,可以这么说一个研发人员,除了是高级管理员或者领导,绝大部分开发人员只会分配在一个项目内或者2个项目内;所以这就是为何卡片一行最多展示3个的原因!而研发人员会有20-30左右甚至更多的pipeline,所以给了切换卡片&表格布局view的模式!虽默认展示卡片样式,但也辅助他们用切换view的控件切换成可查看更多数据的表格样式!

  • CheneyCr

    2021-10-12 12:00

    包装不错。仔细看了下内容,有几个疑问:1、前面看到大量分析,像是管理者角色,痛点也有但没看到解决方案。2、Work Space页面中My Projects数据多了怎么展示? My Pipelines数据多了怎么展示,现在一行只能展示三个,怎么兼容小屏呢?3、 高保真页面中My Pipelines中的Success Rate是指构建完成度吗?高保真把Success Rate文案去除了对新手会不会不友好?我开始看到数据百分比一下子没反应过来是啥意思,可能是因为我不是开发哈。My Pipelines 维度是怎么定义的:我触发的?我创建的?团队的?同时Pipelines card的排版把Success Rate和Leading Time的信息层级排到最高,这个是不是开发者最想看到的信息?这点处理我是存疑的,Pipelines构建结果是否才是开发者最想看到的信息呢?Latest Update Date应该指的最新一次构建的时间吧,为什么时间展示维度只展示到天,信息会不会太模糊了?Delete Pipeline应该算是高危操作,把操作位置这么外露会不会有引导删除嫌疑?

  • 彼岸灬SJ

    2021-10-12 11:29

    @: 绝对用ps做的

  • 大米粒同学

    2021-10-11 12:11

    那个说我尺寸有问题的同学, 1440=1180+20+20+220;这个算数你先自己学着算下再来评论

  • 2021-10-11 10:13

    @大米粒同学: 这个是ps做的吗?

  • 大米粒同学

    2021-10-08 20:02

    @宋脸小: 谢谢 一起加油

  • 宋脸小

    2021-10-08 15:55

    这个包装本身就是一个作品了,太厉害了

  • Sail1993

    2021-10-08 08:29

    @大米粒同学: 好的,感谢大佬

  • 大米粒同学

    2021-10-08 02:10

    @Sail1993: 试试这个插件:https://www.soogif.com/video?source=baidupc_utmId_5100&plan=B004-qgyl-ll&unit=d002-sp&keyword=mp4zgif&keywordid=20210335359&renqun_youhua=2497173&bd_vid=9508124659934526432

  • Sail1993

    2021-10-06 16:29

    @大米粒同学: AE插件还是?

  • 大米粒同学

    2021-10-06 09:34

    @Sail1993: 如果你是mp4的话 可以用插件转gif的哈

  • Sail1993

    2021-10-05 16:38

    @大米粒同学: 咋弄 MP4直接用ps打开然后导出gif么 0.0

  • 大米粒同学

    2021-10-05 16:02

    @Sail1993: 就是PS哈 用2560这个尺寸

  • Sail1993

    2021-10-05 14:40

    不错不错,大佬 麻烦问下你是怎么导出gif的,为啥这么清楚

  • 更多

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票