Published on
November 29, 2007 in
创意纪.
上次说了UI UE的设计原则，后来又补充了9条模块设计的基本原则。今天新民网的孙和我谈到了一些困惑，正好，作为NI自然界面理论的实验作品也给几位朋友测试过，不管是大众点评网的周还是阿里巴巴的金都提出了稀有参半的中肯意见，为什么我们以为精心设计的页面并不是好评如潮呢。我想原因是因为标准不同。
如果一个人觉得创意不错，然后认真执行，就能得到大家热烈反响，世界上没有那么好的事情。 衡量一个项目的结果，然后分析结果并作出调整，然后再分析结果，周而复始。这是我们要做的事情。
难题又来了，怎么衡量网站的效果。之前写过这方面内容，因为原来的服务器不能打开，就再重新整理一下。
NI第一原则：网站制作和改进的目的是增加访问人数，增加总体的每用户的访问页面数，提高用户的在线时间。所以衡量指标围绕这四点：人数、页面数、在线时间和人。
具体来说，有以下指标：
1 访问页面数pageview。网站页面在用户的浏览器端完整的呈现一次记为一个pageview。注意这和传统分析服务器日志是有所区别的。
2 唯一身份访问者人数。唯一身份访问者人数表示在指定时段内不重复（仅计数一次）的访问者人数。唯一身份访问者人数用 Cookie 确定。
3 网站访问时间。一个用户访问网站的时间，从用户进入网站到离开网站。
4 注册用户数。这个比较简单，但是没有一个统一的监测方法，一般来说也没有第三方工具可以监测。
5 电子商务订单成交。同上。好的第三方系统可以通过路径分析来追踪订单成交。
6 访问人群人口统计。访问网站、频道、页面的用户的性别、年龄、收入、地域、爱好等。目前只有Nielson和iResearch可以做到，iResearch的系统相对简单的粗糙一些。
夜已深，留待明日详细补充这些指标的含义以及解读。最近忙于做公司2008年预算，周末都在北京，更新较慢。
(2007.12.5. update)
相关内容
Published on
November 27, 2007 in
影视音乐.
最近在看这部电视剧，“功勋”，讲述了1945年，在东北的间谍战，涉及到了苏联，日本，抗联这三方。故事很紧张，演员也很精彩。再次感受为了祖国的仁人志士们如何为了一个信念而不惜一切代价，同时也被其中的儿女情长所感动，体会承诺的力量。
相关内容
看到这里的消息，pidgin又有更新，在linux和windows下我只使用pidgin了，当然在mac下，我们有更好的adium可以选择。使用pidgin最大的原因是因为OTR，可以非常好的加密谈话的内容，防止网络嗅探。
Pidgin原名Gaim，是一个即时通讯程序，适用于Windows、Linux、BSD和其他Unix系统。可以与使用AIM、ICQ、 Jabber/XMPP、MSN Messenger、Yahoo!、Bonjour、Gadu-Gadu、IRC、Novell GroupWise Messenger、QQ、Lotus Sametime、SILC、SIMPLE和Zephyr等即时通讯软件的朋友对话。
新版修复了许多2.2.1, 2.2.2 or 2.2.3版的问题，但并非全部。主页：http://pidgin.im/ 下载：http://pidgin.im/pidgin/download/
相关内容
这三四天，机缘巧合，安装了几个操作系统，很久没有那么连续的安装操作系统和软件了，电脑发展的还是真快阿。
公司的imac久没有升级了，于是安装了leopard，从10.4升级，很顺利，leopard效果非常cool，并且速度性能也很不错，如果只有一台电脑，应该是mac。顺便就尝试了bootcamp，给imac安装了windows xp，安装完leopard然后安装xp的体验肯定是不好的，感觉ms给出的信息太多了，不那么安静。当然，imac跑windows xp的速度还是非常快的。为了把imac的性能轧干，在leopard里面装了vmware，然后在vmware里面装了ubuntu 7.10，一定要安装vmware tools，否则会影响使用。至此，osx，windows，linux在一台imac中也算共存了。
不巧回到家里，给x60升级驱动完毕后，机器就起不来了，只好重装。thinkpad的恢复功能颇为强大，因为我重要的文档已经都安放在网络上了，于是选择了恢复到出厂设置，时间很长，过程还算顺利，重启了很多次后，x60又快步如飞了， 当然因为都是正版的windows，所以升级等都很快，预装的norton也足够抵挡互联网上的攻击了。然后用wubi安装ubuntu 7.04，linux的安装时间比较长，主要是升级时间比较长，现在我就是在ubuntu 7.04的firefox下写这篇文章，另一个桌面在升级到7.10，希望顺利。(说道多桌面，leopard里面的效果实在太平滑和cool了)
安装了那么多操作系统，只能说mac的用户体验是最棒的，ubuntu已经算是不错，不过还有一段路要走，windows xp毕竟时间很长了，安装的体验不怎么样，驱动程序的丰富是windows最好的优点。mac是自己的硬件，这点上没有可比性。
windows之所以在我国普及那么广，主要还是因为盗版的关系，如果不是因为盗版软件来的太容易的话，linux恐怕是唯一的选择。所以在指责linux不好用的时候，先问问自己有多少应用是盗版的。
相关内容
Published on
November 24, 2007 in
恰逢少年 and 生活.
周四早上路上，听到电台在放着周治平的青梅竹马，也突然回忆起这是1991，1992年那个时间在读大一大二的时候早上跑步时，学校广播台会放的歌曲。
一晃十五年。
江湖催人老。
看完了“特殊使命”，因为那次北京出差的时候看的是最后两集，现在才明白结尾时候巩向光的百感交集。十二年间，多半时候是无人相信，十二年间，领导、朋友、爱人纷纷西去。只是那种信念支撑了那么久，于是也就有始终在身边的朋友，始终在暗地里默默注释的目光。一句再见之后，有多大机率可以真的再回。天涯之大，相逢太难。
相关内容
Published on
November 24, 2007 in
恰逢少年 and 生活.
整理电脑，发现桌面上有一个文件夹，是年初年会时候制作movie用的员工照片，照片中的大部分同事都已经不在公司了，很难说这是好还是不好，只是一种离别吧。
今年开始用flickr的收费服务，好处之一就是所有的照片有了一个安全的备份之处。很多以前的旧照片，随着电脑的重装和更换，找不到了。现在就好一些，可以到flickr上慢慢欣赏。
现在已经上传了3000多张照片，都是点点滴滴的生活。
相关内容
Published on
November 21, 2007 in
google.
Tags: 搜索.
我正在建议公司使用商业版的google自定义搜索，将可以衍生出不少垂直搜索的应用，而费用相对公司而言也是一个不大的数字。今天看到google自己的blog在介绍这个，心有灵犀。
今天，我们很高兴地告诉大家，谷歌自定义搜索平台已可支持全球近 80 个国家和 40 种语言。而且，您可以选择不同的语言来使用自定义搜索引擎（CSE）。我们希望看到更多的人创建有用的自定义搜索引擎，我们希望那幅图上出现更缤纷多彩的光芒。
世 界各地的网站站点管理员和开发者可通过自定义搜索平台提供更相关、可靠、快速以及高效的谷歌搜索。站点管理员能够利用自定义搜索引擎在社区网站中为用户带 来更好的搜索使用体验，企业能够在其公司主页中载入本站搜索；个人用户可以把搜索引擎嵌入他们的博客和主页中；研发人员可以用自定义搜索 API 在其应用软件中搭建合适的搜索。实现这些无需额外安装软件或者特别的硬件，您在几分钟之内就能把自定义搜索引擎建立起来，而且易于用户自定义和管理。您还 可以自行调整搜索结果的呈现方式，以使其与您的页面在视觉效果和整体感觉上相匹配。现在，大家就可以选择不同的语言开始管理您的 CSE了。
谷歌提供一个免费，并支持广告版本的自定义搜索引擎，同时，它还可升级为自定义搜索商业版（CSBE），利用 XML API 使得搜索结果更加符合定制要求，而且广告、邮件和电话也是可选的。
现在，我们在全球范围内推出自定义搜索平台。全球数以百万的商业组织都拥有各自的网站，但却并没有提供站内搜索功能。用户一旦开始浏览一个网站就必须自已寻找所需的内容。而现在，无论在哪里，组织和企业都能够利用谷歌本站搜索帮助用户搜索其所需。
英 国国会在其网站上使用了 CSBE，易于公众在 9 百万的文件中查到自己所需内容。英国君主航空公司利用 CSBE 去辅助管理不断增长的用户问询，包括对于行李和对飞行安全问题的关注。自从添加了 CSBE 以来，更多的用户能以在线方式找到他们所需，君主航空收到的邮件问询量下降了 30%。塞尔维亚一个包含了电视台、电台，以及门户网站的领先媒介集团 B92，在其主页 B92.net 的体育、商业、文化以及科技等不同版块中都提供了自定义搜索，并且还使用一些独特的功能和特性，包括 linked CSEs,搜索精度以及从搜索结果中排除其主页上的某些部分的功能。荷兰的一家 0800 和 0900 服务号码提供商 Belfabriek，希望用谷歌为用户提供有速度和质量保证的搜索，开始使用 CSBE 以后，打电话咨询的人数大幅下降，因为人们能够从网站上找到他们所需的信息，并直接记录下这些号码。印度的板球网站 Cricbuzz 利用 CSE，针对板球迷们进行的任何与板球相关的搜索，都能反馈切题的板球内容，并且利用搜索精度功能以挖掘比分，球员图片，比赛记录，博客及新闻等。
相关内容
Published on
November 21, 2007 in
创意纪.
在页面进入草图设计后，需要确认很多细节，我在检查页面设计稿是否可以进入切页面和制作时候，遵循以下原则：
1 界面统一性。一样的功能在一样的地方。一个页面无非由一些基本模块组成，每一种基本模块在UI设计上，不同的应用实例是否元素一致，包括字型、字号、颜色、按钮颜色、按钮形状、按钮功能、提示文字、行距等。说来容易，执行的时候很多设计师会有一些随意的想法，可能某些想法是挺好的，但是我们必须执行统一的界面标准。设想windows里面，如果不同的窗口关闭按钮在不同的地方，并且颜色还不一样，这会是什么样混乱的状况。
2 留住用户而不是骚扰用户。引导，不是强制。国内的网站对于骗取点击量是很有心得，记得有一段时间sina的新闻标题都是危言耸听，结果点进去一看不是那么回事情，这样的用户体验就不好了。除了进行角色用户模型分析用户关心的内容以外，我这次也采用了比较极端的做法来避免用户对于点击的处理。弹出新页面恐怕也是中国互联网特有的现象，向前向后这些按钮在中国用处不大。好在我们有各类多选项卡的浏览器，不怕，但是，良好的连续性体验被破坏了。你愿意看一本每页印两个字的书吗？用户感兴趣才看某个网页，我们要做得是引导用户看到他想看的内容，既不能硬塞，也不能骗取。
3 安静的浏览器。曾几何时，我在看网站的时候，是选择不显示所有图片的，这样的干净在某些领头羊的带领下，已经不复存在了。诸多的flash闪烁，一碰就显示的层，甚至还有不请自来的视频，这些都不是NI自然界面理论能允许的，我们要的是一个给用户安安静静阅读内容参加互动的网页。根据NI第二原则：网站设计要满足人们的需要，包括个人化的和社会化的。用户到网站上来有个人的需求，尽可能简洁的版式，容易阅读的内容，方便的导航，这些对于用户来说都是容易接受的，从web2.0风潮开始，有一点至少是好的，就是国内网站也开始注意这些方面，而不是将内容一股脑的堆砌在那里。如果还是没有很明白的话，大家可以发现绝大多数国外网站在点击一个链接的时候，是在本页打开，而国内的网站基本上都是新开页面。
以上这些归纳为设计时候要注意的要点如下：
1 每一个模块的边框，标题，按钮(如果有的话)，“更多”“详细”功能，这些元素的颜色、大小尺寸、位置、对齐方式、字体、字号、行距等都要一致。
2 整个页面的基调颜色要一致，不同的模块除非有很大意义的差别，颜色应该一致。
3 可以点击的文字、按钮、图片，鼠标应该呈现出统一的可点击样式，区别于不可点击区域。
4 呈现的日期格式的统一，比如都用长日期格式“2007-2-1”或者都用短日期格式“07-3-1”，样式不同的日期呈现方式还不如不呈现。
5 可以点击的图片最好用不同的样式显示，比如鼠标滑过时候的辉亮效果。因为网页会大量的使用图片做修饰效果，区分可以点击和不可以点击的图片是值得去做的。
6 有没有不必要的弹出窗口。(从netscape开始这个设计真的很糟糕，ie也完全继承了，解决的办法是用js方式来呈现弹出窗口。)
7 文字描述。很多时候会忽略这个问题，在我们做demo的这个项目中有很多的文字描述，各有其用，统一描述的方式，统一人称，统一语气，都是给用户带来良好体验的途径。
8 图片风格。我不是这方面的专家，从欣赏的角度，图片应该是尽可能的统一风格，素描样式和点阵样式共存总不是太好的事情。
9 图标。很多时候会用图标来描述功能，漂亮的带点阴影和倒影的图标是非常抢眼的，使用图标的话要注意风格、透视角度、分辨率、辨识度的一致性。
经过一番周折，现在这个厂商专区的页面设计稿是这样子的：
终于要进入到切页面和制作了，这次我们采用了类似于windows界面的UI来呈现内容，几乎所有的第一次点击显示内容都用窗口呈现在本页。制作上还有一些粗糙，可以看看
如果你看到了这个页面中使用的点击效果，那是extJS的厉害之处，下次我们就来讨论一下windows样式的web界面，强大的extJS和YUI。
(last update:2007-11-26)
相关内容
最新评论