胡小明 14:30:04
我光知道世界最短的一个黄色笑话..

lidecheng 14:30:19
我也知道

lidecheng 14:30:31
咬

胡小明 14:30:32
昆 ..

胡小明 14:30:37
草 !!
lidecheng 14:30:41
。。

同道中人啊……

奥运战火刚结束,各门户网站就马上发表自己的战绩，又引起了另一场口水战，至于谁是第一我觉得这个并不重要，重要的是从这次奥运报道中我们是否看清楚了自己的优点和缺点，从而吸收经验为将来做准备。

以下是从载入速度、首屏视觉效果、导航、推荐区、奖牌榜、头图、要闻区、通透性、观看直播体验、直播页等对各门户奥运频道进行对比分析。
载入速度

首屏信息的多少是吸引用户继续浏览的一个关键，以1024×768分辨率为准，下图阴影部分为各门户首屏信息的显示范围，QQ奥运频道和 163奥运频道显示区域比较大，其次是sohu和sina。

首屏视觉效果QQ和sina的层次比较分明，可以有效的引导用户去浏览，而且sina把广告放到顶部可以减少广告对信息的影响，这个是一个聪明 的做法。163“导航”和“完全夺金历程”区2块大红色在互相争艳，用户的视觉不知道往那里放，而且“完全夺金历程”区和要闻区的架构不协调，形成Z型。 Sohu一片红,导航、广告、近期赛事都混在一起了严重影响用户浏览，近期赛事完全被弱化了。

总结首屏视觉效果QQ和sina做的较好！

导航

在导航方面QQ分类很清晰，新闻、视频、服务、互动几个大区很明显，而且导航紧凑不松散,比较容易寻找内容。163虽然有分区，但每个区 没有明显标记,赛事项目和导航区分不够明显。Sina的区域感不强而且上下导航视觉效果不是那么舒服。Sohu第一感觉就是乱，而且被一堆广告包围着，严 重的干扰导航，分类不清晰，区域感也不强。

总结导航方面QQ做的较好！

奖牌榜

奖牌榜sina做的较详细，不足之处就是少了个总数和把名次放到国旗后面不过后来修改为名次排前。QQ没有明显的排名符号，整体感觉还可 以，163整体也比较清晰，用“完全金牌榜”来代替“更多”会让网友更容易读懂。但不足之处是显示国家比较少，和位置放置头屏的右上方和信息内容分开，用 户需要一个跳跃性的浏览，不利于浏览。Sohu和sina有点相似都是可以往上滚动来显示更多国家，但滚动效果比较差，设计粗糙，而且整体显的很拥挤。

头图

要闻区

直播页

163直播页清晰简洁，受干扰比较少，互动性较强可以和其他网友一起讨论赛事，还有实时比分。不足之处是直播赛事区域放到视频框上方，因为当用户马上想转 台的时候，应该把其他赛事信息放到用户最容易看到的地方，一般浏览网页的习惯是从上到下，和从左到右。必然放到上方不是用户第一时间看到的地方。

sina直播页清晰简洁，受干扰最少，正在直播的赛事放到用户比较容易找到的右下方，也可以互动交流但需要安装软件。

sohu直播页，该有的都有了，不过颜色很压抑，设计粗糙。和163、sina相比感觉不是一个档次。

总结

字面释义：

UE (User Experience) : 用户体验 link

UI (User Interface) : 用户界面 link

UCD (User-Centered Design) :以用户为中心的设计 link

UED (User-Experience Design) :用户体验设计 link

---------分割线---------

UI(User Interface)即用户界面，也称人机界面。是指用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某种特定的机器，设备，复杂的工具等。
软件设计可分为两个部分：编码设计与UI设计。编码设计大家都很熟悉，但是 UI设计还是一个很陌生的词，即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面，是英文User和　 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。
界面设计。在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。

交互设计(Interaction Design) 作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔•莫格里奇在1984年一次设计会议上提出，他一开始给它命名为“ 软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction Design”――交互设计。

UED是进行产品策划的主力之一，他们用自己的知识、经验、设计能力拿出设计方案。ED不只是互联网专家，还是行业专家。能够用自己的互联网知识来设计出行业专家想实现的操作，而付诸以商业营销。

