《需求与设计》主要是针对友商网这两年来“专题需求”的发展情况，做的一个小小总结。希望也能给到大家一些或多或少的感悟。

《需求与设计》点击下载：need-design（PPS）

1.UI

1.1 主色调：褐色，辅助色：高明度的黄色、墨绿色。黄褐色的木纹背景，有一种家的感觉，温暖且小资，也许一开始不会讨厌这冰冷冷的记账就是因为这个吧。

图一 开启界面

1.2 icon：应用中的图标较精细，良好的图标能够很好的对某个栏目或动作进行释义，起到好的引导作用，但在高分辨率机型下，图标变模糊了，应该是用的同一套icon所致，类似书签一样的title感觉不错。

图二 使用精美图标的预算界面

2.交互特点&亮点功能

2.1 布局和导航：底部tab导航切换+主界面信息总览的布局，而menu键则弹出不常用操作。在报表和预算主界面摁menu都会有回到首页的动作项，但“同步”和“设置”主界面摁menu却没有回到首页的动作项,只能通过摁机器本身的”返回键”返回首页,这个交互动作需要统一。建议要么就都有回到首页动作项,要么就全部取消,使用机器默认”返回”。

图三 主界面

图四 有“返回首页”动作选项的报表界面

图五 没有“返回首页”的数据同步界面

2.2 打开应用后首先呈现的是你本月的理财情况[疑惑点]，第一个是预算，接着是消费情况，最后是余额。而右边的类似电池[或许你也会跟我一样，以为是鲜橙多-_-!]的区域是你的预算剩余量示意图。你每支出一笔钱，这个预算剩余量就会减少一笔，动画做到很好，能温暖的提示你：你在消费了噢，注意节约。其实，让记账变的有趣，也是很不错的点。

2.3“记一笔”是整个产品的核心动作，所以放在界面的中间，且通过大号字体和上下的留白“激励”你记账，记账的界面也很有特点，可以拍照，然后再记录账目，个人觉得，如果能提供通过GPS定位来绑定某一笔账目的地点信息会更有趣，目前需要输入的项目过多了点，会打击记账者的积极性[问过不少同学：不能坚持记账的，多数认为目前的记账应用太繁琐，太复杂]。

图六 预算和记一笔

图七 开始记一笔

2.4 记账后可以查看支出报表，报表的类型有两种：饼图和列表模式。默认是使用饼图来显示当前月底支出情况。通过拨动圆盘，可以查看不同项目的消费信息，这种拨动把玩的感觉很好[让我想到游戏机室里的大转盘]，也可以给别人炫一把。当然，你也可以选择列表方式的报表。

图八 报表界面

2.5目前iPhone版和android版都提供了“同步”功能，在网络畅通的情况下随时可以将数据与web版进行同步，非常方便。在这里有个问题，通常红色都是示警的暗示，这里的“同步”按钮却用来红色系，有时候我都不敢点。

图九 同步界面

3.疑惑的地方

3.1随手记的使用流程是按“月”来记账，先针对每个月输入预算，然后开始每天的琐碎支出记录，但除了首屏顶部的“xxxx年x月预算”，没有其他地方告诉你：你需要按照月这个维度来记账。对于初次使用的用户引导的不够，是不是可以在第一次进入这个应用的时候提供一个Demo演示和帮助文档。

3.2只能录入支出，还不能录入收入，无法做整套账目，不知道自己到底花的钱占赚的相比有么有差距。不过听说开发团队在新版中会推出这个功能，期待。

总结：随手记的使用体验还是很满意的，每天早餐后掏出手机，拍个照，记一笔；在淘宝买了T恤，拍一个T恤LOGO，记一笔。对于养成好的个人理财习惯有很大帮助，值得一用。

本文首发偶blog：http://www.cnscorpio.cn/2010/07/suishouji-android/

1，前期需求分析

首先我们需求明确设计的需求，6.0版的门户主要是针对一些用户调查的反馈进行一些结构上的优化。

比如：下图的页面，位于页面中央的交互区很少有人点击，可能是由于交互的隐蔽性让用户对该区域的内容丰富性和交互性产生了质疑。

针对这块交互区，我们进行一些交互形式上的调整，把这块内容做成客户成功案例的一个接口，通过页签这种比较传统的展现方式让用户意识到内容的可点击性和交互多样性，这样势必会增加用户的关注度和页面的点击热点。

伙伴企业门户的目标用户是一些较小的产品分销商，他们的需求关键点是：功能的齐全，界面的专业，交互的流畅。我们首先应该从这些基本的需求点入手，从而把握核心的内容架构。

2，前期结构设计

企业的结构这块首先的基本需求是：首页，产品与服务，新闻资讯，企业介绍，成功案例，企业博客，商圈和论坛，一般的企业网站在这个基础上略有增减。

3，后期结构调整

1，  增加解决方案，联系方式，企业动态等模块，细化服务功能

2，  增加界面的统一感，banner的通栏设计

3，  强化首页的产品模块，突出业务主线

4，  解决方案的首页模块，突出产品服务

5，  成功案例的模块强化，同样是业务主线的凸显。

6，  弱化企业动态，博客，圈子等辅助功能

7，  左右结构统一化， 让用户浏览更流畅

8，  强化菜单的设计和导航的作用

4，后台控制页面

后台的设计主要强调其功能性，我们借鉴了博客网站的模版修改功能，主要在模块的增减，色彩方案的选择和调整的直观性上做设计。

5，整体调整

1，  介于公司b2b性质的商务性，减少了一些色块和图片的运用

2，  结构上趋于严谨的设计风格，便于模板和色彩方案的变更

