美文网首页
搭建一个“创客贴”

搭建一个“创客贴”

作者: 五十二个 | 来源:发表于2020-09-02 18:27 被阅读0次

    胖鱼在Q3季度,定了个目标,利用设计、前端能力。为公司构建一个类似与创客贴的“图库”,具体的分析见下文:

    一、需求背景

    1. 公司的设计部门人数有限,需要为版本迭代及公司的运营宣传提供服务。
    2. 公司产品内的运营图文风格不统一,用户体验不佳
    3. 希望提高设计图的使用率,赋予员工做图能力

    二、产品分析过程

    本人做产品,通常会使用【用户分析法】和【模型分析法】,两种方法相辅相成。

    2.1 用户现状分析:

    用户流程图:(更清晰的表达问题)

    2.2 产品目标:

    (初级模型)

    问题一:用户分析“设计出的图,员工如何使用”

    1. 宣传图的构成:背景、文字、花纹、元素构成一张图
    2. 设计:设计一些样图。(比如:轮播图、通栏广告、PC端、APP端、线下海报、朋友圈海报等)
    3. 员工:使用样图,替换文字、图标等内容

    实现方案一:不做产品,线下完成。

    设计师:使用PS、sketch等软件做好图后,打包储存。

    员工:有需要时,自行下载,安装PS、skthch使用。

    可以实现:设计图多次理由,风格统一,提升员工做图能力。

    特点:无需开发即可达到相应的目的。适用于小团队,人员不多,消息流通快的公司。

    不足:员工需要安装设计软件,并具备基础修改、导出能力;若人员较多,模板的更新存在一定问题,统一起来也不方便。

    实现方案二:线上产品化

    如果要实现线上产品化,就需要事先衡量一下各个方面的资源,然后给出最佳的产品方案了。

    产品的方案会受以下几方面影响:

    1. 产品本人:不同的产品,出的方案可能不同
    2. 本人精力:花10小时做的内容,一周做的内容也可能不同
    3. 可用资源:主要指研发资源
    4. 上线时间

    该项目的产品背景:

    1. 产品负责人:我本人
    2. 精力:手上正在进行的项目2个,下周可能进项目组(就没空了)。本次产品方案只能在周末或者开小灶了... ...
    3. 可用资源:设计(主要推进方)、前端(1~2人)、无后端研发
    4. 上线时间:图库为本人Q3季度OKR,现在8月9日,9月30日之前即可。

    主要推进方要求:希望下周给产品方案,进行研讨

    技术方要求:考虑长久一点,避免以后反复造轮子

    个人吐槽:做产品好难,不同的人对产品的要求都很高呢~

    下面我们抛开以上产品本身的信息,继续开始做产品方案了。

    2.3 模型分析

    使用模型分析方法,拆分一下图库的组成和运作。

    模型图:肯定是由用户行为衍生的,考虑用户行为在系统的运作,从而画出的图。

    统一名词:

    分析用户行为:

    设计:出图片模板,模板由背景、文字、元素按照一定的排列顺序组成的

    员工:使用模板,用设计已经有的模板,能够基础的修改文字内容即可。(高阶玩法:修改背景、元素、调整顺序等)

    画出以下模型图:

    带入用户场景1:

    1. 轮播图:设计会出几十种类似的样式,不同的轮播图,使用地点也不同。——PC轮播图、APP轮播图。同样也会有:PC通栏、APP通栏、微信宣传图、线下易拉宝等
    2. 应用场景的不同,用户需要的图片模板就不太一样。——我们需要模板库,去承载我们的模板

    根据以上信息,调整一下我们的模型图:

    带入用户场景2:

    例如:用户喜欢模板1的底色、喜欢模板2的文字,如何组合?用户想要在模板1的基础上,添加一些红包,以增加活动的氛围。

    这时候,我们可以把背景、文字、元素组件化,变成一个随时可用的东西,以便于用户根据需求调整。——引出背景模板库、文字模板库、元素库

    模型图就变成了以下的样子:

    说明:既然是一个库,那我们应该对里面的信息进行分类,方便用户的查找和使用。

    完整领域模型图:

    到目前为止,我们已经知道要做什么样的图库了。根据用户的使用场景,我们可以画出用户模型图。

    用户模型图

    涉及的产品功能:

    业务流程图:

    用户流程图:

    省略

    产品功能设计

    省略

    本文到此结束,欢迎拍砖~

    想要了解用户流程、产品页面设计,多多留言吧。

    发布于 08-09

    相关文章

      网友评论

          本文标题:搭建一个“创客贴”

          本文链接:https://www.haomeiwen.com/subject/zswwsktx.html