申请报道

扫一扫,联系编辑获得审核机会

符合以下要求,获得报道机会

  • 1. 新公司求报道
  • 2. 好项目求报道
  • 3. 服务商求报道
  • 4. 投资融资爆料

当前位置:首页 >  产品运营 >  正文

产品设计规范与关乎“秩序和混乱”的人生算法

 2018-02-10 11:41  来源:人人都是产品经理  我来投稿

  2018年最火项目 电销机器人等你加盟

  以前设计产品把随性当创意,不屑于已经被定义好的东西,不屑于规范性的东西。后来才认识到,越自我的东西,距离产品越远,距离艺术越远,距离人性越远。

  

 

  不知不觉做产品一年多了,接触的大多数是后端产品。今天和大家分享一下关于后台产品设计的一些经验和心得,与君共勉。

  文章结构:

  目录结构规范;

  原型设计规范;

  注释规范;

  关于“秩序(规范)和混乱”的一些思考。

  一、目录结构规范

  0岁的产品同学很多对Axure的定位就是一个画原型的工具,经常拿起Axure就开始画页面,一打开.rp文件目录第一页就是产品首页。

  一个好的原型设计不仅仅是画出满足业务需求的原型页面,而是让浏览者清晰的明白这个项目的背景和业务逻辑以及整个产品结构,而这些基本都是通过目录来引导的,所以拿起Axure 不是一开始就画页面,而是完善目录结构。

  

 

  需求规格说明书 & 产品结构导图

  通常介绍整个项目背景以及产品形态等,通常以《需求规格说明书》的形式展示:

  

 

  

 

  

 

  

 

  产品结构导图相当于移动端产品的功能结构图,一般用思维导图和架构图来展示说明,以上两个页面主要告诉阅读者项目背景,产品功能形态。

  项目开发流程&基本流程图

  项目开发流程图主要介绍整个项目开发过程中各部门角色之间的协作流程,有的公司偏向于敏捷开发,有的公司走传统的需求,评审,设计&开发,测试,验收,上线的路线,相关流程都应该体现在流程图里,方便阅读者知晓。

  

 

  产品设计过程中每一个涉及到业务逻辑和功能逻辑的流程都需要在基本流程图里提现,当遇到复杂的业务逻辑的时候,流程图往往比原型页面更加直观。

  

 

  原型封面 & 版本控制

  原型封面主要介绍作简要的产品描述和归属标识,作为原型设计完整性的一部分,不是必要的。

  

 

  版本控制主要作为产品更新迭代记录以及设计周期的一个时间标识。

  

 

  全局框架设计规范 & 全局控件设计规范 & 原型注释规范

  不仅是专业的UI设计需要遵守设计规范,产品设计也需要定义一定的设计规范,方便自己设计产品随时复用,也方便其他人接手时能尽可能的在保持设计样式整体一致的前提下,快速上手。

  二、产品设计规范

  保持整个系统所有页面结构的一致性和所有控件元素的统一性是我们定义设计规范最初的目的。

  产品设计规范具体体现在:全局框架设计规范,全局控件设计规范,原型注释规范这三个方面。

  全局框架设计规范

  后台系统框架主要分为三个部分:① 系统功能区 ② 菜单区 ③ 数据/功能区

  

 

  当然三个区域可以进行很多灵活的设计,无论选择哪种都需要保持所选框架下所有页面的整体一致性。

  

 

  

 

  

 

  全局控件设计规范

  上文提到刚开始设计原型的同学经常会出现不同的页面同样的信息不同大小的字体,同样的功能按钮用不同的颜色,结果导致整个原型看起来像是很多个人设计出来的,没有一致性,原因就在于开始的时候没有定义好一套控件设计规范。

  

 

  

 

  平时的产品设计过程中可以参考一些优秀的UI框架,例如:Bootstrap,Flat UI ,jQuery UI 等。

  

 

  在设计原型前定义好这些控件以及样式的规范后,所有的页面都引用一套样式,不仅使整个原型保持一致性,而且能大大的提高设计效率。

  这里要提到Axure 的两个很实用的功能:一个是母版,一个是控件样式

  

 

  把后面可能要多次复用的控件做成母版以及把需要多次复用的控件样式设置成主题样式会大大的提高设计效率。

  全局注释规范

  当然这里指的注释规范是基于Axure 的,并非借助于PRD文档。对于PC端的原型设计,我更倾向于用Axure 原生的注释功能来描述。分别为:业务逻辑,需求说明,功能逻辑,视觉(交互)逻辑,技术逻辑,备注等。

  

 

  在保证整个产品设计统一性和一致性的前提下,每个人都可以根据自己的喜好定义自己的原型设计规范。

  四、关于“秩序(规范)和混乱”的一些思考

  秩序和混乱一直是指导我学习和工作的第一性原理,下面我用毕加索画牛的过程来解释这个道理,也解释了为什么我会觉得“规范”是一件很重要的事情,以至于要用一篇文章来强调。

  

 

  这是毕加索1934年12月5日画的一张牛,看起来很正常,惟妙惟俏。

  

 

  过了几天,他又画了一张图,看起来也不错,比较正常。

  

 

  这张也不错,有点小顽皮。

  

 

  这张更顽皮了

  

 

  接下来的几张越来越顽皮了

  

 

  你可能看到过毕加索画的很抽象的几何牛,也可能只看过他笔下惟妙惟肖的仿真牛,但是连贯起来看毕加索画牛的过程,从最开始的仿真牛,不断的被结构化,几何化,最后画出了很抽象的几何牛。

  普通人完全可以画出一个一模一样的几何牛,但是为什么毕加索画出的牛就这么牛,这是一个值得思考的问题。毕加索是建立在仿真牛的基础上,通过解构,抽象出来的几何牛,这是建立在某种“秩序”上引入的艺术性“混乱”,而不是直接去通过简笔画画出一个几何牛,这就是大师和普通人的本质差别。

  

 

  “我们的混乱,是逃避秩序前无力掌控的毁灭性混乱” 这让我想到几个月前的自己,对工作的热爱和对产品的追求以及处女座的性格。总是希望画原型的时候每一个页面让它好看,炫酷,以至于过度发挥。这样做导致的结果是可能一个页面很好看,整体会很混乱,看起来像是很多人画出来的。

  后来我明白了建立在秩序上的混乱这样的道理之后,每次画原型都会定义好设计规范和UI框架,第一次感觉得到秩序和规范带来的美,以及遵守规范带来的简洁,流畅和高效,我更相信在框架和规范下再去引入混乱和创新才是有价值的。

  以前太自我,不屑于已经被定义好的东西,不屑于规范性的东西。后来认识到,越自我的东西,距离产品越远,距离艺术越远,距离人性越远。如果你想在一个领域成为大师,至少应该先遵守这个领域内的某种规范,驾驭了规范之后,再去创造,那样才是可被掌控的有价值的创造。

  作者:Allen,一个热爱科学,迷恋技术的文艺青年,金融产品小助理一枚,爱读书,爱旅行,爱健身。个人公众号:思维改变生活

  本文由 @Allen 原创发布。未经许可,禁止转载。

  题图来自pixabay,基于CC0协议