简单的说，在进行产品设计时从用户的需求和用户的感受出发，围绕用户为中心设计产品，而不是让用户去适应产品，无论产品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。
衡量一个好的以用户为中心的产品设计，可以有以下几个纬度：产品在特定使用环境下为特定用户用于特定用途时所具有的有效性（effectiveness）、效率（efficiency）和用户主观满意度（satisfaction），延伸开来还包括对特定用户而言，产品的易学程度、对用户的吸引程度、用户在体验产品前后时的整体心理感受等。
UCD是将来公司开展网络服务所必须的，所以UCD职位也将是一种趋势。

用户体验（User Experience，简称UE）是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计的实验来认识到。
用户体验主要是来自用户和人机界面的交互过程。在早期的软件设计过程中，人机界面被看做仅仅是一层包裹于功能核心之外的“包装”而没有得到足够的重视。其结果就是对人机界面的开发是独立于功能核心的开发，而且往往是在整个开发过程的尾声部分才开始的。这种方式极大地限制了对人机交互的设计，其结果带有很大的风险性。因为在最后阶段再修改功能核心的设计代价巨大，牺牲人机交互界面便是唯一的出路。这种带有猜测性和赌博性的开发几乎是难以获得令人满意的用户体验。至于客户服务，从广义上说也是用户体验的一部分，因为它是同产品自身的设计分不开的。客户服务更多的是对人员素质的要求，而已经难以改变已经完成并投入市场的产品了。但是一个好的设计可以减少用户对客户服务的需要，从而减少公司在客户服务方面的投入，也降低由于客户服务质量引发用户流失的机率。

交互设计是一门特别关注以下内容的学科：
1、定义与产品的行为和使用密切相关的产品形式。
2、预测产品的使用如何影响产品与用户的关系，以及用户对产品的理解。
3、探索产品、人和物质、文化、历史之间的对话。
交互设计从“目标导向”的角度解决产品设计：
1、要形成对人们希望的产品使用方式，以及人们为什么想用那个这种产品等问题的见解。
2、尊重用户及其目标。
3、对于产品特征与使用属性，要有一个完全的形态，而不能太简单。
4、展望未来，要看到产品可能的样子，它们并不必然就像当前这样。

UDC需要学习的课程

• 人机交互的认知心理学、工程心理学基础
• 人的因素、人类工效学基础
• 人机交互的研究方法
• 用户调查和研究方法
• 可用性工程与评估方法
• 软件中的交互设计
• 软件产品的界面视觉设计原则、标准及经验分析
• 以用户为中心的界面设计与开发过程
• 界面设计与评估案例分析
• 人机交互界面的编程实现
• 人机工程项目管理
• 人机交互技术的最新进展

推荐的网站：

• 口碑网ued团队 http://ued.koubei.com/
• 阿里妈妈ued团队 http://ued.alimama.com/
• 淘宝网ued团队 http://ued.taobao.com/blog/
• 阿里软件ued团队 http://www.alisoftued.com/
• 阿里巴巴ued团队 http://www.aliued.com/
• 19楼ued团队 http://ued.dukuai.com/blog/
• 网易ued团队 http://www.ued163.com/
• chinaUI 优艾网 http://www.chinaui.com/
• UCD大社区 http://ucdchina.com/
• 蓝色理想 http://www.blueidea.com/

对于web开发者来说，最大的苦恼莫过于这个网络世界中有那么多的浏览器，而让代码在不同的浏览器中正确的显示也是CSS Geek们经常要做的事，而一些方便易用且强大的调试工具成了我们的左膀右臂，在Firefox上我们有Firebug这样厉害的东东，启睿同学也介绍过这个CSS Geek几乎必备的小工具。在Firefox下使用Firebug，而在IE上使用什么调试也成了问题。今天就介绍这个IE上的css/js/html调试工具：IE WebDeveloper

IE WebDeveloper是由Ie Inspector开发的，虽然不如Firebug那么强大但也足以应付在ie上对代码的调试工作。虽然随着IE8的到来也许我们会用上更好的IE及附带的Developer Tools（详情），但在ie8还未发布正式版和未普及的情况下，使用第三方的ie代码辅助工具也是有必要的。

可以去官方网站下载他的最新版本 link ，截止目前（08年9月），它的最新版本是Build:2.3.1.110 (3/12/2008)