3，  标准化页面容器的尺寸和图片的尺寸

4，  强化一些重要元素的样式，如：价格，主要产品，重要标题，关键操作按钮

5，  减少模块间的相互干扰，统一左侧模块区的内容

6，  弱化页尾的注册信息

统一后的左侧模块组

最终效果

发件人和标题设置好了，接下来就是邮件内容了。一封许可性的邮件，内容中必须包含几个要素：退订功能、获取到收件人邮件地址的方式和让收件人以后更容易收到该类型的邮件的方法，将发件人添加为联系人。现在的邮箱服务商对营销邮件的判定越来越严格，很可能会出现本期营销邮件在收件箱中，下期营销邮件就直接投递到广告邮件或垃圾邮件中。这样对于营销邮件来说，的确是一个毁灭性的灾难。

内容页的尺寸最好是为750以下，目前在1024的分辨率下，邮箱的阅读区域尺寸就为750。这样用户在阅读时就不需要拖动滚动条。EMD代码中最好不使用background的属性，很多邮件服务商和outlook都不支持该属性的。为了品牌的宣传和用户能够最快的同你联系，请将品牌的logo和联系方式放置在页面最醒目的上方位置。同时邮件内容不宜过于花哨，交互区域必须醒目。如是需要广泛传播的邮件，可以加入转发和分享的功能，能做成cps的模式，那就更好了。这样传播的人就会更加多。

由于outlook和部分web邮箱，是不自动加载图片的，建议营销邮件不要全部使用图片，如果为了保证很好的展示效果不得不全部使用图片时，请记住在每张图片的alt属性中加入图片的文字说明。同时最好能醒目位置显示一个文字链接“若邮件无法正常显示，请点此查看”，用户点击这个链接，可以直接浏览同该邮件内容一致的网页。
在gmail中查看未加上alt属性的图片邮件

在gmail中浏览加入了alt属性的图片邮件

邮件内容的注意要点也大致说完了。那么就剩下最后一步了，那就是如何来监控营销邮件的效果。我们通过统计分析邮件打开次数和邮件中的链接的点击次数，就基本上可以得知该封邮件的效果了。大家都知道，为了安全，邮箱是不支持js代码的，所以我们常用的统计代码放到邮件中就没有办法生效了。有实力的公司，基本上都会来开发或购买一套这样的统计系统。不过伟大的Google Analytics可以帮助我们免费完成这样的统计。
邮件中链接的点击次数统计，我们可以通过Google Analytics的网址构建器来实现，所有的统计结果会在你的Google Analytics后台中的“流量来源”中。

邮件点击次数，可以通过比较另类的Google Analytics代码部署方式来实现，结果会在Google Analytics后台的内容中展示。我们先简单说说Google Analytics的原理。Google Analytics会提供一段JavaScript代码，需要按照一定的规范加入到页面上。当页面被浏览器加载的时候，这些JavaScript代码会被执行。这些代码会收集用户访问的信息和浏览器客户端的信息。然后，最关键的，会在HTML中增加一个1×1的图片。这个图片的源地址是Google Analytics的数据服务器，图片地址后面的参数是拼接好的采集到的信息。浏览器自然会去加载这个图片，那么当这条图片加载的请求发出的时候，这些信息也就发到了Google Analytics的数据服务器。
拼接出来的图片为
<img src=”http://www.google-analytics.com/__utm.gif?utmwv=4.6.5&utmn=451113762&utmhn=www.saas-b2b.com&utmcs=UTF-8&utmsr=1152×864
&utmsc=32-bit&utmul=zh-cn&utmje=1&utmfl=10.0%20r22&utmdt=%E7%BD%91%E7%AB%99
&utmhid=1887594027&utmr=-&utmp=%2F&utmac=UA-8982891-2&utmcc=__utma%3D66084008.1210065981”
width=”1″ height=”1″ border=”0″ />
哇，这是些什么啊！不要担心，我们一点一点解释。在URL的规范中，问号?以后的部分是参数，每个参数之间用&符号间隔。让我们加上回车，把版面排得好看些。另外再加上注解。
/__utm.gif?
utmwv=4.6.5 //跟踪代码版本号
&utmn=93127920 //随机数，防止缓存影响数据准确
&utmhn=www.saas-b2b.com //域名
&utmcs=UTF-8 //编码方式
&utmsr=1152×864 //屏幕分辨率
&utmsc=32-bit //屏幕颜色深度
&utmul=zh-cn //语言
&utmje=1 //是否安装Java
&utmfl=10.0%20r22 //Flash版本号
&utmdt=%E7%BD%91%E7 //标题，URL中的中文都是经过URL编码处理的
&utmhid=208132060 //随机数
&utmr=- //Referrer
&utmp=%2F //页面URL
&utmac=UA-8982891-2 //Google Analytics帐号ID
&utmcc=__utma%3D66084008.1210065981 //Cookie中的信息

那么我们就可以把这个图片后的参数调整一下，放置到邮件内容代码中，用户打开邮件内容时，Google Analytics就可以接收到数据了。
<img src=”http://www.google-analytics.com/__utm.gif?utmwv=4.6.5&utmn=451113822&utmhn=www.saas-b2b.com&utmcs=UTF-8&utmdt=abcd&utmhid=1837594037&utmr=-&utmp=%2F123&utmac=UA-8982891-2″ width=”1″ height=”1″ border=”0″ />

最终我聚焦在了“移动应用”上，所以有了这个引导PPT的题目：移动的其实“应用”。分了8个小点来讨论，以下是一些讨论后的整理。

1.你认为移动终端有哪些？

