产品设计与生活 江洋's blog

如何理解老板的产品需求3

老板分两种:
一种是专业的领导上级,一般是产品,技术或是运营相关很资深的人士,有多年的从业经验,对互联网有深刻的理解,可能不是专门做产品出身,但应该其经验丰富,全局把握的好,所以对产品层面的工作还是非常理解的,如果是专门做产品出身的,那领导工作的能力会更强。往往在传达产品战略的时候会比较清楚的表达要作的东西,对于发现的问题也经常是可以抓住重点。
这种老板带领的会是一个良性团队,不是本文要讨论的重点。
另一种不是专业的领导上级,可能是销售,市场或是有其它专长上来的领导,不能否认,这样的领导在其它方面可能有自己很强的业务能力或是过人之处,但可能对互联网的理解很浅,甚至对电脑的操作都不够熟练,而且自认为自己在不断学习,经常能发现一些问题,常常指手划脚,其实发现的问题也是以偏概全,不能看到重点问题,而是捡了芝麻丢西瓜。而且经常是拍脑门做事情,没有认真和系统地考虑就传达一个新产品的意图,但又很难表达清楚自己的产品模型。
但我们,做为一个网站的产品经理,或是产品设计师,如果在面对文章中提到的前者的老板那是福分,可以高效沟通和工作,如果遇到后者的老板,也是很正常的事情,可能经常郁闷,苦恼。但做产品层面的工作,不是可以主导老板战略的,即使老板的战略或是方向有错,在我们不能改变的前提下,只能去认真执行,关键是我们如何去理解老板的意图,尽可能的把产品做成一个有用,可用,好用的东西。
1、面对不能清楚表达产品战略的老板:反复沟通,深入沟通
老板在想到一个产品形态的时候,至少会有他自己的目的,或是在自己脑中有一个产品形态,这种形态可能来源于他自己的臆想,也可能来自某个已有的互联网产品。首先,一定要非常清楚的理解,为什么要做这个产品,产品的商业目标和战略目标,只有清楚目标,后面的产品设计才能不会走偏路。对于一些基本的产品形态,可以拿纸,让老板画,或是让老板给你看别人已经做出来的现成产品。
2、面对拍脑门想出来,而且又不靠谱的产品战略:深入理解老板的产品意图
其实任何老板想出来的产品都不是“不靠谱”的,只是目的和意图不同,有的可能是想用一个全新的概念来抢占市场,只是他缺乏对互联网的理解,缺乏对用户的理解;有的可能是为了在年底的时候向他的上级有所汇报,必须折腾点东西出来;有的可能是为了一些市场或是商业目的…。当然,也有可能是我们的水平和经验有限,没有老板那么能把握互联网的发展趋势,没有老板那样高瞻远瞩,没有老板那样可以带领大家走在行业的最前线。
不管怎么情况,做为产品层面的执行者,就像士兵执行军官的命令一样,一定要认真对待,勇于牺牲,即使是一场错误的战斗,做为一个职业的产品经理或是产品设计师也要坚持的做下去,而且要尽可能的做好。
1)用没有任何感情或态度的语言告诉老板,这个产品会认真做好,但因为其战略定位有问题,有可能会失败。
2)对于不同目的而引发的新产品战略,做到有的放失,抓住重点,产品的功能点可以省,但细节不可忽略。
3)即便你认为是一个无用的产品,也要尽量把产品做的可用,而且好用,因为每一次的设计工作,都会对个人的能力有所提高。

如果你遇到一个这样的老板:今天说了要改成A的样式,过几天又问你,A样式好吗?我们为什么要改?……
总是喜欢用自己的主观体验去主导你的设计思想,认为自己的主观体验代表了全体网民,用自己的体验来说这叫“用户体验”,你必须以他说的“用户体验”去改进产品……
那么,兄弟,恭喜你,快换工作吧。

怎样规避广告带给用户的负面影响?6

CCAV6在放一部电影的时候,总喜欢把电影分成三四段,而在其中插播广告,如果广告的创意制作很好,还有总体时间把握的也很好的话,多数观众还是可以接受的,最怕的就是恒源祥的羊羊羊,然后还反反复复,没完没了的放……
任何一种媒体形式,包括电视,广播,报纸,互联网,目前的主要赢利模式还是依靠广告,而广告的主要目的也是“广而告知”,也就是说在用户在获取媒体信息的同时,不可避免的会获取广告信息。
那么对于互联网来讲,如何让用户更好的接受,或是不反感广告呢?

