Benking

我们是如何做产品的

一 01

Ben产品设计, 投资理财, 项目&管理 产品设计, 原型设计, 基金比较, 基金筛选, 用户调查, 竞争对手分析, 需求分析, 项目管理 No Comments

最近刚完成基金筛选器、基金比较，这两个小产品。但其实在我的构想中，她们俩是同一个产品一下的子功能（这个产品我称她为“选基平台”），只是由于时间、资源等因素，目前仅实现这两个功能。

由于“刚出炉”，放在手头还比较热，于是趁热用她来做一个例子，谈谈我们是如何做产品的。

1、思路思路

如何确定要做一个产品，理由可能是多种多样的，这里就不再详细叙述了，留在以后的篇幅中。而我们确定要做选基类产品是在年初定下来的，相关人员聚在一起讨论今年的KPI，这个时候就会定下来今年大致的产品发展思路。

到了具体要做的时候，就会想了，咱们的选基平台到底会实现什么样的功能？在设计之前，我通常会首先做几件事情：

• 用户调查：目前这是最弱的部分，仅收集与总结用户的反馈，看看这方面的需求情况；
• 竞争对手分析：这一步比较重要，我会把所有对手的类似产品都看一遍，找出他们的优缺点，该吸取的吸取，该抛弃的抛弃。当然也得结合自己的特色；
• 大量广泛的查阅：如果在你要做一个产品之前，对她的概念比较模糊或根本不知道应该怎么做，你应该大量、广泛的查阅。并适当的做记录，对以后的设计阶段会有帮助；

当然还有很多工作，如需求分析、可行性验证等。一边做这些准备工作，一边整理这些思路。准备工作做好后，产品构想大体就完成了：

这个时候，可以把大大小小的相关人员聚在一起，谈谈你的构思。大家会对的构思提出各种各样的建议与意见，如果顺利，差不多这样一次会议就确定了。

2、原型设计

大家对你的构思认可后，接下来基本上是真刀真枪的干活了。大一点的公司，通常是一组人一起做设计（这些人我们称为PM）。像我们这样的小公司，没实力请这么多人一起做，通常由内部人员兼任。

由于前期已经有了很好的构思，这个阶段基本上就是按照你的构思做设计，在设计的时候会考虑到很多问题，比如：

• 整体布局应该怎样：两栏、三栏，还是其他。通常在这个问题上会纠结很久，确定以后，接下来的事情就好办了；
• 如何布局页面元素：例如，如何合适的摆放大量的筛选条件，这成了这次设计的难点之一。当然最终还是解决了，具体解决的好与不好，需要看上线后的反馈；
• 以使用者的角度来思考：易用性的好坏实际上大多数取决于设计者所处的角度。我是从技术出身的，在设计的时候一些技术上的事情难免会左右我的想法。但我还是会尽力以用户的角度去思考如何设计；
• 商业价值思考：这一点也应该考虑。在一个初期版本中，也许不会有这些内容，但在设计阶段至少应该考虑一下，留一些口子；
• 结合推广的一些思路：对于初始版本的产品，通常这一步比较困难，记得我们在开产品设计PK会的时候，运营负责人就会想是不是应该加入一些有利于推广的内容在里面。但由于这样一个产品功能性太强，不便于在这个版本上实现，因此也暂时搁浅了，留在后期版本上实现；

整个原型设计阶段，可能都需要你全身心的投入进去，以至于达到“走火入魔”的状态最好（开玩笑的，呵呵）。最终完成原型设计：

+ 

接下来可以开展原型讨论会，这是比较“痛苦”的一个环节，大家会提出各种各样的需求与建议。你会根据这些建议进一步的思考是否或应该如何改善设计，并找时间再次组织讨论。

通常这类会议进行2～3次，具体最终什么时候能够敲定，就看你在做产品原型演示时的忽悠功底了。最后老板发言：“好，就这样做吧”，得到这样的信息后，说明你的产品原型设计阶段顺利完成，可以正式开工了。

3、项目排期与开发

这个阶段，你需要一个或多个Excel表格，或者Project文档，来分解出产品的Features。然后找到相关人员（通常为开发、测试与UI设计人员）一起开会，大家一起来评估时间。比如本文中的基金筛选器，我们就用一个project文件就足够了。

这个过程基本上是一个协调与驱动的过程，协调各种人员的配合，如开发、美工等。适当的给相关人员一些培训，让他们深入理解你的设计理念，这样才能更好的发挥他们的想象力，尤其是美工设计人员。

最终，美工会根据你的设计完成UI美化，开发人员会根据你的设计完成程序开发。这其中有一个度，也许你的想法还有很多，想实现更多更实用、更酷的功能与技巧。但需要把握一下时间与工作量，优先实现核心功能，锦上添花的功能可以安排的后期完成（如Alpha测试期、Beta 测试期）。