图一 移动终端

我们先来看看移动终端的定义和用途：

定义：移动终端或者叫移动通信终端是指可以在移动中使用的计算机设备，广义的讲包括手机、笔记本、POS机甚至包括车载电脑。但是大 部分情况下是指手机或者具有多种应用功能的智能手机。—百度百科

主要用途：通话，拍照、听音乐、玩游戏，而且可以实现包括定位、信息处理、指纹扫描、身份证扫描、条码扫描、RFID扫描、IC卡扫 描以及酒精含量检测等丰富的功能，成为移动执法、移动办公和移动商务的重要工具。有的移动终端还将对讲机也集成到移动终端上。—百度百科

目前服务于大众人群的移动终端主要集中在手机和Gps、上网本，而这三者里面，手机是几乎是现代人必备的、也是最重要的一个工具，在国内，这个数据 可以看艾瑞的统计报告：2009年底，国内网民的数量占到了3.84亿，而移动互联网用户有1.96亿。从趋势来看，可折叠的屏 幕、投射的屏幕，正在不断升级的高速运算且能耗控制得当的CPU、移动版3D引擎等等，这些都能告诉你：One  is more！将来的 世界将不分台式机、笔记本电脑、Mobile phone，他们就是个人移动运算设备，会是一个大集成，仅此而已。

2.移动终端 vs 移动应用

移动终端我们捋清楚后，来看看什么是移动应用。

从广义上讲，只要是运行在移动终端上的应用程序，我们都可以称之为移动应用，这里主要讲的是手机上的移动应用。

那么到底是移动终端重要呢，还是移动应用重要？这里肯定有人会鄙视我：当然是不能分开讲，这两者自然是相辅相成的，我赞成！但市场上却是另外一个情 况。

想想从07年到现在一直火爆，一直创新[即将推出兼容android平台的整体方案]的MTK平台吧，手机厂商可以不用过多的关注硬件，要做的就是 给他一个漂亮的UI，一套过的去的外壳，再开发大量的运行在此平台的应用，你可以火！为什么？因为对于大部分手机用户来说，他并不关心你的硬件配置，需要 的是能够给他带来流畅的体验，带来效率和娱乐的应用，他们需要的是“用”。

再来看看“即将成为过去”的Palm，这是个伟大的公司，有着伟大的webos的Palm，出色的工业设计，绚丽而友好的UI交互，但由于在商务应 用领域方面受到Blackberry的挤压，webos的研发周期过长，新机发布间隔太长以及应用的匮乏，都是导致用户热情持续降低的原因，特别是 webos的SDK迟迟未能发布，导致开发者未能加快应用的开发，直接导致了Palm的新品变成“砖头”。

简单的说，硬件固然重要，但运行在它上面的OS和应用才是用户真正天天去用的。

为什么现在人人都在谈app store，在谈移动应用，其实很大一部分原因还在于网络制式的升级，想想看，过去的GSM网络只能进行语音通话，只能文本短信交流，那个时候谈应用恐怕 为时过早。而现在的高速GPRS、目前慢慢普及的3G真真实实进入了人们的生活，移动应用迎来了真正的春天。

在硬件发展到一定程度[HTC曝光的代号为“Scorpion”就将使用双核的CPU，频率高达1.5G]，并缓慢上升的时候，就必须要有大量的移 动应用去匹配他，否则又会是下一个Palm。

3.当前的热点应用

有人说：iphone没有出来之前，你用的也许是手机，但当iphone出来以后，apple重新发明了手机；当ipad没有面世之前，你用的的确 是上网本，但当ipad上市后，apple重新发明了上网本。

大家都明白，iphone之所以牛逼，70%的功劳应该给予他的app store，硬件和操作系统只占了30%。目前很多的热点应用也常常是先在iphone平台上出现，然后才在android、RIM上出现。简单列举几个 典型的热门应用[节选部分]：

3.1 基于LBS服务的应用：foursquare

关于foursquare有什么特点，怎么用，我就不介绍了，网络上大把。成功的特点是第一次将你的地理定位信息跟社会化结合如此的好：提供一种刺 激你去晋级和获取实惠的机制，即能与朋友分享你的状态，又能满足你的小小的虚荣心。

3.2 Game：植物大战僵尸

这个游戏也不用多介绍了，iphone版的在9天里就赚了一百多万美元。大部分玩家多的mobile game都有以下特点：能在断断续续的空闲时间里很投入的玩上一会，关卡设置很合理，趣味性强，耐玩度高[玩法不单一，多样化]，画面精美。

3.3 社会化工具：tweetie，QQ，twidroid，UberTwitter，Gravity

这几个都是移动社会化工具中的佼佼者，手机用户数量庞大、随身携带的特点给了twitter一个很好的使用环境，这个运行环境很适合他的“传播性 强”的主要特点。而在国内，QQ几乎是每机必装的移动应用，在相当多人的眼里，用手机上网就是用QQ、手机移动应用就是用QQ。

3.4 购物：Google shopper

比价的移动应用很多人在做，但google的shopper无疑是其中佼佼者。扫描—查询各个购物站的价格—给出方案、够买链接，很方便， 甚至提供语音搜索，你不得不佩服google大大的扫描识别功力。

3.5 移动支付：支付宝