一、要与用户关注的内容或用户行为相吻合
其实现在很多的广告产品已经做到了这一点,比如baidu的关键字广告,会跟据当前页面的内容(文字)来匹配广告,从而使广告看起来与这个页面是相关的,使用户不会很反感和意外。再比如google的Adsense,除了可以与当前页面的内容相匹配以外,还会跟据用户的浏览行为发出不同文字链广告,这样做好处是可以更精准的定位用户,实现更好的广告效果。这些可能是通过一些技术手段,比如当前页面的语义相关性,用户的行为分析等来实现广告的相关性。
还有一种就是跟据用户身份和可能存在需求来投放广告,这里的精准不同于上面所说的内容和行为分析,这里是跟据用户的数据,一般是对有比较详细信息的注册用户才可以判断,比如chinaren的校友录首页,如果用信息完善的账号去登录,系统会跟据我当前的一些资料,比如年龄,大学毕业没有几年这几个信息,来选择给我投放广告。看图1
推荐我找对象
                                                                   (图1)
注意看顶部的banner广告,很显然,系统跟据我的年龄等一些基本资料,认为我是准备找对象的阶段……
如果我用另一个没有资料的账号登录,这个页面的广告就不一样了,看图2

                                                                                                     (图2)
可能这是一个通发广告,或是在没有用户资料数据时候要展示的广告。
我认为sohu在chinaren中做到了跟据用户资料的数据来选择广告,可以使得广告不被用户反感的同时又能提升广告效果。
对于一些以商品为核心(有产品库)的垂直网站来讲,如果可以跟踪用户行为,跟据用户行为定位用户关注的产品类别,同样可以实现对广告的精准投放。
例如,汽车垂直网站,我们可以通过cookie知道一个UV经常浏览的汽车产品是哪一类车型类别,是A0级,还是A级,还是B级车,或是10-15万车的,还是15-20万车,特别是对于导购型的汽车网站来讲,用户浏览行为会有明确的目的性。如果某个用户经常看的车是A级车,那么我们可以在该用户下次访问的时候,在页面的广告位展示的品牌广告就是A级车的品牌广告,这样用户就会觉得是有用信息,不会反感,进而有可能与广告发生点击行为,从而使广告产生经济效果。

二、广告的创意设计和文案要足够吸引人,引起用户的兴趣
其实上面说的就是通过各种方法来符合用户需求而使用户不反感广告甚至对广告有兴趣。
但有一些广告内容,可能不一定是你需求的,但因为其位置布局的合理,同样不会干扰你的正常阅读,因为其设计的优秀或是吸引人的文案,甚至会吸引你去看这个广告或是点击。比如图3

(图3)
通过文案来诱导用户点击广告。
特别是现在广告主逐渐由CPC转变为CPA,如果利用一些例如“注册即可获得奖品”之类的文案来吸引用户,可以得到更好的广告效果。
另外还有一些带有交互功能的flash广告,例如一个很轻松的小游戏等,同样可以引起用户的兴趣和注意。

三、用好优质的软性广告和灵活的植入式广告
软件广告,一般指软文,通常是指看似一篇文章或是贴子,而其中的内容是间接的进行商业性宣传,其展现方式一般为文字链,甚至混杂与正常的文章列表中,在用户阅读文章时不知不觉的接受了广告的信息,但优秀的软文广告,不仅不会使用户反感,反而可以让用户得到有效信息的同时达到广告宣传的目的。
植入式广告,是近几年比较新颖的一种的广告形式,广泛出现在SNS等web2.0平台,模式较好的就是facebook和开心网,通过widget或是一些app的场景,表现出商业内容,比如抢车位,引入真正的品牌汽车等,还有新浪博客的一些可选模板,也包含一些商业元素。在传统媒体中,电影中的植入式广告模式是比较成熟的,例如《变形金刚》中提到的ebay,例如《非诚勿扰》中大量的商业元素……

