产品新手的原型工具:Default-原型笔记


我做iOS开发,呆过两家公司,摸爬滚打三年工作经验,没有遇到过心仪的产品经理,随着工作时间久了,多多少少也听闻一些八卦,就会觉得外面的产品经理,也差不多都这样吧。

作为开发人员,两耳不闻窗外事,一心只想把自己的代码撸到最好,不过想达到这点,并不简单,过硬的技术是一方面,另一方面就是与你共事的同事,原型图、效果图、接口设计这些都可能会让你最终的代码一团糟。最重要的是原型图,产品经理作为团队领头人,从他手上出来的原型图就是一个方向,团队里的UI,研发,测试等都指望着原型,一旦表达不清,出现歧义,研发的结果就会出现很大的偏差,不仅可能会背离产品方向,还会影响节奏和效率。

客户端开发环节很注重细节,开发人员能触碰到产品的所有地方和所有细节,所有的交互他是第一个体验,我觉得不能忽视他们的意见,他们的感受不能不在乎。而原型图和效果图往往是细节控制不够好的环节,尤其是一些新手同事,你在原型图上不经意的点缀,可能需要开发人员多花好几倍的时间去实现,而你的不经意对产品本身却没有一点意义的,也许是我不理解你的想法,但是我也想理解,我也想跟你交流,但是我公司的原型图,开发人员是接触不到的,原型图先是交到设计人员手上,设计人员按照原型图做效果图,等开发人员看到效果图的时候,你只能照着做了,没有回转的余地,可能直到你离开公司,你也不一定能认识那个做原型的人。这是我们公司的一种开发模式,如果原型图本身没有问题,这种模式当然可行。

可以说解决原型问题,就能很大程度上解决开发中的很多令人头疼的问题,所以这时候,一名心仪的产品经理是很重要的。

一、开发过程

也正是这样的一个环境,让我有了想做这款应用的想法,既然没有心仪的产品经理来解救我,那我就试着自救吧,我开始慢慢尝试,因为有本职工作,所以只能利用下班时间和周末来做开发。

我脑海里的画面是一张白纸,白纸旁边有个小箱子,里面装着多种控件元素,有空白页面、图片、文字标签、按钮、导航、网页、地图等等,你可以把他们摆到白纸上去,可以通过拉扯来改变他们的大小。这是最初的想法,我只给你一张干净的空白页面和一些控件元素,你能利用这些做出什么样的原型图,就取决于你的想象力了。

这个画面看上去很简单,但实现起来是要考虑到很多地方。第一个最基本的功能就是让控件动起来,可拖动位置和改变大小。

Default-控件拖动

第二个基本功能就是对控件的操作,背景颜色、透明度、边框、添加子视图、绑定事件。我需要设计一个控件系统和控件对应的功能系统,然后来管理他们的权限,因为每个控件都有不同的操作权限。

Default-一些控件
Default-控件操作

我并不满足在一屏幕的空间里画原型,空间相对太窄,因为产品的情况会多种多样,对应的界面排版也会不同,比如微信朋友圈,不同种类的信息和不同的情况呈现出来的界面都不尽相同,这个时候一屏幕是远远不够的,并且真实的App超出屏幕的内容都是可以滑动看到的,这个功能很重要,也接近真实App的交互方式。

Default-不止一屏空间

一般在做原型图的时候,会有很多可复用的模块,于是我让一些控件可以添加子视图,成为一个小组件,方便整体拖动、复制。

Default-组件

所有的交互以接近真实App的交互为目标,让大部分控件可以添加事件,响应事件有真实App里常见的页面跳转和弹框,后续会增加更多样的交互方式。输入框可输入文字,地图不再是一张默认图片,网页可以自己设置网页链接地址。

Default-绑定事件

接下来要做的就是导航方式,在选择风格的时候,可以选择空白页面、底部导航和侧边栏导航,都是常见App里面的导航方式,这里的交互方式与真实App一模一样。

Default-选择风格

预览和编辑,编辑的时候可添加、删除、修改原型图,预览的时候生成一个原型小程序,激活所有的交互,同时具有出色的使用体验。

Default-预览/编辑

到这里软件开发基本就到这了,剩下的是一些细节优化。找了设计朋友帮忙做了图标,因为产品定位在工具,所以在设计上下的功夫就比较少了,简简单单就可以了,我追求产品极简,最终的效果我也比较满意。随后我建了个QQ群,写了篇关于产品的介绍软文,在简书上发布,吸引了60多人,这批作为内测用户,他们给了我一些意见和建议,很感谢他们。在慢慢优化之后,在9月13号上架了AppStore。

二、给App取名—Default

default在程序语言里面的意思是如果前面的条件都不满足就执行default,所以如果你不满意从前使用的原型工具,那就使用Default吧。

Default能让初级产品经理和即将进入这个行业的朋友们了解到一些常识性的东西,能保证画出来的原型图更加严谨,逻辑清晰,层次分明。我希望原型图不要是随随便便画出来的,画原型是为了更加透彻、更加系统的了解自己的产品,在画原型的过程中,偶尔会有一些若有所悟的启发,这更需要产品经理的专注和认真,原型图是为了更好的表达你的产品思路,这个过程其实并不追求快速,而是讲究精细准确。

三、Default-可生成原型小程序

Default不需要你写一句代码即可生成可交互的原型图,它符合人们追求自由自在的生活态度,你能在任何时候任何地点做原型,随时输出你脑海里的“产品模型”,但又无需坐在电脑面前。实现了无需设计开发介入即可出现一个真实的产品原型小程序,除了不具备网络数据功能。Default要做的就是这样一件事情——产品经理的掌上原型笔记。

Default-可制作原型小程序


最后

用我心目中伟大的产品经理张小龙先生说的话作为结束:哥做的不是产品,哥做的是发挥潜力的自由。

免费兑换码

Default已上架AppStore现有一批免费兑换码,数量有限,先到先得。+QQ/微信:511493327

PS: 祝大家都能找到自己心仪的产品经理。

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

推荐阅读更多精彩内容