因为国外的移动支付应用没有用过，所以就拿国内最流行的支付宝来举例。支付宝在浸淫了这么多年后，用户口碑非常好，这么说吧，但凡说到网络购物，人 们首先想到的就是淘宝，而但凡说网络支付，人们首先想到的几乎就是支付宝了。支付宝推出手机客户端[iphone、android、RIM]后，用户反馈 都很好，毕竟移动支付对于许许多多网购达人来说再方便不过了，对于朋友间小额的支付是相当的便利，当你和同学朋友们AA聚餐后，大家要付款，你需要的仅仅 是掏出手机，登陆支付宝，选择“收租婆”的账号，直接就可以支付。而最近提供的购买“彩票”、q币、游戏卡更是方便了90后的小伙小姑娘。

3.6 视频服务：youtube，youku

国外的[为什么说国外？你知道GFW的]youtube火到什么程度？火到欧洲的一些电信运营商控诉google，因为youtube耗费过多的带 宽。可以预见的是，未来几年，移动视频服务依然是移动互联网流量使用的第一大户。他们在移动客户端的应用也将会是最常用的应用之一。国内的youku算是 推出移动客户端的网络视频服务提供商，最新的android版本已经能在gprs的网络下看视频，当然，wifi是最流畅的。

图二 热门应用

4.他们为什么热门？

在移动应用商店里，有一小批应用，他们就是这么特别，简单，但很受人喜爱。例如：

4.1 妄撮

这个是风靡全球的一个娱乐应用，玩法就是找一个女优，你用手指把她的衣服一点点的撕掉，这个过程让无数带把的爷们疯狂。

4.2 iChalky

这个应用有趣的地方在于，你可以找一个名人，例如obama，将他的脑袋给一个只有肢体的火柴小人安上，然后利用手机的重力感应，左右摆动，手机屏 幕上的他就会跳舞，摆出各种各样滑稽的动作，用来搞怪是很不错的。

其他的，还有类似打火机，水族鱼缸等，也是相当受欢迎的应用，几乎都是刚推出，就上升到了top10。

举这两个牛逼的应用和前面的一堆热门应用，是想说明，移动应用玩的就是以下特点：

A. 利用隐私阴暗面

B. 手机是人的个性延伸载体

C. 让人的优越感、满足感得到最大满足，是应用成功的关键

D. 切切实实给你的移动出行提供优质的解决方案

E. 真正的让世界变小

5. Store—应用商店

我们来看看最大的两个移动应用商店的应用数量：

App store：150000个   每月大致增幅12%

Android maket：38000个   每月增幅超过68%

我们先不谈他们现在和未来的数量多少问题，主要谈谈各自的弊端和优点。

对于App store，很多人有意见的就是它的iphone应用需要用“古老的”Objective-C来写，需要严格遵守apple的规则，并且审核制度近于苛 刻，上面的应用只能用于ipone和ipod，OS是不开放的。但优点也很突出，那就体现在分发渠道上。因为应用的开发遵守apple的规则，SDK接口 统一开放，所以在体验上，能够做到统一一致，与开发者的分成模式也很好，简单明了。

而在Android market上，就有点不太一样了。Android market之所以能在短时间内增加到近4万个应用，主要是跟他的android系统开源有关，而android market中疯长的免费应用让用户很是惊喜，连带的，还有他的品牌效应。特别是HTC推出G1后，人们就开始疯狂的购买，除了将人们从wm系统中解救出 来以外，android系统与google的应用高度集成是分不开的，而部分原因就是他的背后打的是Google！Moto死而复生，靠的也是 android，Droid在欧美的热卖，打的是高度google应用集成与社会化应用connect！火是火了，但android的弊端也在应用慢慢多 起来后凸显：OS版本过多导致开发者难以做兼容，导致开发成本增加；审核制度过于松散；应用的风格无法统一，体验差的应用多如牛毛；高质量的应用迟迟未见 出现。

图三 各个应用商店的免费应用比率

针对各自的缺点，大家都在调整，例如android方面，google就在着手做着这样一件事情：将android系统重写，将核心部件固化，而将 其他的部分用插件的形式进行加入，提供统一的API，即使系统版本升级，也只是升级其他的外挂的部分，例如地图等，都可以通过market直接更新，减少 开发者的成本，而其他手机厂商也可以更好的升级配置，不需要担心系统版本的不一致。

一句话：应用的分发渠道的要控制得当！

6.移动应用给了你什么？对于Email你还需要嘛？

这个简单提一下，随着移动互联网的带宽越来越大，IPV6的推广，不久的将来，每个手机都有一个IP是很正常的事情，那这就给定位服务带来了很好的 效果，而连入移动互联网的速度也会更快，因为寻址将变得更容易。如果大家看过前段时间摩根士丹 利发布的一份关于移动互联网的报告[深圳书友会群共享里，我已经放了一份中文版的]，我想，大家会豁然开朗：原来移动互联网已经很近，原来移动应 用的前途这么远大，原来社会化应用这么深入。

在讨论的时候，跟大家交换了一下关于“email，你还需要嘛？”的意见。

一方是认为：email在社会化应用日益普及和多功能化之后，将会消失，原因是—twitter之类的社会化工具在关系管理和链接上更有优势， 并且email能做的，他们同样可以做到。

另一方认为：email不会消失，因为他是其他联系工具的一个补充，有他的异步沟通的特点。

7. 移动应用的未来

应用为王，你不得不信。但真正是移动应用满天飞的时候，各种各样的困扰也会到来：

7.1 应用同质化问题

应用商店里的应用是多了，但有相当一部分同质化严重，功能一样，可能不同的仅仅是换一下UI。从本质上讲，应用同质化严重后，最终比拼的，还是应用 本身的、手机平台整体的体验提升上，app store在这方面目前做的最好。

7.2 手机安全