四、广告位置及尺寸的合理性和规范性
图形广告的大小和位置以及文字广告的字号大小及位置以不能干扰用户阅读有用内容为前提
例如以前经常在文章最终页中文字围绕的图片广告,现在就已经被淘汰。例如百度正在逐渐减少一些关键字的竞价排名广告,而用一个新的名为“凤巢”排名系统来代替。这些都说明广告的位置越来越重视用户体验。
关于广告的多少,这里取决于每家网站自己的广告销售情况,由设计师在页面设计时制定出来广告位,且每次改版都要比目前广告销售需求略增加1-2个广告位,以满足未来一段时间内广告销售业绩的增长需求。
关于广告物料的尺寸,每家网站都有自己的尺寸规范,但就美国网站继承过来的一些通用的广告物料尺寸主要包括:
MPU:300*250,或相同比例的放大和缩小,如336*280或210*175。通常在终端页面的右侧位置出现
Leaderboard:728*90。通常在主导航上面或下面的位置出现。
Full screen:750*550。即全屏收缩广告,打开浏览页面前该广告以全屏形式出现3-5秒,随后消失。
Skyscraper:120 x 600。即擎天柱广告。
ITL:10-20字符的文字链广告。一般指前面提到的软文广告。
……
对于广告物料的尺寸,每家网站都有不同的规范,但只要整站有固定的尺寸规定即可
对于广告物料的文件类型来说,一般使用.jpg,.gif和.swf,文件大小不要超过30k,以保证网页打开速度。

总之,广告是目前网站的主要赢利模式,所以广告不可避免,但多数用户上网不是去看广告的,就像我们打开某个电视频道,如果一直放广告,我们一定会换台一个道理。所以如何让用户不反感广告,接受广告,甚至去点击广告或与广告发生行为是我们要研究和努力的方向。

以上内容是6月20日参加uxday线下聚会的话题之一所总结出来的内容,因为对广告方面经验有限,所以如有不正确之处,还需大家指正。

[转]做事→做人→做市→做势0

    本科学的是理工科,当时就养成了做事的思维方式,以为只要把事做好了,其他都是顺理成章的事情,因此对八面玲珑的人有点反感,觉得不过是因为不能做事的人的一种生存方式。毕业之后,进入公司做入职培训,培训经理说的第一句话就是,“做事先做人”,当时还以为做人不过是人品问题:真诚,主动,热情谦虚,尊敬上级就行了,因此没有太放在心上。

后来的生活阅历告诉我,“做人”可远远不是“做好人”那么简单,那个涵义可真丰富啊,主要讲的还是人际关系。“会做人”的人的要诀就是,让周围的人,包 括你的领导、同事、客户、朋友都喜欢你,进而认可你。周围有很多这样的人,但这些人中间似乎都是文科毕业生比较多一些,理工科毕业生中,“会做人”的人还 真不多。

许多理工科的毕业生很善于做事,可能因为这方面太突出了,所以反而在人际关系的处理上不够强,在处理人际关系的时候过于自我。其实我们经常说一个人会做 人,就是说行事方式和环境合拍,所谓做事得体,同时和人打交道很到位。有点社会经验的人都知道,人和人之间的关系多么复杂,多么微妙,大概就知道这个“人 ”是多么不好做了。

还有的人善于做人,但不善于做事,这样的人也不能成什么事,无非是一个交际花而已。中国有的人对所谓关系看得过于重了,经常说我认识谁谁谁,其实认识谁 谁谁并不那么重要,要做起事来,关键还是在于让别人认可你的价值,很少有人会因为和某个人关系好就给人一笔钱的,而是因为这件事能够让双方得益才行,而所 谓认识不过是一块敲门砖而已。

一般来说,会做事,可以成为一个不错的专业人士,这也是职场的基本要求。但如果除了做事,还会做人之外,那么他大体上是一个称职的经理人。有了做事和做人这两项本事,这个人在职场上已经可以算作成功的了。

如果更进一步,要成为一个不错的企业家,除了做事做人之外,还有要做市的能力。所谓做市,就是要善于抓住市场的机会,这种能力往往来自于长期的历练。能 够做到这一点的人已经不多了,他们建立了某一个系统,然后利用这个系统来做事情。大多数财富的积累者,都是靠做市做起来的,他们是这个市场的投资者。所谓 时势造英雄,说的也就是这个意思,他们抓住了某一个机会,就成就了一番事业。