扫一扫关注A5创业网公众号

扫一扫关注A5创业网公众号

责任编辑:西瓜

相关标签
产品设计

相关文章

  • 网易设计师:6个技巧让用户参与到你的设计里

    这篇文章讲述了我对产品设计的一些个人理解和看法。用户参与设计,指的是在有限的设计引导下,要给予用户或是体验者主动的情绪引导和操作体验,使设计不会成为剥离用户而孤独的存在。双方结合并有了相互影响后,会使我们的设计更有立体感,也更有拓展性。

    标签:
    产品设计
  • 对创业者和产品经理而言,如何训练你的洞察力找到真正的用户痛点?

    产品要能找到用户需求,从为用户解决问题出发来设计,才能赢得市场。不过用户需求是要经过调研的真正需求,而不是你自己想象出来的。下午我来分享“如何发现用户需求”。相信做产品的人都想找到风口,成为被风口吹来的猪。真正让创业者疯狂的是什么?是不得其道,是用户需求难以寻找。

  • 从三个角度分析提示设计

    稍微复杂一点的产品都少不了提示功能,这种全局模块即需要整体解决方案,也需要具体运用规则。以手机App为例,提示种类很多(操作成功、操作失败、收藏点赞、二次确认…);展示形式也很多。我最近对这一方面有所思考,结合外网资料整理了一套提示设计的方法和建议。为了方便解释,下面会以移动端为例,但是核心的方法理

    标签:
    产品设计
  • 以改良弹窗为例:教你如何改良你的设计

    每当你看到一个界面时,你的大脑其实都在欺骗你。无论你如何努力使事物看起来一致——旁观者的眼睛往往不会同意,因为我们在现实生活中是通过大脑来感知物体的。所以,作为设计师,我们唯一的选择只能是反向「欺骗」用户的大脑(译者注:在视觉上)。在本文中,我将向你展示一个设计组件需要从哪些地方去做改善,一起来看看

  • 两个层面分析:抖音的交互设计

    抖音首页有【推荐】、【附近】两个Tab,推荐的算法据说是采用【今日头条】算法,在播放率和播放时长上进行权重分析。如果在附近被看的次数多播放时间长,就会推荐给更多的类似用户,通过这样的数据分析。若推荐出去之后播放次数和播放时长是增加的,那就会不断良性循环;若播放次数和时长是减少的,则恶心循环至冷藏!回

    标签:
    抖音
    产品设计
  • 和内容创作者共享收益 网易云音乐商业化方向可能走对了

    某种意义上看,与其说网易云音乐推出了内容创作者扶持计划,不如说它启动了一个全新的音乐生态策略。通过和内容创作者共享收益,来共同打造移动音乐生态闭环,网易云音乐商业化方向应该是走对了

  • 营销定位不聚焦?创业者再走佛系运营风格 汤都喝不到了

    要实现项目推广,创业者,你究竟缺什么?营销的定位与聚焦!即找准营销的方向、并花大心力做出“有影响力”的聚焦性运营效果来。创业者如何聚焦营销定位?一、方式有很多,二、产品和营销同样重要,想专心做产品就需要借助外力。

  • 滴滴某更事件下的产品设计思考

    中美贸易战的头条被滴滴司机事件迅速抢走,紧接这是某更蹭热点结果自己成了热点,加之之前内涵段子被关等一系列事件。本文不是蹭热点,没有事件回顾和爆料。作为一名产品产品经理,仅从产品和互联网的角度,引以为戒,做对和做好产品。

    标签:
    产品设计
  • 产品运营必需的五点优秀品质

    这篇文章写出来不知道是会被运营同学喜欢还是讨厌,喜欢的人可能会觉得我的建议还是有一些用处的。讨厌的人可能会想你一个做产品的,不要掺合我们运营的事情,何况我只是站在一个局外人的角度给的建议,有一些细节毕竟不能做到感同身受。而之所以写这篇文章,也是源于跟我触过的运营的同学打交道的感悟。

    标签:
    产品运营
  • 中文问答社区——知乎产品分析报告

    知乎为一款问答类型的软件,用户可以在其中提问并邀请其他用户进行回答。总体来讲:知乎的用户学历以及收入水准相对较高。他们在此分享自己的知识,经验与见解。值得一提的是,知乎还是很多有志于进入产品领域工作的小白了解产品经理的第一站,本文为知乎产品分析报告。

    标签:
    产品分析报告
  • 藏书馆APP产品分析报告

    我们选取近三个月的每日评论统计数据进行观察,发现评论数总体趋于增加,从评价情况来看,大部分用户认为藏书馆是优秀的产品,对其持正面评价,体现在对出版类图书的丰富、借阅功能的强大、良好的用户体验设计等,希望藏书馆越做越好。基本反馈主要问题为:软件bug有点多,不支持横屏,设备支持太少,不支持电脑与ipa

    标签:
    产品分析报告
  • 来自硅谷的指南:如何系统性地提升用户留存?

    Pinterest是国外最火爆的社交平台之一,以瀑布流的形式为用户推荐图片、GIF和视频。创立9年来,其估值已经达到了123亿美金,月活用户超过2亿。这家硅谷独角兽的崛起并不是靠运气-Pinterest从成立之初就秉持着增长黑客的理念,不断贯彻“数据驱动增长”,将理论落到了实处。

  • 0粉抖音轻松10w赞,别人一夜爆火,而你只能凉凉?

    今年抖音之火从全国烧到全球,先登顶国内AppStore,一季度又登上全球第一的应用的交椅,连马化腾都怒怼张一鸣...没错,全民皆抖音的爆火,从奶茶到美食,从音乐到品牌,从草根到大v都星星燎原般一夜蹿红,品牌方和内容主们为出网红爆款而纷纷入场,传说中爆火的案例在身边也相继发生。

  • 社区产品的氛围,如何定义和创建?

    每个社区产品都希望用户在产品中感受到良好的氛围,符合自己产品调性的氛围,但是氛围在产品中的作用非常难以量化,暂时行业内也没有公认的行业标准。那么,我们如何来努力创建有利于自己产品的氛围呢?

    标签:
    社区运营
  • 产品分析:图片+社交式玩法Faceu激萌的青春运营

    社交头像、朋友圈里,随处可见的是少男少女们美美的自拍照。与此同时,拍照和图片处理应用产品不断进化,拍照风格愈加多样、贴图愈加丰富、美化效果越来越好,甚至进化出了动态自拍的功能,深得年轻人们的青睐。动态自拍的功能为逐渐走向成熟阶段的短视频行业注入了一股新鲜活力,收购图片处理工具、使其作为短视频的内容入

    标签:
    产品分析
小程序

热门排行

信息推荐

扫一扫关注最新创业资讯