JavaEEHTML&JS+前端大数据人工智能+PythonUI/UE设计软件测试C/C++新媒体+短视频运营产品经理Linux云计算+运维开发拍摄剪辑+短视频制作PMP项目管理认证电商运营Go语言与区块链PHP+H5全栈工程师iOSAndroid+物联网.NET

你的原型今天被吐槽了吗?

来源:黑马程序员

浏览226人

2020.06.05

众所周知,产品经理要会制作原型,就像是开发一定要会代码。原型的好坏美丑,直接决定了产品经理工作能力的高低与他在企业中的价值。

一个好的原型,能够提升整个项目团队的工作效率。那什么样的原型才是好的,什么样的会被吐槽,就是我们这个系列的文章需要跟大家分享的。

我们计划分三篇跟大家讲解原型的注意事项及制作:

第一篇,什么样的原型是好的原型,它们有什么特征;

第二篇,移动端原型规范;

第三篇,PC端原型制作。

什么样的原型才是好的,它们又有哪些共性?我们一起来聊一聊。

首先,关于颜色;好的原型是黑白灰的,很多产品经理喜欢用图片原件、用各种颜色块去让自己的原型变的美观。真的没必要,而且UI可能会很讨厌!为什么呢?因为你抢了他的活儿,而且你做的并不好。

1591328410319898.png        1591328428698491.png

有人可能会问,那我的原型中会出现不同级别的内容和文字,怎么体现呢?黑和灰都有不同的色度,颜色饱和度的高低可以直接让用户知道内容的优先级(比如图二中搜索框下方的导航栏)。

其次,关于图标;很多产品经理喜欢去网上找各种icon,有代表主页、代表个人中心、代表分类、代表购物车...有必要吗?也没有,为什么?因为这些图标UI和前端是用不了的,你再次用一个很低劣的技能,试图去抢他们的饭碗!

1591328445736919.png      1591328460797766.png

除非是类似返回按钮这种箭头,不然稍微复杂一些的图标(比如搜索的放大镜),都建议使用占位符代替;

第三,关于原型内容之间的距离;很多产品经理都知道安全距离的概念,但不懂如何应用。比如电商APP首页轮播图下方的一级入口,有图标和文字,下面两种哪个更好呢?

1591328503235426.png       1591328524654126.png

很明显是左边,为什么?因为左边的原型中,icon和文字距离相对更近,我们知道它们是一体的。

安全距离还包括内容离边框的距离,在上述的示例中,也明显是图五做的更好!

第四,原型中一定会有的交互说明。有的时候,一些按钮的交互说明很复杂,比如登录按钮的;有的产品经理喜欢把它写成一段话(如图七),各种异常情况如何判断、错误提示如何给出、内容是什么等等;开发和测试看了想打人!

1591328542118526.png

可以将这些内容分开写,利于阅读(如图):

1591328561117786.png

今天就跟大家分享上面的四个方面,希望大家在以后制作原型过程中,能够尽量避免以上的错误出现。

好的原型有什么特征?它们都是被用心做出来的,不管阅读对象是谁,他们看着原型都能看进去,也能看得舒服。

目前传智播客的产品经理学科正在招生中,如果感兴趣的小伙伴可以来看看,我们有专业的师资团队给大家授课,并且辅导大家就业,大家快来吧!


收藏文章

分享

相关阅读

分享到:QQ空间新浪微博腾讯微博人人网微信
在线咨询 我要报名