这里说的手机安全，包括两方面：隐私和病毒。手机是一个非常特殊的设备，上面留有你太多的个人隐私，你的联系人、照片、短信、各种账号密码，如果丢 失，或者被盗取，后果都是致命的。那么这个就需要手机厂商思考，如何能够在系统中加入一些加密的措施保护人们的隐私，指纹？还是瞳孔密码？而 病毒则是另一个让人头疼的事情，smart phone多了之后，OS的装机量也就会上去，一些在PC上的病毒肯定也会慢慢渗入进来，刚才也提到了，手机上的隐私、账号密码是最让人放松警惕的[大家 都觉得，自己的手机，密码全记住呗，方便]，盗号木马之类的很容易在进驻内存后获取，之后就能利用他们谋利。从长远来看，手机安全肯定是各个安全厂商必争 之地，国内的金山就已经推出了手机卫士，虽然使用起来不太方便，容易出错，但起码说明得到的重视。

7.3 扩展的LBS服务

基于LBS的服务，最近大家谈的很多，虽然国内至今还没有一款重量级的服务出来，但国外却已经很受欢迎，例如刚才的提到的foursquare，还 有gowalla。更进一步的，派拉蒙的一个营销案例让我们又一次看到LBS服务的良好互动性：派拉蒙在《钢铁侠2》推出的时候，在海报中嵌入了智能芯 片，当智能手机经过这些海报的时候就能获取电影院的电子优惠券，这个就是近场LBS服务。还有的应用提供预置爱好设定，当你到了某个与你设定的爱好匹配的 地点后，自动为你check-in或其他动作，此类是提高忠诚度应用。

7.4 Online mobile game

随着smart phone的硬件配置越来越强[你不由自主的想起HTC的1.5G cpu牛机]，OS中的3D引擎或者说为游戏优化过的引擎逐渐成熟后[已经有人将雷神移植到了android上]，加上高带宽的移动互联网，Online mobile game将是另一个游戏厂商争夺的地方。

7.5 广告

也许你真的不希望看到广告，但Adwords和刚刚宣布的iAd广告平台就是为广告商们开放的移动广告市场。上一篇blog说过：运营商的流量费用占去了近60%多的份额，是最大的赢家。接着就是多媒体和游戏服务，占 38%，例如彩信和铃声、QQ Game。我想说的是：广告营销和电子商务的收益仅仅占到了可怜的2%！也就是说，这块的市场潜力将是无限的。

8. 谈谈移动应用的缔造者

移动应用的开发是目前非常有前途的职业，一夜暴富的例子很多，只要你的app找准了差异化需求，同样能红。

但目前国内的移动应用开发环境并不明朗，app store、android market都一样,不利于这个行业发展的瓶颈主要在于：国内没有一个流畅的分发和支付的系统，做好了漂亮的应用只能用提交到国外的app store ，只能用paypal支付。

139.me是国内做的较好的iphone应用开发团队，一直苦于国内移动互联网环境的不成熟，只能向外推送应用。

而安卓网，机锋网，eoe，91是国内较知名的android开发团队，他们苦恼则是android系统的混乱和分成、支付模式的问题。

但无论怎样，移动应用商店们，apple，google们只有向这些开发者们伸出有爱之手才能赢得市场，因为应用的好坏，多少就出自他 们之手[我欣赏google的免费派送Nexus one给开发者的行动]！

本文同发我的个人Blog。

本次UCDchina书友会的PPT下载：请温柔的点下我。

前几天光耀童鞋喷了一篇《谈网站注册、登录过程》，今天我们在与小爬童鞋梳理购买流程的时候也谈到了这部分内容。其实注册作为一个网站基本功能再普通不过，但提供不同产品服务的网站对于注册的要求不尽相同，也不是每个网站都有一个体验良好的注册流程。本座在这里简单聊下在不考虑运营指标和商业目的的前提下，基本的注册功能如何设计。

注册页面的信息架构
注册页面的信息架构力求清晰简洁，注册表单作为信息主体，除了logo，帮助信息以及一些必要的返回链接，避免其他一切会干扰注册的信息，全力保障用户专心走完注册流程。

注册表单的设计
1.注册不要有门槛。简单的表单设计让用户易于进入，在之后的服务应用中再进一步挖掘用户信息。
2.用户名：最好将邮件地址作为登录名，当然手机号码更好，方便用户记忆和找回密码，也方便网站用来EDM。个别网站需要再次录入用户名，或许是为了防止用户不小心录入错误的用户名并注册而无法登录。
3.密码：密码字段需要再次录入，这个是惯例不做赘述了。
4.验证码：几乎所有的网站都引入验证码机制防止恶意注册。除了常见的图片验证码，还有很多简易问答验证码也不错。（推荐个很强大的第三方验证码服务提供商http://recaptcha.net/）
5.以上是最基本的信息。如果有其他分类的字段，如个人资料，公司信息等，建议分步处理，这样不会使得表单和页面显得过于冗长。当然需要标明注册分几步以及当前所处步骤。
6.如果网站的服务对象有所不同，可针对不同对象设计不同字段，合理的引导用户选择适合自己身份的表单进行注册。最常见的就是有些B2B类的网站会区分买家注册和卖家注册。
7.能支持openID当然是最好的了。

注册页面的交互
1.字段控制提示。不同网站对字段的控制不同，尽可能在当前描述清楚这个字段所支持的情况。
2.及时验证录入字段信息的合法性。提示用户填入的字段正确或错误，避免整个表单提交后再提示给用户带来的挫折感以及不必要的返回查找。
3.密码的安全性验证。这个对于企业服务，金融等高安全要求的网站尤为重要。密码强度的验证已是通用做法，而twitter注册表单的密码控制就更进一步，他将370个常用组合字母或词汇禁用，使用这些作为密码都会被提示为：“Too obvious”（感兴趣的童鞋可以翻墙访问http://twitter.com/signup查看源代码）
4.验证码的图片或者问题在验证码字段输入框被鼠标触发后再显示，避免之前录入信息消耗了太多时间而引起的验证码过期。
5.所有必填项均符合要求后，“提交”按钮方可点击，否则为置灰不可选。