IE WebDeveloper允许直接地在浏览器窗口中浏览、传输和更新HTML DOM。该软件可以实时分析网页并且显示为一种允许你察看表格风格、Java脚本，表格以及其它网页元素的树形风格。该软件还可以在浏览器中交互式地突出显示被选择的网页元素，因此你可以在实际网页中定位其代码。 查看style元素，定位div等等。且支持一键w3c检查（包括HTML/XHTML/CSS/Javascript tutorial等）。虽然用起来不如Firebug那么得心应手，但是毕竟解决了我们在ie上调试工具不足的问题。

最后在这里悄悄的提供一个IE WebDeveloper破解工具(keygen)，毕竟国人都喜欢这个。:D 点击下载IE WebDeveloper破解注册机

附：推荐一篇关于Web开发工具介绍的文章：

Collection of Web Developer Tools, per Browser

感谢 不是俺的中文翻译 Web开发工具大集合 - 每个浏览器都有份的！ |  译言yeeyan连接

MG2是一个免费的且非常容易使用的PHP相册程序，这里是他的官方网站。可以看到，MG2在2005（05年7月25）年就已经停止开发了，原始文件更是自04年之后（04年8月7日）就再没有改动过（截止2008年9月6日），我使用MG2的时间不长，但是我觉得他是一个好东西，值得去继续开发和升级，故我个人对其进行一些二次开发及完善升级等工作，保留MG2版权，并提供下载。

当前版本：vitaly 1.0

大小：

演示地址：查看

更新时间：

升级历史：

什么是MG2：

MG2是一个免费的且非常容易使用的PHP相册程序

• 易于使用.
• 快速的!
• 显示图片的 EXIF 信息.
• 支持图片标题，说明和用户的意见。
• 多语种支持。
• 可工作于 PHP 安全模式.
• 简单易用的后台管理，直观的图标界面。
• 同时上传多个文件。
• 自动缩略图。
• 图像旋转功能。

MG2 is a FREE and easy to use PHP image gallery script, Here is its official website. I found that, MG2 in 2005 has stopped development(2005/07/25), Original Minigal script is from 2004 to no more changes(2004/08/07).  I use the MG2 not long time, but I think it is a good script, Worth to continue to develop and upgrade it. And I do something to develop again and upgrade it . MG2 retain the copyright. And available for download.

New version : vitaly 1.0

size :

Demo: view

last upload time :

upgrade history :

What is MG2 :

MG2 is a FREE and easy to use PHP image gallery script

• Easy to use.
• Fast!
• Displays EXIF image information.
• Supports image titles, descriptions and user comments.
• Multilanguage support.
• Works in PHP safe mode.
• Full featured webbased admin interface - control your gallery from any computer (with internet access).
• Multiple image upload & FTP image upload.
• Automatic thumbnail generation.
• Image rotating feature.

今天在开发程序的时候借鉴了一个较为成熟的程序，在分析数据库的时候Access数据库打开需要密码，本打算放弃，感觉Microsoft不会如此 轻易的让人能破解他的数据库密码，虽然只是Access，但是还是习惯性的Google了一下，down了一个小软件叫 "AccessFinality"，使用了一下没想到效果如此神奇：

应该是我孤陋寡闻了，这个小软件的开发时间貌似是04年，在网上搜索一搜一片，有兴趣的去网上搜罗下资料吧，这里提供一个下载。

点击下载AccessFinality

update:这里提供的是8月份我找到的3.02版本的AccessFinality，新版本中还加入了一个数据库浏览工具。

今天用php+mysql做一个Project遇到了中文乱码问题。下图(几个???应该是中文显示区域)：

这种问题在开发时候是常见的，当然是mysql字符与html中header头文件上指定的字符集不统一引起的，以前也遇到过这个问题，当时采用的方法是在打开MySQL服务器连接的后面，链接数据库的前面加入转换mysql字符集的方法：

mysql_query("set names 'gbk'");

把从mysql中读出来的数据转换为gbk字符集，head中的设置自然是

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

今天的问题是我的页面使用的utf-8的字符集，而在我使用转换语句mysql_query("set names 'utf-8'");的时候无效，又不想因为字符集的问题而改变所有页面的charset。

解决方法如下，修set names语句为：

mysql_query("SET character_set_connection=uft-8 , character_set_results=utf-8, character_set_client=binary, sql_mode='' ");

即可在字符集为utf-8的网页中正确的读取/显示中文字符了。

为了更清楚的说明我的方法，贴我的connection中一段代码出来，注意转换字符集语句的放置位置。

