原型方法论——初级产品必备(满满干货)

不管是刚刚入行的产品小白,还是久经职场的产品大神,画原型是每个产品人必不可少的职业技能。本文同样以一个初入行的产品人的角度,浅析如何形成画原型的自我方法论。

初入职场,尤其是互联网职场,不必要在一开始就醉心于人脉的积累以及职位的晋升,因为这不属于一个新人应该主要考虑的方向。大多数新人都希望把提升自己的业务能力放在首位要素,而作为新人产品,画原型无疑是基本技能。很多人都觉得画原型是非常简单的操作,无非就是摆弄一个控件的位置,然而要总结个画原型流程,却说不出各所以然来。重视原型,重视思维在原型上的体现,形成自己的原型方法论,大大提高自己的工作效率。

掌握使用路径,绘制产品流程线框图

原型又被叫做产品demo,但更主要的是体现想法在思考后体现在产品上的主要功能和交互流程。画原型之前一定是在脑海中构思了无数次产品使用路径,所以最好一开始用线框图理清使用路径,从宏观上把握产品的基本架构。思维逻辑能力也往往在这一步得到最大程度的锻炼。对于流程图绘制,我给各位新司机们几点建议:

工具不重要,逻辑最重要

市场上绘制原型的工具一抓一大把,常用的一般有Visio,processon,draw.io等等,推荐processon,不仅使用简单,对新手友好,关键是云端存储,不用存储文档。但正如小标题所说,工具不重要,关键还是是否自己已经走通了产品的使用逻辑,从注册到登出,从浏览到编辑,从编辑到预览,做到心中有数,绘制原型自然能做到通畅无阻。

常用流程图软件

美观或许也要放在心上

大部分人做自己的产品都能走通逻辑,却很少有人能把线框图画的美观,因为对大部分人来说,逻辑自己理清了就行。实际上,

  • 流程图美观能够方便以后自己再次看时,能迅速复现当时的思维路径

  • 画个美观的流程图,给其他人讲解时也能迅速理解你的思路

说服别人前先说服自己

人做事总是立足于当时。画流程图的时候,往往只关注当时路径是否是正确的,却往往忽略某些特殊情况下的特殊处理,因此,画完流程图后不要急着说完成,交给别人看之前先检查一下,试着复现使用场景,注意产品在某些特殊情况下的展现。

某个产品的简单流程图

绘制原型 最大程度还原线框图

原型图的使用对象是设计师,所以好的原型评价标准是设计师能迅速理解产品框架。目标原型图应当具有成熟产品的具体功能,并且能解决预设的相关需求。原型图是产品的核心,是作为产品的部分价值体现,也是一个产品人的基础技能,我不认同“人人都是产品经理”这个观点的一个重要依据就是“不是人人都能画原型”,所以需要重视原型在产品工作中的比重。都说产品是生孩子,那么画原型大概是基因的交流,是未来产品的雏形。产品到了这一步已经到了具体落地的步骤,那么你需要一定的工具来做这件事。大多数人推荐Axure,作为画原型的基础工具,它的作用大概之于office的word一般,但我还是推荐有想法的产品可以试一试墨刀。相比Axure,墨刀在制作交互和成果展示上,有着天生的优势,尽管Axure能画出更漂亮,更加高保真的原型。

收集素材,做好准备

正所谓“工欲善其事,必先利其器”,做好准备工作总是没有错的。元件就像搭建房屋的砖块,除了Axure自带的元件,网上素材往往是一个原型必不可少的组成成分。

元件库

Axure往往会自带一部分元件库,但仅靠自带的元件库远远不能满足日常工作的需要,除了网上搜索Axure元件库出来一大堆元件库外,我这里推荐两个常用的ios规范的元件库(来自网络,乐于当搬运工)http://pan.baidu.com/s/1c21tdhm,希望能起到一丁点作用

Icon素材

为什么看别的产品画的原型都那么好看,那么丰富,那么饱满?你观察过么,可能只是你的原型少了一些icon和颜色的填充。其实icon不仅只在UI稿中出现,同样可以出现在你的原型图中。

  • 装饰填充

加入icon的原型往往更加生动,相比死板的用框图绘制的原型更加具有活力,在需求评审时更加便于拉近与技术和设计的距离

  • 解释说明

Icon作为图形语言,在人机交互中具有重要的作用,但是在原型中最好能配合文字使用,得让对象知道icon的意思,毕竟原型的使用对象是设计师,产品最终的icon得由设计师设计。

目前网络上已经有很多icon在线库可下载,例如easyicon以及阿里的iconfont等都是不错的选择。

阿里开放的icon平台

优化细节,严格根据之前的流程图步骤绘制原型

按照流程图的使用路径绘制原型图的好处在于能保持逻辑的连贯性,绘制过程一气呵成,工作效率便能得到极大提升。待框架和基本功能完善后,再去优化细节,针对每个按钮、每个功能严格按照“增查改删算显传,异常情况也要盘”的口诀,增加不同情形下的页面。这样一个完整的原型图就大致完成了。

某页原型

但需要说明的是,我不是鼓励各位新司机们画的原型要足够好看,也不是鼓励花足够的时间做一个完美的原型,而是希望各位在尽量完整表达产品框架的同时,兼顾到原型的可读性,毕竟设计师们体现在最终产品上的审美也会受原型的影响。

至于一部分人反驳好看的原型会限制设计师的设计想法,那我只能说,这不是产品的锅,毕竟专业的人只做专业的事!

最后的最后,还是希望和各位新老司机们互相学习,多多交流。

本文由 @Joe_吉(wechat: abc741813677) 原创发布于简书。未经许可,禁止转载。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,902评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,037评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,978评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,867评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,763评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,104评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,565评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,236评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,379评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,313评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,363评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,034评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,637评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,719评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,952评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,371评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,948评论 2 341

推荐阅读更多精彩内容