当然以上所述都只是最基本，如果考虑运营和商业意图就会复杂一些。即使复杂也需要与良好的用户体验有一个完美的平衡，否则注册功能会是网站转化率的G.F.W……

List:

1. 什么叫商品评论？

2. 评论体系的存在意义

3. 评论体系的现状

4. 都有哪些元素

5. 该如何设计？

6. 评论体系之外

1.什么叫商品评论？

个人认为，商品评论可以简单这么定义：人们对某商品的看法，无论是已购买者，还是非购买者。但如果光讨论商品评论本身貌似意义不大，我把他扩大到了评论体系这个层面。

评论体系，或者说评论系统，简单来说，可以概括为：人+互动内容+平台+终端，也就是商品提供者，购买者 [或者非购买者，可能非购买者没有购买这个商品，但他使用过，在使用体验的心得方面，他同样有发言权] 在通过某个购物平台，使用自己的终端设备进行互动的过程，而这个过程自然会产生一些交流的信息，可能是对商品本身进行评价的，也可能是商家服务或者物流服 务等等。

商品评论本身不会与商家信用或者信誉等价，但却是产生后者的主要依据，也就是说，购买者的商品评论最终会成为量化商家信用指数的数据来源。

那现实生活中，有哪些评论体系呢？

1.1 购买商品后或者进行质保后的email邀请评论，其实就是回访，例如lenovo的回访email。

1.2 以淘宝为代表的完成购物后的评论系统，这个是目前能够产生价值较大的评论系统之一。

1.3 以口碑网和大众点评网为代表的面向大众的商品、服务评论系统，这类评论系统，能否找到合适的商业模式是个关键，如何把控评论的质量应该是首要考虑的因素。

1.4 一些B2C站点接收的在线评论，这类大都会被过滤掉一部分。

1.5 传统的电话服务质量回访，杰出代表：114服务和12580，告诉你“市民中心”怎么走之后，甜甜的跟你说：还有什么能帮到您吗？如果没有，请帮忙做一个服务质量回访，如果满意，请按1，不满意请按2，-_-!!。

1.6 再传统不过的，就是食堂或者超市中的“商品建议”反馈本子，火车上的“反馈建议本”，都是类似的，简单，但过于死板。

2. 评论体系的存在意义

评论体系的存在必然有他的意义，分三个人群来讲，一个是Supplier—商家，或者说商品、服务提供商，一个是Purchaser—购买者，还可能是第三方信用机构。

对于Supplier

A.得到用户的反馈，促使产品提供商[ 或者服务提供者 ]对产品[ 或者服务 ]进行update。

B.如果正面的评论不断增加，使得信誉指数攀升，有利于提高其竞争力，能够得到比竞争对手更多的销售机会。当然，也能起到一个淘汰的作用，如果差评多，除非是非法刷信誉或者删差评，否则购买者是很难会去下单的。

对于Purchaser

A.购买此类商品[ 或者服务 ]前的参考，对于大部分普通网民来说，是否购买，就是冲商家是不是皇冠，有几颗钻，因为这个从一定程度上反映了商家的整体服务质量，如果你是网购狂人，是 经常泡网的人，你可能知道现在这个不是唯一参考渠道，但，不要忘记还有大部分的初级网购者。

B.开放了一个用户与生产商或者服务提供商进行沟通的渠道。

C.方便上一级部门对商品提供商进行监管，如果你商家服务质量实在太差，购物平台提供者可以根据这些内容进行取证并解决交易纠纷，从一定程度上监督了商家，对购买者是有利的。

对于信用机构

几大网购平台上的无数“摆摊大大”们和网购者在通过支付宝等支付平台积累的无限量交易记录，以及无数的评论产生的信誉信用数据，对于第三方的信用机构来说，我想绝对是个诱惑。

3.评论体系的现状

3.1同一product的提供商可以在多个平台建立不同评论体系，对于某些相同商品或者服务的评论信息不能共享。有啊的方舟计划貌似走的就是这个路线：部署标准产品库，融合每一款商品的规格资料、用户点评、在线选购等模块。

3.2评论流程臃肿，评论渠道单一。想一下这样一个情况：你给老婆买的豹纹短裙开裂了，虽然你可以通过旺旺，或者电话方式要求退换货，但如果还想对 这个玩意再进行评论，你能怎么样？登陆淘宝，找到交易记录，这个时候可能已经没有再说话的冲动了，即使还想继续，却发现评论已经关闭。但，如果手机可以推 一下这个条目，你觉得会怎么样？爽！这个改进方式后面会讲到。当然，购物后才能发起评论从一定程度上也是为了防止更多的垃圾评论和无谓的信息。但他的互动 性就降低了。

3.3评论真实与否，是否产生了价值，而当金钱可以买来好评。这个问题很严重，在讨论中，大家有着不同意见，部分同学认为：如果商品都一样，服务都 一样的情况下，我砸大量的钱去刷好评就相当于是打广告，一个道理，并且这个也是商家实力的体现。这个观点说得过去。但，从人性上讲，却是不道德的，也不利 于网购市场的良性发展。