如果再往上走一步,就是做势了。如果说做市是时势造英雄,那么做势就是英雄造时势了,这与一个人的前瞻性和格局有关系。能够做到这一点的人,可谓是领袖级的人物了,而且即便是这样的人物,在其一生之中,这样的机会也并不多见。

转自左岸读书
我怎么就觉得这篇文章写的这么好呢!

关于网页设计中的留白6

先是看了笨活儿的这篇文章:高品质的网页设计: 实例与技巧
我突然意识到,我之所以崇尚的一些网页设计风格是什么原因了,原来其关键是恰到好处的留白。
比如douban,比如yahoo.com,比如microsoft,等等

(图1)
上面图1是douban首页的截图,我们看到在右下角有大胆的留白,而页面整体非常协调,给用户的眼睛留下一个休息的地方,而不是像很多国内的运营页面,恨不得页面上只要有个地方都要放点东西,放个链接。
再比如,看一下yahoo首页的下面,图2

(图2)
依然是留白,但页面整体看上去非常和谐。
再看一下我一直认为产品做的很细致的alibaba,淘宝网的首页,继承了国内网站运营页面的一贯传统,全部布局丰满,不给用户的视觉一点喘息的机会,鼠标随便点一下,可能都会产生一个PV。
再说门户网站及一些资讯频道的运营页面也如此。除了合理的间距外,几乎没有留白。
但我想,国内网页这种信息元素很满的风格,可能与国内的互联网环境有很大关系,比如广告的需求,运营PV的压力等。
我们目标就是不求合理,但求最满,万一页面留白了,那就是“开了天窗”,问题相当严重,一定要放点东西补上去。

嗯,就在我写这篇日志的前15分钟,老板找我,说网站的报价中心页面右下角有留白……
嗯,我还是坚信,国内网站的网页设计会趋势于一些新的标准和潮流,比如网页中的留白

低成本提高web可用性的几个细节(二)6

低成本提高web可用性的几个细节(一)
5、注释性文案要尽量简短
注释性或是情景提示的文案一定要在表达准确意思的前提下简短,不需要修饰性的形容词,建议大家仔细学习好中文,很多朋友知道要简短,但为了简短,把要传达的意思破坏了,甚至有了歧义。
举例,见图1
修改之前,文字冗余。  

修改之后,清晰明确。

 (图1)
K3定律之一:把页面中的文字去掉一半,把剩下的文字再去掉一半。

6、用好alt和title
简单直白的说:
alt适用于图片,当图片因无法读取而不显示时依然有文字注释或说明,用在img标签中
例如:把鼠标悬停在图片上
这是江洋

title适用于带有链接的文字,在浏览器中鼠标悬停在链接文字时有文字注释或说明
例如:把鼠标悬停在链接上
www.jiangyang.org

其实这两个html语法中的属性,大多数人都知道,但很多网站没有把这两个属性用好。
例如一些按钮,为了设计美观,在按钮的图片中只会写上一个关键的动词,例如:Search或Go
但在一些场景中,可能这个按钮不足以十分清楚告知用户它的作用,所以使用alt值做为注释就可以提高可访问性。另外,在网络不好或是服务器问题而导致图片无法打开时,alt值也起到的非常关键的作用。如下图2

(图2)
再例如一些文章标题因为页面设计整齐的限制,而仅显示了短标题或是做了截取,但这样的标题往往不能很准确的表达意思甚至让人看不懂,这时候如果用了title属性就可以很好的解决这个问题,见图3

(图3)
关于alt和title的更多技巧,请参阅千鸟的两篇文章:《使用Alt提升可访问性 》《使用Title提升可访问性

7、超过1秒钟的等待要有进度显示
在现实中,我们都有过体验,如果去银行排队,漫长的时间中,如果玩儿着手机,或是看等候区提供的杂志可能会好过一些。
在web中用的比较早比较普遍的等待进度状态是上传,比如我们用web中的邮箱上传附件或是在视频分享网站上传视频,这些进度条往往都是由程序判断,可以给出预测性的完成时间或是完成的百分比,让用户有一种“期待感”,见图4,这些已经成为“web产品标准”的地方,大多数网站做的已经都不错。

