产品经理在画原型的时候应该到啥程度需要高保真么( 二 )


产品经理在画原型的时候应该到啥程度需要高保真么

左边:为平行关系的页面;右边:为有主次的页面(页面名字乱起的哈);
2、页面不影响设计师的视觉这点和大家天天嘴里说的“高保真原型图”恰恰相反。产品经理需求分析完成后,需要拿着原型图和设计师进行直观沟通,沟通清楚之后,设计师就会开始设计。那么,原型图对于设计师而言,是一个便于理解需求的工具亦或是忘记需求时的查看工具,从这个角度说,就不该给工具赋予一些其他角色,比如影响设计师的设计感觉。举例如下图:
产品经理在画原型的时候应该到啥程度需要高保真么

左边:用固有的占位图或者按钮来表示一些需要的内容;右边:用不知道从哪里找来的风格不同的icon拼凑;人对看到的东西会产生印象,设计师看到你找来的icon们,脑中同样也会有相应的反应:如果你找的风格比较一致也还看着阔以,那么设计师有可能会按照你找的icon风格来做;如果你找的风格水准差异巨大,那么不能帮助设计师设计没有关系,但是干扰设计师设计那就罪过了。3、页面元素要统一画原型图的时候,势必会用到很多软件中自带的控件。一开始没有形成自己习惯的时候,可能会有以下情况:同一个页面内同一种控件代表好多种行为;同一个页面内同一种控件表示同一个行为,不同页面之间同一种控件表示好多种行为;举例如下图:
产品经理在画原型的时候应该到啥程度需要高保真么

左边:代表占位符,不可点击;代表按钮,可点击;右边:比较混乱,两个控件乱用,不能点击的地方用了按钮,能点击的地方又用了占位符;4、页面排版要整齐排版整齐主要指:该左右对齐的地方对齐;该上下居中的地方上下居中;间隔该一致就一致;举例如下图:
产品经理在画原型的时候应该到啥程度需要高保真么

左边:上下、左右都对齐;右边:额,红色标记的都没有对齐;
六.画原型图的几个技巧1、善用辅助线辅助线能够帮助你分分钟对齐,并且无时不刻阔以用到它:画整体页面、画局部部件等等都阔以。上图中红色框内的四根辅助线我是必定会有的;蓝色框内的线是拖动了控件时系统会出现的2、善用母版会多处用到的一整块的东西尽量用母版如果你采用到处复制粘贴的方法的话,那么如果有修改,你就得一次一次的修改好多地方,浪费时间;如果你采用每次都自己重新画的话,那比上面还惨同时,母版顺便解决了排不齐的问题,毕竟,大部件拖起来容易排整齐的多。3、善用组合很多童鞋一开始的时候都不喜欢用组合,反正画完都一样嘛万一你下个版本要把整坨东西换到另一个位置上去呢?万一你整个页面要出现类似的东西好多遍呢?虽然第二点刚说过要善用母版,但是母版也不是越多越好。在不是全局出现的情况下,阔以把相关控件组合起来,不管是单页面上的复制粘贴还是挪动,都会非常方便,同时又无形之中解决整齐问题。4、不要过度用case里的花哨功能只用页面跳转,最多用面板之间的设置功能。
产品经理在画原型的时候应该到啥程度需要高保真么

5、不要过度用条件判断下图登录注册流程,应该平均一个控件上至少都有5、6个判断条件吧。可以用文字补充清清楚楚说明白的事情,不要折腾原型图6、过度用花哨功能和条件判断,会引起控件的命名问题做大量条件判断或者复杂的case是会需要指向某个控件的,那么对于控件的命名就需要套规则,而这点,一开始的时候你是没有意识到的。你需要不断加前缀来区分不同的控件,随着页面层次越来越多,命名会越来越复杂。


推荐阅读