3.4买卖双方的隐私没能保护好。最近出现的买家恶意敲诈商家的事情时有发生，也说明了这里面是漏洞的。特别是在C2C市场上，交易过程中双方都是 可以得到一些私人信息的。对于初进入网购市场的卖家，如果信用只有几颗心，又想真正继续做下去，是很在乎这几个差评的，如果买家作恶，敲诈起来，金额不多 的情况下，不少卖家会选择花钱买平安。现在市场上甚至有不少“职业差评师”。后面会讲到如果通过其他手段来稍微改进这个交易过程。

4.评论体系都有哪些元素

4.1 Purchaser 购买者

4.2 Supplier 商品或者服务提供商

4.3 Product 商品或服务

4.4.Communication between purchaser & seller 两者间就商品或服务的交流信息

4.5.Market platform 平台

4.6 Terminals of communication 交流终端

后面讨论到的商品评论体系的设计会聚焦在 4.4 和4.5以及4.6上。

5.如何设计

5.1评论系统进行平台上的整合、数据共享。甚至将评论系统剥离独立出来，或者来自社会化分享系统。举个类似应用的雏形：win7的What people are saying about windows 7？

5.2可使用多种终端发生这一行为。目前在web上，发生商品“评论”这个行为的终端绝大部分还是计算机。如果哪天网民们能非常方便的利用手机就某个商家的某个商品进行实时互动，就如围脖、twitter一样。。。。。。

5.3评论可持续化、更社会化、互动性更强。传统购物评论系统是短时间内，付款完事后，你可以即时评论对方，但一旦评完，就会关闭。而如果你购买的 商品是付完款后，且在质保期出现质量问题，这时你不但需要退换货，还要发表关于这个商品的质量问题评论内容，系统告诉你，无法再继续评论，冤枉，你当初给 的是—好评-_-!。

我们是不是可以这么改，在评论提交时，提供一个可以使用类似围脖、嘀咕或者twitter等应用进行持续关注的选项，后续可以进行利用手机这样的终端进行互动，不单是跟商家，还可以是普通的网民，这些信息都可以在这里出现，使得“评论”本身更真实，互动性更强。

界面是不是可以这样：

讨论过程中，lytous提到一个很好的点：是不是不需要任何商品都提供这样一个选择，如果我买的是很短时效的商品，例如牙膏，你就不需要持续关注他。可以分类对待。

甚至，可以多媒体化、更接近生活：

5.4 保护双方隐私及评论真实性。讨论过程中，大家都对实名制抱不赞同态度。而对评论系统的整合独立成第三方，通过通用API来接入，大伙对这种方式也觉得可操作性不大，起码在目前是这样。

和另一位同学在会后讨论的一个在C2C市场中的购买流程改进方式倒是有可取之处：将买卖双方的电话、住址等敏感信息由平台提供方，例如淘宝进行保 密，买方完成购买动作后所提交的物流信息并不会出现在卖家的管理后台，而是由平台提供方，例如淘宝进行物流配送的分配管理，这样，就可以在一定程度上防止 双方隐私被过多的暴露，出现类似敲诈的情况。

5.5满意度如何量化？还应该有哪些指标？

目前大部分的评论系统都是上图所示的模式。指标通常有：商品相符程度，卖家服务质量，物流的服务质量。个人认为，起码还是忽略了售后服务的追踪这一块，应该开放可持续化关注、评论的渠道，例如上面所说的“持续关注”等，加入这样的一个指标去完善整个打分系统。

5.6评论内容的信息架构问题

我想大家都有这样的体验：我想看某个关键字的评论内容，例如购买的是手机，想找找有没有关于屏幕问题的评论，却发现只能一页页的去翻，非常浪费时间，还不一定能找到这样的条目。这是目前评论区块的一个通病。

改进方式可以是增加搜索框，或者将评论内容进行分类，这都是行之有效的改进方式，如下图：

6.评论体系之外

“如何在网购市场中培育良好的购物习惯、净化网购市场”—-这是一个从网购市场大环境去考虑的问题，如果商品足够好，质量过硬，商家服务标准 化，物流环节更规范，我想这是能够很大程度上减少交易中的纠纷的，而这个时候，或许评论这个东西就不会显得那么重要了，或许可以消失了。。

国外大多使用原窗口打开链接，OM19同学总结得非常不错，推荐阅读。我再按照自己的思路整理一下，认为在以下情况下对于新窗口也是可行的：

1.链接可能会打断用户现有任务流的时候，可以选择在新窗口打开（比如一篇博客的某句话链接到了另外一篇文章，建议使用新窗口打开）；

2.广告链接，可以选择在新窗口打开；

3.页面包含多个分类链接时：比如三个并列的链接，可以选择新窗口打开（需要看具体情况而定，比如DZ论坛帖子展示页、豆瓣小组话题列表页都是使用了原窗口打开）。

在这里补充几点：

1. 中国用户视乎更喜欢使用新窗口打开然后点击关闭，而非原窗口打开然后后退。这个场景的两种方式其实用户得到的结果差异并不大，更多的是用户习惯（很可惜中国用户被垃圾网站带动得习惯了新窗口了）。

2. 可参考豆瓣，豆瓣除了广告位以外几乎全部是在原窗口打开链接。

3. 新窗口和原窗口打开链接，对于信息架构确实有考验，对于过多依赖后退及关闭窗口操作的站点，表明用户较难通过页面本身顺畅到达想去的页面，只能通过浏览器的工具来辅助实现。

OM19同学还提到一个问题，即我们需要给用户提供好的默认设置还是给用户提供自定义的权利？以上两点在某种情况下确实有一定冲突，比如打开链接的这个案例。用户其实可以选择两种方式来使链接在新窗口中打开