(图4)
但存在一些页面中的交互,需要等待的时间远远没有上传一个文件那么长时间,但这种等待又不能控制在非常短的时间内(通常在1秒以内用户可以忍受)。即便这种“不长不短”的时间,如果完全让页面处于空白的等待状态,哪怕只是2秒钟,对用户来讲,可能会以为网站出了问题页离开。
比如一些标签页的切换会向服务器提交请求,比如一些检索器的查询结果需要查询数据库
而这些看似很短暂的等待,如果没有任何提示,会让很多用户离开。
例如,在新版的首页中有一个切换各地报价的模块,网速好的情况下,切换城市只需要1秒钟左右的时间。如果没有加任何切换时的等待提示,切换城市时,这个模块就会空白一片,带给用户的体验就非常不好。
如果我们加上一个gif动画和一行文案描述,用户从心理上在这1秒钟里就不会有一种“空白”的等待感,而且会很有耐心。如图5

(图5)
而且这种等待进度提示的成本非常低,只需要一个gif动画图片就可以解决。

低成本提高web可用性的几个细节(一)7

可用性(Usebility),ISO 9241-11国际标准对可用性作了如下定义:产品在特定使用环境下为特定用户用于特定用途时所具有的有效性(effectiveness)、效率(efficiency)和用户主观满意度(satisfaction)。更多内容请猛击这里>
在实际的产品设计中,有很多标准的方法和技巧可以提高web页面的可用性,但往往很多方法成本较高,耗时较长。如何快速度低成本的提高可用性呢?我总结了几个细节给大家分享一下。

1、在传达信息的页面尽量少用红色
我们在很多时候有一个误区,错误的认为红色醒目,可以吸引人,从而可以转化更多的PV,特别是一些运营编辑同学们,爱用标红这样的形式,而且为了达到“目的”,把标题搞的一大片红。(图1)
来自网上车市首页的截图:

 (图1)
我们可以看到,这样的体验非常糟糕,因为红色是一种起到警示作用的颜色,往往只有出现系统级错误,不可恢复操作提示或是严重警告性错误时才会使用这种颜色,包括日常生活中,红色代表禁止(图2),这种颜色会给用户很紧张焦虑的感觉,而且滥用会使页面很不和谐。
        
(图2)                                                                                         (图3)
当然,如果红色处理的得当,还是可以在页面中可以很好的达到突出显示的效果,例如上面的图3。

2、最醒目的颜色是链接默认蓝色
更详细的,按最醒目最容易让人点击的顺序排列如下
1)文字是默认链接蓝色和下划线的。蓝色一般为#0000ff或#0000cc,但在运营页面这种蓝色不适合聚集在一起,可以跟据整体风格做色值上的调整。
2)文字是默认链接蓝色的。(蓝色应用方案同上)见图4

(图4)
插入千鸟的文章《用户喜欢点什么》
3)文字是反白或是高对比度的文字或是按钮,一定要符合W3C关于对比度的规范,如图5就有很好的效果。
来自amazon.com导航中的截图

(图5)

插入Ami Zhang的文章《不要忽略了颜色的可用性》

3、网页中的英文不要全用大写
这点主要是说出现在标题,或是说明性文案中的英文单词,或是主域名超过5个字母的域名,最好不要全用大写。
举例:Advanced Search
如果写成:ADVANCED SEARCH
虽然很简单的一个词组,但如果全大写,会不会读起来更“累”一些呢?我想对于中国用户普遍英文水平不高的情况下,这种“累”会更突出。
再比如:www.soufun.com,这个网址,如果我们在一些宣传性的广告中用小写,可能更容易让人记住。
如果改成:WWW.SOUFUN.COM是不是感觉有一点点不舒服呢?
其实这与人们对缩写名词的潜意识有关,比如我们说CCTV,可能比看到cctv反应起来会快那么一点点。
所以在页面中的信息文案,最好还是遵循一般规律,如果是专有名词或是品牌,可以用首字母大写的方式,比如:BlackBerry

4、网页中的数字尽量使用阿拉伯数字
这一点与上面类似,也是为了给用户带来更直观的效果。特别是用于说明日期,条目数量等用于数字的地方,一定要使用阿拉伯数字。见图6
比如:


(图6)
可以想象,如果我们改为:
名博排行前五十
不超过四十个字符
这样看起来会很累,而且不够直观。当然,对于电话号码就更不用说了。 
  

(未完…)
第 1 页,共 2 页12