4、测试与上线

待开发完成，总得测试一下吧。对于网站而言，需不需要测试人员也是一个争论的焦点，同样在我们公司也有这样的问题，某些产品负责人认为根本不需要测试，有测试也不一定能帮你测试出Bug。

当然他们说的也有道理，毕竟我们网站的行业性比较强，是有点难上手。但产品开发完成总得还是要测试一下。

没有测试人员，怎么办呢？只能发动全公司人员一起测试了，虽然不能保证最终完全没有Bug，但好歹还是测试过。

最后，我们发出Beta版，正式和用户见面：

+

有兴趣的朋友，可以点击这里、那里看看效果。

关于产品原型设计的一些想法

九 25

Ben产品设计 交互设计, 产品设计, 原型设计 No Comments

对于产品设计阶段的原型设计这个事情，我本人是非常看重的，而且原型做的越逼真越好（如果时间充裕的话）。对于到底是否要做的逼真一点（因为这样花的时间更多），这也是一个比较有争议的话题，可能每个人的观点都会不一样。比如有些朋友认为，不必花太多的心思在原型设计上，在纸上随便画画，然后交给美工人员设计美化，更甚者直接口述。

当然，纸笔是最直接的原型设计工具，对于一些比较简单的产品设计，也是可以直接这样做的。我自己在真正设计之前，首先会在草稿纸上用笔画画，然后再用绘图工具设计原型。之所以要做的逼真一点，目的在于便于沟通，因为你需要把你的想法告诉产品相关人员，如果采用口述或草图的形式，恐怕会出现沟通障碍。再者如果需要存档的话，口述或草图恐怕就不太合适了。

原型设计工具很多，主要看自己适合用什么样的工具。我自己用过一些，比如 Visio、MS Publisher、Axure Pro等，如果是简单且没有交互的东西，可以直接用Visio画画。如果是基于Web的产品，建议用 Microsoft Publisher 或 Axure Pro。对与交互比较复杂的产品，建议用 Axure Pro，用这个工具可以让你的原型设计的非常逼真，在开评审会的时候，可有利于沟通；在美工参与阶段，可让美工把握每个设计上的细节，可进一步避免返工。

如果你有一些开发基础，你甚至可以用某些开发环境做原型，比如 Dreamweaver、Visual Studio系列等。这样做出的原型，几乎可以作为一个半成品拿出来演示，当然这样做花的时间就更多了。不过在某些项目中，这样做还是值得的，比如你要去竞标某个项目，给客户演示等。

回顾一下去年做的一个IPTV产品

九 21

Ben产品设计 IPTV, 产品设计, 原型设计 No Comments

去年10月，数米同另一家专门做IPTV的公司一起给某地方电信开发一套IPTV产品，该产品包含基金以及股票投资理财服务，我们负责其中的基金部分，内容就不说了，凡是和基金相关的，都会做（除了交易）。

在业务上，我们是比较熟悉的，因此整个产品的设计自然就落在我们头上。我在这里回顾并整理一下进行IPTV设计需要注意的一些问题，给自己做个记录，同时看能不能给正在摸索的朋友给些帮助。

机顶盒部分我这里就不说了，自己本身也不是很懂。我只说说在设计上的一些约束以及需要注意的地方：

页面布局

页面大小一般是 640×526（宽×高），最好不要超过这个标准，大部分的机顶盒都认这个标准，如果想要你的产品保持通用性，应该采用这个标准。布局的形式可能是多种多样的，但建议给你的内容显示多留一点空间，毕竟可显示的内容不多。常用的形式有上中下，上面为菜单、下面可以放一个通栏，用来放一些“后退”、“帮助引导”（如按F1、F2是什么功能）等，中间是内容区域，这种布局方式可以把你的内容区域预留的足够大，如果你的产品是内容为主，我想这种布局形式应该是不错的，如下图：

另外还可以采用左右形式，采用这种形式的产品通常为娱乐类产品，如游戏、视频等。

字体、颜色

关于字体和颜色，由于绝大部分机顶盒支持的颜色不多（256色居多），因此在设计的时候，颜色建议都使用RGB标准色。字体用宋体就足够了，且应使用大字体（14pt较为合适），因为在电视上显示字体太小，会影响用户正常浏览。

脚本特效

尽量不要使用太多的脚本特效，机顶盒所支持的脚本版本较低，功能也较弱，所以尽量不要使用太多的效果。

其他

小数点是不能输入的；最好不要有让用户输入汉字的地方，能支持输入汉字的机顶盒很少；操作尽量简单，用遥控板不好操作，（在体验上，你可以把遥控板想象成手机，适当的yy一下。因此在设计的时候，你可以参考WAP产品的设计思路）；如果有数据表单，设计不宜过于复杂；