require 'includes/config.php';

//打开MySQL服务器连接
$connection = mysql_connect(DB_SERVER,DB_USER,DB_PASS);
if (!$connection){
die("Database connection failed:" . mysql_error());
}

//修改字符集
mysql_query("SET character_set_connection=uft-8 , character_set_results=utf-8, character_set_client=binary, sql_mode=''");

//链接数据库
$db_select = mysql_select_db(DB_NAME,$connection);
if(!$db_select){
die("Database selection failed:" . mysql_error());
}

昨天重装了个系统，用的是在远景上淘来的WindowsXp SP3 V3264 英文版系统，我的P35主板在安装声卡驱动的时候遇到了比较麻烦的问题，到网上搜索了一下发现很多人也遇到过这种问题，一番麻烦之后问题迎刃而解，固写出 来给遇到同样问题的朋友做个解答，也好在自己重装系统的时候有据可查。

P35的板子之所以安装声卡驱动非常困难时因为Windows的一个补丁的问题，补丁号好像是kb888111，这是听说的，没有在Microsoft官方网站上找到这个补丁，但是搜到了一个起码我用起来有效的补丁包（下载地址），这个补丁包是比较全面的，包含了30多种语言的2003和2k_xp补丁包，29.87M，中文版的在chs文件夹下，英文版的在us文件夹下。

付：安装完英文版系统后魔兽争霸3中文版不能正常运行，“此版本之Warcraft3需要特定语言版本之windows”。在网上也搜到了解决办法：

用 UltraEdit 打开了魔兽争霸安装目录下的“game.dll”文件，查找到16进制串"3D04080000742A3D04"，将其中的74改为EB，保存，之后再次运行魔兽争霸程序，呵呵，一切正常，没有任何问题了。

做网页的朋友都知道，网页左下角的状态栏里经常会出现"网页上有错误"("Error On Page. ")的错误，网页访问起来一切正常，但是这个破东西也排查不到错在哪里，在那里一直显示也挺别扭的如果网页上的代码运行正常，程序结果正常，你完全可以忽 略这些问题，把IE左下脚那个讨厌的网页上有错误，如果浏览你网页的网友的IE没有关闭禁止页面调试功能，那么还会弹出调试对话框，无论你的网页使用什么 脚本语言编写，无论是asp.net,asp,还是其他脚本网页，可以把下面的代码加入 在</head>和<body>之间，那么就不会在提示网页上有错误了，把该网页小错误忽略了。

Javascript代码：
<SCRIPT LANGUAGE="JavaScript">
function closeErrors() {
return true;
}
window.onerror=closeErrors;
</SCRIPT>

Symbian手机软件开发环境搭建

附软件下载地址

需要安装的软件是 ActiverPerl / Java Runtime / Carbide.C++ Express / SDK

注意事项：

1> 所有的安装都必须以管理员权限进行，否则一些环境变量将不能得到正确的设置。

2> SDK的安装路径不能有空格

3> 为了环境工作正常，建议将SDK、IDE和工程未见放在同一个逻辑分区上，安装至C盘默认目录即可。

4> 安装顺序为：ActiverPerl → Java Runtime → Carbide.C++ Express → SDK

SDK结构

1、API源文件
SDK包含了在应用程序开发过程中需要使用的Symbian OS 9.1 和S60的API头文件以及库文件

2、开发工具
SDK包含了用于创建应用程序所需文件的众多工具，例如编译工具以及打包工具，从而实现在S60手机上的安装工作等。

3、模拟器
模拟器可以使在将应用程序打包安装到手机上之前，先在PC上面观察和检测应用程序，它提供了图形化接口，可以像使用真正的手机一样测试应用程序。

所需软件的下载地址(08年3月)

ActiverPerl

S60 Platform SDKs for Symbian OS, for C++

Sun Java Runtime Environment

Carbide Development Tools for Symbian OS C++ (Carbide.c++)

另外如果是做S60的界面开发可以选用 Carbide.ui 3.2 Theme Edition

如果你习惯使用Microsoft Visual Studio 2005，可与选用Carbide.vs 。

另外您需要有一个诺基亚论坛(www.forum.nokia.com)的注册ID，这样才能拿到开发工具的Serial number。

说明：

以上仅是我选用的Symbian开发平台。像其他软件或语言一样，它不仅只有一种开发工具，您可以选择NetBean、Eclipse等等……