Archive for 十二月, 2009

web2.0时代的专题网页

发表时间:十二月 22nd, 2009, 作者:猪白衣与猪七七

经常网购的TX对专题网页一定不陌生。打开TB的首页,满屏的小广告充斥并吸引着读者的眼球,终极秒杀、特惠抢购等促销信息相当诱惑,点开的那个网页就是专题活动页面。 
细心的业内人士不难发现,早期的篇幅很长需要拖动鼠标良久才能读完的专题页面渐渐被简洁的、主题明朗的的web2.0时代的新专题页面所替代。
 就拿panli新上线的团购页面(http://www.panli.com/GroupPurchasing/)来说,不到两屏。

然而页面模块很清晰,非常明确地告诉用户:“这是个什么活动?”、“团购对我有什么好处?”、“我该如何参加团购?”,并且主题鲜明突出。
 此外,彩色气球的红色背景洋溢着圣诞、元旦的喜悦。从视觉设计的角度,不花哨但有冲击力,既符合市场设计的宣传需求,又与产品设计的理念如出一辙。 
拒绝冗余,避免繁琐。让用户在最短的时间内读懂专题活动,是这个时代的IT人共同努力的方向。

产品设计人员与技术开发人员的沟通

发表时间:十二月 21st, 2009, 作者:绝版

产品部和技术部,在网站的开发过程中,是两个需要密切配合的部门,很多网站甚至将这两个部门合并在了一起,不过大部分还是分开的。在互联网开发过程中,这两个部门的沟通效率,对于最终网站的质量有着非常重要的意义。笔者尝试将工作中这方面的一些体会分享出来,供读者参考或者指正。
首先简单的介绍一下在panli代购的一个典型的产品开发流程。
第一步是产品创意阶段,这时候可能是一个很粗线条的点子,或者只是一个问题,还没有答案,然后通过头脑风暴来收集点子,这个阶段由产品部主导,有时候各个部门甚至是网站会员都会参与进来。
第二步是产品设计阶段,这个阶段仍然由产品部主导,将原先很粗线条的点子细化为一个可以实施的方案(文档),并有一些简单的原型出来(页面静态效果)。
第三步是产品评审阶段,这个阶段将由产品部和技术部的人员一起参加,产品部的产品负责人讲述该产品的实施方案并展示效果,参与评审的人将就产品方案的合理性、可实施性乃至更加细节的UI等提出各种意见,而技术部的相关人员除去这些问题之外,还将关注产品的一些隐性需求,而这些需求往往是产品经理容易忽略的。如果产品通过评审,那么该产品将进入到技术部的实现阶段,否则,产品经理将负责修改该产品设计,再进入评审。
第四步是技术设计阶段,这个阶段由技术部负责,在这个过程当中,技术部的负责人将和产品经理进行更加深入的沟通,所有的细节在这个阶段都需要落实,在框架设计评审当中,某些情况还需要产品经理参加,以确认因为一些技术上的要求改变产品设计的可能性,比如由于性能上的要求而不得不放弃一些个性化的设计等等。
第五步是技术开发阶段,这个阶段很容易理解,不多讲述了。
第六步是测试阶段,参与测试的人员包括:开发人员本身,技术部测试人员,产品经理,有时候还会包含部分会员。
第七步当然是发布了。
由以上的开发流程可以看出,产品设计人员与技术开发人员的沟通,主要集中在第三步产品评审阶段和第四步技术设计阶段。在这个过程中,有几个方面是需要特别注意的。
第一点:听
在别人讲述自己的产品设计或者技术设计的时候,先不要急于发表自己的观点,有问题可以先记录下来,让对方完整的表达清楚以后,再发表自己的观点,这样的效率要比随时打断对方好的多,而且往往你想要问的问题,对方其实已经考虑过了,只是还没有到讲述的时候,所以一定要善于听。
第二点:复述
这个非常非常重要,当你听完对方的表述之后,请用简短的话来复述一遍你的理解,而不是用一句“我知道了”,或者“我明白了”来作为你的反馈,往往信息在这个沟通过程中会因此丢失而产生误解,所以,复述一遍,会对提高你们沟通的效率产生极大的帮助。
第三点:去理解设计背后的需求
无论对技术开发人员还是产品设计人员,都应该去尽量理解对方设计背后的真正意图,而不是仅仅关注设计本身,只有这样,你才能在之后很多细节的判断上有足够的判断力而避免更多的沟通成本或者出现差错。
当然,沟通作为一项重要的职场技巧,本身有着很多需要学习的地方,这个不是本文想要讨论的地方。

请告诉我你的心里话

发表时间:十二月 20th, 2009, 作者:echomaomao

周末宅在家里没做什么事情,翻看了一下电话簿,发现很多朋友都好久没有联系了,不知道这些朋友还在吗?
这段时间的工作重点都是在新的项目–团购上。说道团购可能很多朋友都会想到团长、团员的角色。
恩,不错。如果我说到这个概念你能想到,说明你是个很有画面感的人,恭喜你。。嘻嘻,我就自认为自己是个很有画面感的人,别人和我说一个概念,第一呈现在我脑海中的不是如何理解的文字,而是对应的画面呈现。我觉得这样的人是幸福的。HOHO,是不是罗嗦了点,回到正题。
团购,经过团队长久的努力和付出的加班加点,终于下周一要和用户们见面了。这一次的见面是对我们这群幕后的工作人员一次真正的检验。
其实在团购项目的规划过程中,无论是从上层决策还是到具体执行层面的人,都遇到过“冒进”的现象。
*在一开始讨论团购概念、模型的时候,我们讨论了很多很多的内容、很多可能出现的异常情况,针对这些异常情况如何去处理,太多了,我无法一一的列举。
*但是我庆幸的是我们的决策者是英明的,在规划的关键时候,他们做出了明智的决定;阶段性的推出团购功能;第一阶段、第二阶段、第三阶段。。。用户接受我们的产品时有一个循序渐进的过程,那么我们也是需要一步一步的把路走踏实了,再在行走的过程中,总结经验,以便给我们用户更好、更有的操作体验和利益。
下周一,我们就要向用户开放团购申请入口了。希望我们能为海外哪些朋友们提供更优惠、更贴心的服务。
说到这里,我不得不说,在团购项目策划的过程中,我们的亲爱的用户积极的参与到了我们的设计过程中,为我们提供了很多很好的建议。真的很感谢这些用户把你们的心里话告诉我们,以便我们能设计出更适合你们的产品。
做产品也有两年左右的时间了,期间我逐步的明白了用户在我们产品设计中的重要性。但是我们现在很多设计师、产品经理,在设计产品的过程中,更多的是把自己当成了一个用户,来设计一个自己喜欢的产品。或者我们觉得用户应该喜欢这样的产品,那好,我们就这么做吧!
事实,作为产品人员,我们应该这样吗?
我们应该如何让用户和我们交流,如何让用户将自己的心里话告诉我们?我们如何让产品有一个质的飞跃?这些都是需要我再接下来的工作过程中,不断实践、不断总结得到的,如果有幸我能总结出一套可用的方法,将很高兴与大家分享。
就写到这了,周末给自己顿了汤,朋友,想喝不?HOHO。。
have a Nice day!

表格也需要设计

发表时间:十二月 11th, 2009, 作者:lijin

  今天讨论一下表格设计,关于表格,表面看起来很简单,要做一个漂亮表格难度可不小,也很少有人对表格进行修饰和设计。表格功能主要是展示数据和记录数据,而过多的文字容易使眼睛疲劳,因此一个的舒适表格有助于用户静心阅读,也是网站注重细节的体现。
  首先说说表格的色彩,表格的功能以展示数据为主,因此表格本身的色彩不宜太过鲜艳,适当的柔和。为了能让表格在页面上有一定分量,为表格加了一个淡灰色的背景,然后再在背景里镶白底线框表格,上下左右边距为6px,这样中间内容显得格外明亮,立即突出表格,行与行之间白灰相间,这样防止阅读时出现错觉,方便用户阅读。
  关于表格文字颜色,一个表格里文字必须分轻重,如:下图是一个消费记录表格,金额为表格重点,因此用红色突出重点。切记,表格文字颜色不宜太多,多了会显得花,可以根据表格不同来确定重点的栏目数;链接用蓝色,这是用户习惯;其他内容用黑色,这也是表格文字的主要颜色,他不但是有效的数据,还能起到衬托重点的作用。表格的特殊数据展示(如下图),出现几率相对较低,但是视觉冲击一定要强,因此文字颜色用了一个和红色互为补色的绿色,很容易区分出和其他数据的不同。
  最后表格需要整洁、大气,因此表格文字的行高、字体大小、边距也必须按好好把握,根据以往的经验,内容距离边线框10px比较合适,当字体大小是12px时,内容行高为20px最合适,当字体大小是14px时,内容行高为22px最合适。
  以上是个人见解,仅供参考!

人人都是懒羊羊

发表时间:十二月 9th, 2009, 作者:猪白衣与猪七七

喜欢一部叫做《喜羊羊与灰太狼》的国产动画片,
喜欢那只懒羊羊。
事实上,在Internet上冲浪的每一位网民,心目中都有一只懒羊羊。 
当我随便点开一个网站,我懒得花上一分钟甚至几十秒去思考,这个网站是干嘛的?
这大概和我看报纸的习惯类似。地铁里有免费派送的报纸,而搭地铁的时间却很短暂。每天信手拈来,第一件事就是阅读各大板块的各大标题,除非特别有兴趣的话题,才会看底下的小字正文。 
上网站也一样,就拿Panli代购(http://www.panli.com/)为例。
首先,不得不赞一记它的logo:

十分清晰明朗滴告诉我,这是一个为海外华人代购中国商品的网站。
其次,右上角的购物车等导航信息,更加证实了这样一个讯息:在这里可以进行网上血拼。
还有它的一级菜单栏目,表达的意思还是蛮清楚滴。
至少,我没有去点“帮助中心”,更没有使用“在线客服”。
这就是我第一次上Panli代购网站的感受。
作为一名交互设计师,很多时候需要换位思考。
如何让网民在上我们网站的时候,想都不用想,就能够接受到我们所想表达的全部讯息,是设计师们需要深思熟虑的首要问题。 
多学习,勤思考。
相信在不久的将来,我们会做得更好!

帮用户不能“越帮越忙”!

发表时间:十二月 4th, 2009, 作者:daisy

  “帮助中心”的内容优化在这一阶段基本完成了,但往后还需不断的修正与追求完美!通过这次为时大半个月的研究与优化,我作为一个网站编辑,对Panli代购的整个操作流程与常见的问题有了更全面的认识,当然不能自大的认为自己已是Panli专家了,有时候用户提到的问题,我还是不能像我们的客服MM那样对答如流,嗯,还要继续努力……
  在优化帮助中心的过程中,经过我们产品部老大的提点,让我学会了如何才能让用户从“帮助中心”中得到真正意义上的帮助,而不是让用户越看越迷惑。在这里跟大家分享一下:
  1、语言不能生硬、冰冷
  在优化常见问题的文案时,语言不要像一个机器人在陈述,生硬而冰冷!
  我刚开始优化内容时,就像其他网站的帮助内容那样,以为写得清楚、明了、简洁就OK了,后来给上级初审时,被告知一定要注意语气上的表达!!不但要准确的的传达信息,还要让用户感受到良好的体验。
  我想了半天,这种说明性的帮助内容,要怎么注意语气呢?总不可能像在论坛那么随意吧,整天装可爱的用语气词“哦…哈!…呢?…”我使劲地想象自己是一个很有耐心、很有爱心、很有礼貌的客服,如果遇到一个烦躁不安、急不可耐的用户要寻求解答,我该以怎么样的态度去面对他们呢?
  (1)最起码,就是回答所有问题时,一律用尊称“您”!用户永远是我们的上帝,是我们的衣食父母,就算他只是个小屁孩,我们都要礼貌而温和地说:您……请您…..
  (2)对于一些让用户感到极不理解而觉得生气的问题时,首先要说“很抱歉”….但这个用法并不多,因为目前也没有很多让用户产生负面情绪的问题。
  (3)语气要软化。用户不是我们的下属,不是我们的敌人,回答问题时,少用“不予”、“不能”、“不允许”之类的词语,可以改为稍微温柔一点的词语,例如“因为…..所以我们建议”、“无法”(这个比“不能”听起来好受点,“无法”一般是客观原因造成的,而“不能”,更多的是带了主观色彩)。
  2、为用户着想
  在我看来,语言要按着用户的逻辑思维撰写,这一点应该最能体现“帮助中心”的文案水准。
  如果语言的表达顺序糊里糊涂、颠三倒四,或者撰写的人连自己都搞不清楚那道问题的答案,就更谈不上为用户解疑释惑了。当然,编辑我也不是万能的,不可能有机会操作每个代购流程。这时候,我就要厚着脸皮,整天骚扰客服MM了,一遇到问题,就要打破砂锅问到底。只有自己了解了,才能准确的给用户传达答案。
  用户希望看到什么形式的内容?该按什么顺序表达?这时候就需要发挥我们换位思考的能力了!
  3、文案要具有统一性
  做到这一点的前提:就是要对代购流程有透彻的理解,因为这牵扯到了每一个词语的表达!
  (1)同义词不能有多种表达方式!举个简单的例子,不能一会说“会员”,一会说“用户”。
  (2)弄清楚相近词的不同,例如:代购单、订单、运单,没有对代购的深刻了解,就很容易混淆这几个词的表达意思,也会误导用户的理解。
  今天先写到这,欢迎大家提出宝贵意见啦。