1. 使用“Ctrl+点击”打开链接或使用“Shift+点击”；

2. 使用鼠标右键。

那么按照这个逻辑，所有链接都应该默认原窗口打开，然后用户选择以上两种方式（或者在浏览器选项里修改默认配置）是否先窗口打开。但是很可惜，以上两种方式对于大部分用户是不适用的，这些看似基础的功能用户可能根本不知道更别谈使用了。所以做好默认还是非常重要，做好默认设置对于初级中级用户而言是友好的，而用户自定义权利更多情况可以考虑给予高级用户使用。

某些类型的网站属于产品驱动型，另外一些网站则可能属于运营驱动型。邮箱属于典型的产品驱动型，比如现在越来越多的用户开始使用QQ邮箱，其原因一定离不开QQ邮箱在产品设计上的不断改善。运营驱动型的产品，典型的例子是天涯等社区类网站。还有一些属于媒体驱动型，比如新浪，虽然首页巨烂，但是似乎并没有影响到新浪成为最强大的网络媒体。

当然这个不能一概而论，比如电子商务网站的Web Analytics、SEM、广告管理等理论上讲属于运营，但却与产品关系密切。其实我这里想说的是：一家公司需要对产品和运营有比较好的认知，才能协调资源，产品和运营都有突破。

产品团队应在产品上线后继续迭代设计

在网站上线之后，理论上将公司的工作重心就由产品团队逐渐转向了运营团队。那么产品部门应该做什么呢？当然不是等下一个版本发布也不是被拆借到运营项目上，而是深入研究目前的产品，进行迭代设计。互联网产品永远只有beta。比如产品团队应该重点优化信息架构、导航、注册、登陆、购买网站产品的核心环节。

然而产品上线之后，运营团队会有各种方案出来，大部分时候都需要产品团队协助。于是你会发生产品团队被分配到了一些运营任务上。我个人意见是产品团队主要精力放在产品本身，运营项目需要控制对产品团队的耗损。因为运营项目的核心不是产品，而是运营本身。

运营的核心哪？

那么运营除了在传统的广告管理、SEM等方面之后，应该在什么地方下功夫？这里我举两个例子。

今年儿童节我策划的一个社区运营的小项目：搭乘友商网时光隧道返回你的童年。不多说，大家弄明白之后自个悟吧。

另外一个案例是雪铁龙C5的互动营销案例。这个案例看出传统企业已经开始与BlueDoor、奥美这样的公司合作进行跨界营销。个人认为C5的案例出彩的地方是用户通过邀请几个人来参加这个线上活动后，获得一张来自欧洲（因为雪铁龙是法系车）的明信片。雪铁龙用欧洲明信片这种有吸引力成本又低的方式拉动用户进行自传播。

自己感觉产品的理解已经有一定的积累，但对运营的理解感觉还不够深入，欢迎有经验的读者随时交流。

3. 品味“决定”艺术作品的好坏，设计的好坏则来自主观意见

我们在鉴赏艺术作品时，用看法来表达当时的感觉，而你的品味则会左右你的看法。

以一个有远见的现代艺术推崇者看来，入围1999年Turner Prize 的Tracey Emin 的作品《My Bed》，表达的可能就是这样一种艺术高度。

当然，在传统艺术追随者眼中，那更像是一种对主流的侮辱。这又回到了我们关于诠释的观点，但相对于从某件作品获取的信息，品味—更多的是与人们的特定喜好有关。

设计师做设计时，会多少从自己的品味出发，但好坏设计的不同点在何处，则是仁者见仁智者见智。

不合你口味的设计仍然可能是一个成功的设计。如果它能达成预期目标、让人理解，并能帮助人们去完成一些事情，那么主观上好与坏都不是问题了。

我们可以继续讨论这个问题，但更希望你已经理解其中蕴含的基本原则。

4. 艺术创作需要天赋，设计工作讲的是技巧

那么怎么看待创作者的能力呢？

很多时候，艺术家有着与生俱来的能力。当然，从他们年幼开始，就在不断的通过素描、绘画、雕刻和实战来提高他们的能力。

但艺术家的真正价值在于他们与生俱来的天赋。这里有一句拗口的话：出众的艺术家一定具有创作技巧和经验，而反过来，则不其然。

设计工作，确实是一种可以通过教学而掌握的技能。你不必成为一个伟大的艺术家或者一个伟大的设计师，你需要的仅仅是达成这个设计工作的原始目标。

世界上最受人尊敬的设计师们最为人所知的，是他们追求极致简约的风格。他们不会使用过多的颜色或者质感，他们更专注于字体和模块的大小、定位以及留白，而所有这些都可以通过学习掌握，与天赋无关。

5. 好的艺术作品传递给每个人的信息都是不一样的，好的设计传递同一个信息给所有人

这个确实是关乎“理解”和“诠释”的另一个观点。但如果希望从本文收获些什么，那么我希望你能记住这一句。

许多设计师自认为自己是艺术家，因为他们创作了一些具有视觉吸引力的、引以为豪的让人挂起来欣赏的作品。

但如果一件视觉作品是为了完成一个特定的任务或者表达某个特殊的信息时，无论它是多么漂亮，都不能算是艺术作品。因为它只是一种互动方式，简单来说就是一个传递信息的窗口。

很少有艺术家称自己为设计师，因为他们似乎更能参悟其中的差异。艺术家不会为了卖或者推销自己的作品而创作。他们创作艺术作品更多是一种内在性灵的流露，所以它们能够被欣赏。而对于传达的信息，与其说是一个实在的东西，不如说是一种感觉。

你怎么想呢？