一场误打误撞的产品之旅

引子

9 月份去参加了一个关于产品的沙龙，一开始主持人就让咱们在座的全部人一 一 作一下自我介绍，关于姓名、职业、性格特色什么的，顿时以为这是一个好恶俗的开场，好吧，自我介绍开始了，听完一轮又一轮的介绍才发现原来在座的大部分人都是刚入产品经理这行（包括我在内），并且有一部分人职业经历很丰富，好比之前是作硬件的、软件的、银行财会的、销售的、传统行业的等等，有的甚至转行不少次！这着实让我有些吃惊，这些人竟然有这么大勇气去挑战本身！做为一个一直以来从事设计工做的人忽然要开始从事产品领域的工做确实让我压力山大，不知道如何作好这份工做，相比较他们我可能不足以叫挑战，至少我一直从事互联网行业一直和产品经理打交道，突然间想一想以为一切也不那么困难了，因而更坚决了个人产品之旅。

本来觉得我是来作设计的

7 月中旬进入 coding，boss 张跟我说我将负责移动端的产品，我当时颇为惊讶，我不是来作UI设计的么，难道没有产品经理么，或者交互设计师？boss 张说没有，他但愿你能承担产品经理和设计师的工做。我当时快吓尿了！之前都是产品经理给我产品需求文档和原型设计图，如今是合二为一我来主导我来实现，感受身后的责任变得更重了，做为一个为未知充满好奇的人，我欣然接受这个挑战。

那么如何规划 Coding 移动端产品？

1. 首先要要了解 coding 是什么样一个网站

Coding 是一个面向开发者的云端开发平台，目前提供代码托管，运行空间，质量控制，项目管理等功能。Coding 提供社会化协做功能，包含了社交元素，为开发者提供技术讨论和协做平台。

不难看出Coding的定位很明确，使用人群是开发者，主要功能是云端开发和项目协做，因此这也让它区别与 Github、Gitcafe 等代码托管网站。

2. 移动端需求分析

根据 Coding web端的产品，那么移动端的又有怎样的需求呢？后来经过讨论，Coding 大部分的程序员更但愿是能尽快实现用手机发冒泡，小部分人以为有项目管理的功能也不错，要是能预览代码就更好了！若是只作冒泡功能那就纯属作一个社交软件，不符合咱们产品的初衷，但把他做为一个特点功能来推是一个很好的点。

因而咱们肯定了要作：项目管理、冒泡、私信、我的中心

起初消息是设计在我的中内心面的，缘由一是私信在网页的布局形成其操做和浏览方式不太流畅，二是普通用户对私信的需求不大致使其利用率不高。但私信做为团队协做必要的沟通工具，在网站上它是设计在左侧的一级菜单里面的，说明它的位置是举足轻重的，因而矛盾就产生了，怎么办？这个时候就须要一个小组讨论，boss张的建议也是但愿把私信放在一级菜单里面，他天天都会手动发20多条私信，有些问题必须私下去解决，好比有些bug反馈啊，功能咨询啊，活动咨询什么的等。起初通知是设计在首页顶部的，但思来想去以为不合适，后来参考了微博的作法把通知和私信整合在一块儿，变成实时消息。既解决了通知位置的问题也大大提升了私信的曝光度。如下访问路径图片就能看出，消息的页面访问率是仅次于项目和冒泡。

3. 移动端产品定位

既然肯定了作项目管理（简单好用）和社交（好玩有趣）两大元素，那么咱们的产品就能够定位为：

一款专为程序员使用的简单有趣的团队协做工具
使用人群：程序员
主要功能：团队协做
产品特点：简单有趣

原型设计阶段

第一次用Axure画原型图，学了半天不到就会了，整理产品的流程图和交互实际上是才是最复杂的，下面是Coding icon 1.0 原型图：

效果图设计阶段

网站大量选用的黑白主色，点缀色是玫红、button 绿、连接蓝，为了和网站视觉保持必定的一致性，客户端依然保留黑白主色，选用了玫红和绿色做为点缀色。整个界面属于扁平式的设计，清晰简洁易于长时间浏览。

成果检验

理想很饱满显示很残酷，因为种种缘由，实现出来的界面并无达到预期的效果，尤为是安卓客户端的效果，就以下图：

即便这样，咱们也不能唾弃它，它毕竟也是咱们一手拉扯大的，要善待它，好好打理它，终将有一天它会变得熠熠发光！

总结

最后总结一句话，尝试着并努力着去作一件有意义的事情是多么的让人开心，我想我能坚持！

Coding 官网技术博客: http://blog.coding.net

【Coding 官方技术博客是 Coding 内部小伙伴在平时的工做学习过程当中关于技术、产品、设计等等方面的积累和分享，但愿你们共同窗习共同进步!如转载，请注明出处与做者，谢谢!】