【实习总结】工具官网设计的一点总结
这段时间参与的项目Topsem官网就要上线了，来来回回，无数次修改，终于可以暂时定下来了。想到这大半年的实习，很多成长进步得益于在大讲堂的学习，这次专门把这次参与项目的一点总结发到大讲堂，希望再和大家一起好好交流学习
另外….不要转载，不要转载，我不想被公司的人看到，我还是比较低调的，低调，低调
这次是我接手Topsem官网的第二个大改版了，这是我6月实习，8月接手做的
先来个旧版Topsem官网的截图吧，做个最后的告别——我产品路上第一个项目，现在看来，很幼稚，很粗糙
在做这一版设计的时候，手上并没有什么资料，也完全没有任何经验，现在看来里面内容单薄，不具有针对性，甚至当时连目标用户是谁，网站定位如何这些基本问题都没有想清楚。现在看来还是很多经验可总结的
1，闭门造车，偏于以偶，产品不知所云。当时在J哥主要负责，我来设计原型，由于无论是J哥还是我，都是身处研发部门，反馈几乎没有，一切全凭我们的主观想象。这使得我的大部分时间都在用来和J哥讨论某个文案用词的恰当否，在架构、信息上几乎没什么讨论。虽然当时设计的时候我找过客服拿了用户常问问题表盒话术表，但是这些依然不够。那时候“用户需求”这个概念知道，但是几乎是找不到入口。现在想来，闭门造车是最大的问题。而且我刚刚加入公司，又是一个实习生，一切做的有点畏手畏脚（虽然公司和部门对我给以了很大的信任和空间）的原因，以及部门浓厚的研发氛围，使得沉浸在自我想象的范围里
2，对产品理解不深，几乎都是从功能和操作层面的理解。受制于当时研发氛围的影响，加上一开始接触SEM这种东西，很多事情都是慢慢摸索着理解。当时急于理解产品马上投入工作，以至于忽略了真正用产品的人到底是谁。后来慢慢被各种眼花缭乱的产品功能所影响，整个重心居然偏差到理解功能上面了。现在看来，当初这种“偏”使得我对产品的理解不全面，他应该是一个很多维度，非常丰富的一个东西，尤其是做营销网站，更应该把卖点说清楚，可是当时的理解几乎认为“卖点=功能”，于是在网站设计上大量的突出产品有什么功能，这些功能如何如何牛逼….却根本没有发现我面对的用户是谁，他们真的对这些功能感兴趣吗？
3，进行了很多微创新的尝试，可是却忽略了创新的目的是什么。由于不想受制于传统，在网站设计上进行了一些微创新，例如“服务流程”这块，无论是文案还是结构设计，当时都有点沾沾自喜，觉得远胜所有网站的服务流程（当初做过调查，发现所有网站凡是有服务流程的都弱爆了）。但是现在重做官网的时候，才明白自己错的很离谱：为什么大家的服务流程文字都很少？为什么他们服务流程页面内容并不多？服务流程到底要展示什么，用户什么时候会进来看？这些问题当初都没想清楚，只觉得有个好想法，加上一个新人有那么大的空间和资源，就赶紧去做了。而现在，服务流程从原来的五步精简到三步，同时文案也全部替换成实实在在的内容了。又在UI设计上和设计师充分的沟通，内容虽然减少了，但是整体效果却是提高了。所以这次的教训让我开始反省，创新的目的到底是什么？每一个新想法也许是凭空冒出来的，那么验证他是否可行和去施行的标准是什么？
4，追求完美，如果自己看的都不爽，就要改。整体来说这个网站做的很粗糙，无论是banner还是设计都很简单。一方面当时部门是UI设计师+前端都是一个人，而且只有一个人，他工作压力也大，而官网当时的地位并不如工具本身重要，所以造成每一次都是我要很纠结要不要去修改，怎么说服UI设计师接着美化。以至于后来几次都是J哥看不下去了，觉得实在是太丑了，他也明白我的处境和顾虑，带着我去和设计师沟通。但是不能每一次都他带着，所以后来迫于项目上线的时间压力，很多东西我看着都不爽的情况下就上线了。本来有人跟我说“先上再改”，后来发现上线之后再大改几乎是不可能了！（被坑了…不要信这种话）于是只能满含遗憾的看着自己的第一个作品。而同时随着逐渐和设计师熟悉，慢慢的通过设计了几个很赞产品着陆页做广告投放试图挽回官网粗糙的“屌丝”味道。这段教训让我知道，产品设计不仅仅是要把原型设计出来，更要在自己心里有一个理想情况下的效果图，尽一切可能往效果图上靠，而这就必须要有前期充分的准备，和力求完美的心
5，没有数据分析支撑，以至于全凭主观想象。当初知道数据分析的概念，也用百度推广和GA看过一些热点图什么的，但是都没有系统的分析过数据的含义。后来调到在线运营负责大官网后，才慢慢理解了数据分析支撑的重要。比如以前设计的这版，作为重要的转化窗口，在线咨询框竟然只有一个左侧浮动框，其他的地方完全没有任何咨询按钮了！这个在现在看来几乎是不可思议的情况在当初还想当然的以为“悬浮咨询框随着页面滚动而滚动，大家肯定都知道点它”。而后来我看到的数据竟然是，页面内的咨询按钮的转化率高出悬浮咨询框好几倍！主观猜测的想当然让我一叶障目，这个教训也让我知道，没有数据支撑的东西，都是空谈，而数据分析是一个庞大的东西，不是一眼可以看出来的，必须潜下心来慢慢分析
而第二次改版的时候，由于赶上公司架构调整等等重大契机，被从研发中心调去了在线运营部门，同时挖来了几个“高手”，虽然第二次改版还是我主导（所以非常感谢公司对我的信任），但是整体已经改变了很多。下图是目前确定的首页
这一次官网的项目相比之前的要正规多了，一方面得益于氛围，一方面也是逐渐的找到了一点感觉。而这一次项目周期久，协调的部门多，删改次数频繁，给了我更多宝贵的经验。
1，网站定位很重要，目标用户是谁要非常清楚。以前的官网设计的时候没在这方面考虑太深，以至于最后惨不忍睹。而当重新接手改版项目的时候，开了很多会，听了很多前辈的建议和想法，他们最重要的一句话就是分析谁是我们的目标用户，我们网站的目的是什么。以前的网站几乎成了一个产品介绍网站，这和“提高转化率”的目的是违背的，后来进过分析，更注重营销性质，同时张老师提出一个“分层展示”的思路，即我们的目标用户一类是完全小白的SEM用户，一类是有经验的推广竞价人员，一类是有拍板决策权的boss层人物，他们彼此关心的方向都不一样，需要分层的让他们能在网站里找到最合适他们的信息，并打动他们。为了这一点也是想了很久，真心觉得用户的真实需求没有实打实的研究接触和长时间的积累是不行的，很多想当然觉得的需求其实只是肤浅的而已
2，借鉴和抄袭的分别。在设计之初，几个前辈就提出了要参考模仿一下同行业竞争对手官网优秀的地方，为我所用。于是BY的网站是众多竞争对手里最值得研究的。首页第一屏左侧的“营销问题选择框”就是抄袭了BY的——是的，我用了抄袭这个词，原因是我一开始并不同意这样照搬人家的东西（虽然文字改了改），我承认我有一点道德洁癖和清高。但是前辈们几乎是众口一词的要求必须加上去，虽然我也知道博雅这块做的很好，因为他真实的减少了用户寻找信息的成本，同时增加了很强的诱导性以及提高咨询转化率，但是仔细看来其实这并不是最适合我们的——因为我们目前产品重新包装后的分类并不是十分明显，而且版本不多，真的可以说抄到了形而没有抄到魂。而借鉴则是借鉴这种设计的思想来结合真实的情况做出最适合我们的设计，可是很遗憾，我虽然不想照搬，但是也真的当时想不出其他的方式。这大概是我第一次经受这种“山寨”的滋味吧
3，跳出固有意识和想法的束缚，认真审视所有的资源。由于早先我是在研发部门，主要埋头在工具上，后来调到在线运营，接触的是整个公司的产品也业务，这种大和小的变化我竟然完全忽略了，而只单纯的认为这是一个部门的变化。设计之初头儿要求增加公司形象的内容，使得品牌推广和营销并行。这个东西我想了很久，也做了很多尝试，包括左右边栏增加各种产品的内容模块，写些有点假大空的文字，但是，这些连我都看不下去。而又实在想不出办法。后来一个同事建议，左侧新增了公司内刊《搜主意》的下载链接（如下图）而同时删去了很多复杂的文字。修改后果然不同，而同时我也明白了我之前的问题——思路始终局限在原来产品上，忘记了我现在手上有公司其他很多资源可以利用，不懂得跳出束缚去一一审视所有可以用的资源。现在想来，当初内心太浮躁了，越纠结就陷的泥潭太深。所以，保持清醒的头脑认识和平和稳定的心态很重要
【原来的设计】
【被修改后的设计】
4，一心一事，专注解决一个问题。这对我来说是个老问题了，我做事经常容易中断而去做其他事情，尤其这次新官网周期非常久，等待的时间非常长，而我同时又有其他工作，来回的切换思维使得无论哪一方面我的思考都不深入。伤其十指，不如断其一指。一心一事，一心一事….
5，思考的再精细一点，再周全一点，原型做的再完整一点，再完整一点。这次委屈我们的前端同事和设计师了，因为由于我的很多考虑不周全增加了他们很多工作量，而有些是完全可以避免的。比如我设计了注册页面，也和研发部门的同事沟通好了后台问题，但是居然忘记注册成功后的页面，造成当研发的同事问起来的时候拿不出，只能马上重新设计，然后和设计师、前端沟通尽快上线。还有一次有个内容我原型上面没有表现出来，当看到内网测试的官网后才猛然觉得不对劲，又是一轮重来…..委屈他们为我的不成熟买单了….这些教训也让我意识到，很多程序猿讨厌产品经理改需求，其实说不定很多需求的更改都是可以避免的，而产品经理在论证、讨论、思考、设计之初想的周全点，再周全一点，说不定就可以避免了
6，大胆和领导沟通，必要时候据理力争。在之前因为我觉得自己毕竟是个新人，没经验，所以很多时候头儿说什么我就按照他说的做什么，这个项目由于涉及到的人太多，各种头儿也太多，所以经常会有截然不同的意见出现。我印象很深的一个就是成功案例页面的展示顺序问题，当时我们的大boss叫我去办公室，聊到这个问题，他也许是看出了我的心理，说了一句让我很感动的话“我不是命令你去改，你告诉我你的设计思路，如果能说服我，ok，按你的做没问题”，于是我开始解释我的思路，最后获得了他的认同，不需要再更改。这次的经验让我明白据理力争的可行的，当然前提是你有充分的准备，真正的思考过。当然——也得分时候和分人….
7，嘈杂的声音很多，但是决定的只有你。这是接上面的话题。由于这次改版受重视程度和涉及的人员众多，各个部门都有自己的想法和要求，乱七八糟一来加上我没什么经验，感觉每个人说的都对，都有道理，于是一次次总是在修改、修改。后来Y哥和P不止一次非常善意的提醒我，他们的要求你要判断，不要谁来说一个都去考虑都去做，一来我们精力有限，而来这样会越来越糟糕。负责的人是你，所以能决定的人也是你。这似乎就是一个主见的问题，我还在慢慢感受，写出来记录我这一刻的想法而已——PM和人打交道总是很蛋疼的
8，卡死时间点，确保每个时间点做完该做的事！这是今天刚刚得到的教训，卡死时间点，确保每个时间点做完该做的事！这是今天刚刚得到的教训，本来之前很早就传到内网给他们测试了，最后反馈没问题，于是就上线了。但是前天下班刚一上线，今天就反馈回来一大堆要修改的内容！苦逼啊…而且由于部门的变来变去，每个人都觉得自己有道理，他们之前没沟通好，最后各种反馈修改的意见。终于体会到PM夹在中间两头难做的辛苦了…上应付他们的需求变动，下哄着设计师和开发再修改一下，修改一下…原本内网测试就应该解决的问题，现在才来，真是有苦难言。这个故事也告诉我们：卡住时间点，每个时间段做什么事自己一定要清楚、清醒，同时要跟进，人都是懒惰的，不火烧眉毛他们不会在意，“内网测试”和放到外网也许对他们来说重视的程度不一样。所以这个教训要牢记，以后必须有自己的时间规划！而这个规划虽然可以是灵活的，但是一定要目标、事件、时间点、任务等等一一对应上，同时能解决好！
以上不完全，以后想到了随时更新
