奇遇,目标导向设计 » 关注web http://WWW.ui123.com/blog Goal-Directed Design -目标导向设计 Sun, 14 Mar 2010 15:18:05 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 闲聊互联网的从众文化 http://WWW.ui123.com/blog/2008/05/28/congzhongwenhua/ http://WWW.ui123.com/blog/2008/05/28/congzhongwenhua/#comments Wed, 28 May 2008 05:36:52 +0000 奇遇 http://www.ui123.com/blog/?p=218         之所聊互联网的从众，是因为它的从众比较明显，从之前的网站建设服务被搞的像卖白菜，到现在的众多社交网站都搞的像facebook，无不验证着互联网的从众现象。

1、机械模仿，得其形而无其神

       微软和Google都很关注facebook，甚至在收购未果的情况下，尽力通过投资获得一点股份。海内、校内等第一批直接模仿者的成功，使facebook模式像当季流行的服装一样，开始悄悄的流行起来。众多看到第一批模仿成功的人开始眼馋，于是我们看到了一批又一批的“facebook”模式的网站，并且每个网站都自称自己很有特点。所谓特点，大部分只不过是多点花哨的功能，殊不知用户并未感觉很有特点，那点特点或许只能激起用户童年时的那点好奇心而已。当然，我并非说所有facebook模式的网站都这样，至少大部分是。

       咱们用脚指头想想，每个用户每天都在干吗？每个用户最多能够参与几个同样的社区（变态者和用户体验从业人员除外）？用户为何要加入这个社区？就算用户每天不吃、不喝、不睡觉、不学习，拿出所有的时间在这些假冒的“facebook”里逛，而这些复制品有能给用户带来什么？是生活方式的改变，还是解决了大学生的就业问题？

       网络社区时代开始了，没有错！互联网需要众多的网络社区，也没有错！关键是网络社区是以用户为驱动的产品，就算运营者有很强的“圈钱”的心态，也应该考虑一下自个的“网络社区产品”有没有“根”，没有“根”是活不了多久的，这个“根”就是用户。

2、网络社区受益于从众文化

        网络社区之所以称之为“社区”，是因为有众多用户在你的网络社区里“活动”，相信这众多的人相互有依赖心理。假如我的朋友都在里面活动，我自然也会加入。社区并不一定是”社区网”，但”社区网”一定要做的有社区味道。不但要考虑从众心理，更要考虑“社区网”真实的意义，所谓“意义”乃“根”也。

3、从众的另一个力量–口碑

         从众有好有坏，大部分从众者出发点是好的，理由是“谁谁都在用，他们都说很好.”就这样开始进行口碑传播了。中国有句古话“酒香不怕巷子深”靠的就是口碑传播。何况现在是互联网时代，随便找个知名网站发点信息就让地球人都知道了，关键不是让地球人都知道，关键因素是“酒”要好。就算你不愿意花钱做广告，可以先让一小部分人知道，然后这一小部分人去告诉周围的N个人，“N的方平”式的传播是很可怕的。关键是你有没有本事让用户帮你传播，况且用户的这个“N的方平”数量很惊人的，也很忠诚！举个我自己的例子，自从我告诉我老婆土豆网看视频不错，内容丰富，还有“飞速土豆”下载加速器，她就一直在用土豆网，这说明口碑的传播是很忠诚的。举个例子而已，并非在给土豆网做广告。优酷等也都不错的，但通过口碑传播所获得的用户较忠诚。

小结：从众，要考虑为什么从众。

]]> http://WWW.ui123.com/blog/2008/05/28/congzhongwenhua/feed/ 12 快和准确性-体验Google和百度 http://WWW.ui123.com/blog/2008/05/22/googlebaidu/ http://WWW.ui123.com/blog/2008/05/22/googlebaidu/#comments Wed, 21 May 2008 16:47:53 +0000 奇遇 http://www.ui123.com/blog/?p=215       刚刚发布了《评估时要低调》这篇文章，就怀着好奇心去Google搜索了一下，不料给我很大的惊喜，排在第一位；处于职业的敏感，接着去百度搜索了一下，发现未搜索到任何这篇文章的信息，翻几页看看，仍未找到这篇文章，又尝试着搜索“评估时要低调  奇遇”，还是搜索不到。于是我主观的得到一个结论：“Google比百度快，Google比百度准确；因为Google搜索到了“评估要低调”这个全字段，况且我才刚刚发布。”（搜索时间2008.05.22  0:15)

Google截图：

 20080522_google.gif

 百度截图：

 20080522_baidu.gif

ps： 1、事情不能一概而论，因为我在搜索盗版软件时，感觉百度比Google好使；在搜索资料时，还是感觉Google更准确些。

        2、之前好像看到有人写文章夸百度好，原因是百度和Google相比，百度搜索页面能让用户停留的时间更长，还提供了用户的点击统计图；但作为搜索引擎来说，恰恰相反，停留时间长，说明找的时间长，找的时间长，好像是由于搜索不够准确的缘故吧？

        3、不敢妄下定论谁好，继续观察中…

]]> http://WWW.ui123.com/blog/2008/05/22/googlebaidu/feed/ 28 关于WEB操作系统 http://WWW.ui123.com/blog/2007/04/11/%e5%85%b3%e4%ba%8eweb%e6%93%8d%e4%bd%9c%e7%b3%bb%e7%bb%9f/ http://WWW.ui123.com/blog/2007/04/11/%e5%85%b3%e4%ba%8eweb%e6%93%8d%e4%bd%9c%e7%b3%bb%e7%bb%9f/#comments Wed, 11 Apr 2007 13:57:51 +0000 奇遇 http://www.ui123.com/blog/?p=57 uploads/200704/11_142721_kkk.gif
关于WEB操作系统，这个新的概念被大家讨论激烈，今天看到 《Web操作系统仅仅是痴人说梦？》 观点，是从技术层面说的，也引用了不少实例。个人仅用一家之言来谈谈“网络系统”这个观念。网络原自共享的需求，那么网络为什么不可以有自己的体系？仅此来反驳“痴人说梦”观点。一、web操作系统不是要替代桌面操作系统，在很长一段时间内是以桌面操作系统所支持的IE为基础。毕竟需要系统界面来与硬件交互来使用计算机这个高级的机器。所以桌面操作系统在一定的历史时期仍然是应用的基础。

二、信息更便捷的共享是一个很大的需求，也是一个趋势。网络这个载体可以满足这个需求，并更多的被大众所支持。这就需要在网络上可以存储文件、管理文件，基于此可以很方便的共享文件，共享到、博客、手机、各种终端。充分的发挥“共享”。

三、在网络上的文件存储和管理会潜在的存在应用需求，就是所谓的在线编辑等操作。比如我存储在网络上的一个图片要做简单的修改，如果这个在网络上可以直接修改，我干吗还要拿到本地系统上修改然后再上传。这是个简单的例子，所有在网络上的共享文件都有一定的在线编辑需求，因为这样“省事”。当前GOOGLE的很多应用就有一个问题，就是怎么样把这些应用整合成一个系统，我们在网络上做网络上所有的事情，使得这个领域更完善。渴望在互联网上专心做互联网的事，这个时代的来临将改变人们的生活方式。

四、网络是一个大大的知识库，我需要对我聚合的信息进行管理和编辑！我可以用GOOGLE的reader聚合博客，但我同时想对订阅的内容编辑，想整理成书等等。我想把我的文件通过鼠标右键直接共享给网络的任何人，或者发布到我的博客的某个频道，这在当前已经有不少公司实现了，但相信这只是个开始，更精彩的互联网时代我们在期待着！

声明：仅说点自己的想法，不涉及技术机密和诋毁谁的思想。

]]> http://WWW.ui123.com/blog/2007/04/11/%e5%85%b3%e4%ba%8eweb%e6%93%8d%e4%bd%9c%e7%b3%bb%e7%bb%9f/feed/ 2 关注jquery中的WEB交互模式 http://WWW.ui123.com/blog/2007/03/19/%e5%85%b3%e6%b3%a8jquery%e4%b8%ad%e7%9a%84web%e4%ba%a4%e4%ba%92%e6%a8%a1%e5%bc%8f/ http://WWW.ui123.com/blog/2007/03/19/%e5%85%b3%e6%b3%a8jquery%e4%b8%ad%e7%9a%84web%e4%ba%a4%e4%ba%92%e6%a8%a1%e5%bc%8f/#comments Mon, 19 Mar 2007 15:01:33 +0000 奇遇 http://www.ui123.com/blog/?p=52 uploads/200703/19_150717_0142.gif
什么叫jquery？
用它自己的话说：jQuery is a new type of JavaScript library. 即jquery是一个新型的JavaScript库。不仿引用它自己的话来说：
jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.

感兴趣的朋友可以到 http://jquery.com/ 上来浏览它的详细信息。另外，在中国也有一个中文社区：http://jquery.org.cn/jquery提供丰富的WEB交互模式
jquery里的User Interface 是我要关注的，在Plugins栏目里，地址为：http://docs.jquery.com/Plugins 大家可以查看User Interface，里面提供了丰富的UI交互模式，并由DEMO供下载。
个人也根据里面的内容把UI部分整理成一个压缩包与大家共享，地址为：http://www.box.net/shared/hulizicv00 地址为在国外的一个存储空间，若速度慢请稍等便可下载。

不错的入门教程推荐地址：http://www.k99k.com/jQuery_getting_started.html文档下载：http://www.box.net/shared/o17gvp6xxu 我的BOX空间里，若速度慢稍等即可下载。

补充:yahoo也有类似的库,请到以下地址查看 http://developer.yahoo.com/yui/

由于工作比较紧，若有时间再来补吧。

]]> http://WWW.ui123.com/blog/2007/03/19/%e5%85%b3%e6%b3%a8jquery%e4%b8%ad%e7%9a%84web%e4%ba%a4%e4%ba%92%e6%a8%a1%e5%bc%8f/feed/ 7 用CSS切换图标和列表的显示形式 http://WWW.ui123.com/blog/2007/01/16/%e7%94%a8css%e5%88%87%e6%8d%a2%e5%9b%be%e6%a0%87%e5%92%8c%e5%88%97%e8%a1%a8%e7%9a%84%e6%98%be%e7%a4%ba%e5%bd%a2%e5%bc%8f/ http://WWW.ui123.com/blog/2007/01/16/%e7%94%a8css%e5%88%87%e6%8d%a2%e5%9b%be%e6%a0%87%e5%92%8c%e5%88%97%e8%a1%a8%e7%9a%84%e6%98%be%e7%a4%ba%e5%bd%a2%e5%bc%8f/#comments Tue, 16 Jan 2007 13:45:01 +0000 奇遇 http://www.ui123.com/blog/?p=29 一、效果说明：
用CSS控制图标与列表显示方式的切换，以下示例为我书写，只需要把样式class=”node1″改为class=”node2″就可实现图标和列表两个显示方式的切换。
要切换的显示方式如下：
uploads/200701/16_164212_qiehuan.gif
用到的图片元素如下：
图片元素1
uploads/200701/16_134331_folder_icon.gif
图片元素2
uploads/200701/16_134340_network.gif二、页面代码：

<div class=”node2″ id=”node_id”><!– node1控制隔行背景–>
<a class=”node_link” id=”id” href=”#” mce_href=”#” onclick=”;return false;” ondbclick=”;return flase;”>
<img class=”node_icon” src=”./images/folder_icon.gif” mce_src=”./images/folder_icon.gif” ></a>
<a class=”node_icon_footer”><img class=”node_share” src=”./images/network.gif” mce_src=”./images/network.gif” alt=”" href=”#” mce_href=”#” onclick=”" /></a>
<a class=”node_title” id=”id” href=”#” mce_href=”#” onclick=”;return false;” ondbclick=”;return flase;”>
<span class=”node_name”>文件名</span>
<span class=”node_name_short”>短文件名</span></a>
<span class=”node_date”>最近修改日期</span>
<span class=”node_size”>文件大小</span>
<!– share public updated… –>
</div>
三、对应的CSS：

/* CSS Document */
/*node1*/
div.node1
{
float: left;
margin: 0 30px 15px 0;
width: 90px;
height: 110px;
}
div.node1 a.node_link:hover
{
color: #ff0000;
}

div.node1 a.node_link
{
display: block;
width: 85px;
height: 85px;
border-color: #fff;
border: solid #ffffff 1px;
background-color: #ffffff
}
div.node1 a.node_link:hover
{
display: block;
width: 85px;
height: 85px;
border-color: #fff;
border: solid #E6E6E6 1px;
background-color: #ffffff;
}
div.node1 a.node_title
{
display: block;
height: 21px;
font-size: 12px;
color: #000000;
text-decoration: none;
padding-top:7px;
text-align:center;
}
div.node1 a.node_title:hover
{
display: block;
height: 21px;
font-size: 12px;
color: #E6520B;
text-decoration: underline;
padding-top:7px;
text-align:center;
}
div.node1 img.node_icon
{ float:right;
border-style:none ;
margin-top:19px;
margin-right:19px;
}
div.node1 img.node_share
{
float:right;
border-style:none ;
margin-right:44px;
margin-top:-15px;
}
div.node1 span.node_name
{
display:none;
}
div.node1 span.node_size
{
display:none;
}
div.node1 span.node_date
{
display:none;
}
div.node1 span.node_path
{
display:none;
}
/*node1*/

/*node2*/

div.node2
{
float: left;
margin: 0px 10px 0px 0px; $nbsp$$nbsp$
width: 100%;
height:32px;
background-color:#F7F7F7;
}
div.node2 span.node_date,node,span.node_size
{

float:right;
font-size: 12px;
text-align:left;
margin-right:20px;
}
div.node2 img.node_icon
{
display: block;
margin-left:10px;
margin-top:5px;
width: 22px;
height: 22px;
border-style:none ;
}

div.node2 span.node_date
{
margin-right:100px;
margin-top:-13px
}
div.node2 span.node_size
{
margin-right:30px;
margin-top:-13px
}
div.node2 img.node_share
{
float:right;
border-style:none ;
margin-right:20px;
margin-top:-15px
}
div.node2 a.node_title
{
display: block;
width:50%;
height:12px;
font-size: 12px;
color: #000000;
text-decoration: none;
margin-left:60px;
margin-top:-17px;
}
div.node2 a.node_title:hover
{
height: 12px;
font-size: 12px;
color: #E6520B;
text-decoration: underline;
margin-left:60px;
margin-top:-17px;
}
div.node2 a.node_link
{
margin-left:10px;
margin-top:px;
}
div.node2 a.node_link:hover
{
margin-left:10px;
margin-top:px;
}
div.node2 span.node_name_short
{
display:none;
}
/*node2*/

代码已调试过，大家可以直接拿来用，奇遇保留版权。

]]> http://WWW.ui123.com/blog/2007/01/16/%e7%94%a8css%e5%88%87%e6%8d%a2%e5%9b%be%e6%a0%87%e5%92%8c%e5%88%97%e8%a1%a8%e7%9a%84%e6%98%be%e7%a4%ba%e5%bd%a2%e5%bc%8f/feed/ 7 Web2.0特征列表 http://WWW.ui123.com/blog/2007/01/15/web20%e7%89%b9%e5%be%81%e5%88%97%e8%a1%a8/ http://WWW.ui123.com/blog/2007/01/15/web20%e7%89%b9%e5%be%81%e5%88%97%e8%a1%a8/#comments Mon, 15 Jan 2007 23:57:00 +0000 奇遇 http://www.ui123.com/blog/?p=28 看到“亦博客”这个内容不错，也拿来显吧一下，不过版权还归原作者所有。此内容不代表奇遇观点。
亦博客：http://birdangel.blog.sohu.com/28974173.html
以下是“web2.0周刊”所列的Web2.0特征列表：

　　Give us your email address, we'll let you know when it's ready!"留下你的邮件地址，我们会在服务推出的时候通知你！"　　这种方式我很喜欢，37signals的WriteBoard推出时，采用的就是这样的方式，还有一些其它的公司，也采用了这种方式，但需要有足够的诚意让我相信这不是专门收集邮件地址的网站。一个认真制作的网站比如豆瓣这样的，可以让我有这个确信。
　　Web2.0化的服务可以多多采用这样的方式，好处在于可以提早作出预告，尽可能聚集有兴趣的试用者，并在服务可用时高效率的通知到他们。并不是所有人都能象Google那么强势，时刻有人根据种种蛛丝马迹分析将会推出什么新的服务。

Public beta alpha
原文中，beta上就被划上了删除线，不清楚是最初发表时写成beta，后来想改成alpha了呢，还是本来就是要表达“不要发布beta版，而是alpha版”。　　
　　之前很多说法是关于这个beta版的，keso也提过“永远的测试版”和网站上的BETA标志，就是说要一直将自己的产品看成Beta版，提醒自己需要不断改进、创新。但这里更狠，将版本提前到了“Alpha“版，应该是建议尽可能早的推出服务吧。
　　这一点不是很赞同，过于草率的推出产品，很可能影响用户的使用感受，至少要达到一定的可用性测试之后，才能推出来，因此，Beta版还是比较合适的。

Tags
使用标签

Feeds for everything
任何信息都可被订阅
　　非常好，作为小型的web2.0服务，不能被订阅，太危险了，用户可能会飞速流失。

Built with Rails
用Rails开发
　　这个说法就是见仁见智了。不可能大家都去用Rails做开发。
　　我非常喜欢Rails，虽然我根本不是开发人员，但这不妨碍我对Rails的喜爱，就像我没来由的对asp做的东西很反感一样，我觉得Rails做出来的网站都很酷，而Asp的则很土，这是主观印象，但已经根深蒂固，而且似乎是事实。

Sprinkled with Ajax
用Ajax　　
对Ajax的应用，我的建议是”恰到好处，适可而止“，5月份的时候，我曾经疯狂的为Ajax这种古老技术的组合感到激动，但渐渐觉得，Ajax很好，应该用，但很容易被滥用，将其控制在适当的”度“中，有难度。

Yellow fade
黄色淡出
　　这个特性，我目前只在Basecamp里看到过，很酷，我喜欢。

Blue gradients
　　这一点不清楚指的是什么，有知道的朋友请回复告知，多谢。(Doubleaf说，“所谓Blue gradients是不是这里的背景色啊，或者你在google images里搜一下Blue gradients呢？一般我不了解一个东西时，就会搜他们的图像，这时会有更直观的感受。”－－恩，好办法。) 奇遇：理解为背景渐变色。

Big icons
大图标

Big fonts
大字体
　　的确，国内网站通用的9号字，看起来真的不舒服。

Big input boxes
大输入框

REST API
REST(状态调用)API(应用程序接口)
　　这个堪称是Web2.0的精髓了，不开放，就不配叫Web2.0，我的个人观点。

Google Maps Mashup
基于Google Maps，提供一些应用
　　那个著名的芝加哥犯罪地图，应该就具备了这个特征。

Share with a friend
和朋友分享
　　这一点也很重要，Web2.0的服务，更多的是依靠真心喜爱他的用户之间的口碑营销，我经常会情不自禁的向身边的朋友推荐Bloglines、Flickr、豆瓣。
　　而有些网站依靠种种“编程技巧”让用户被迫充当传播病毒的“肉鸡”，这种行为，已经和拦路抢劫没有什么本质上的区别了。

TypePad blog for a peek inside the team
在团队内部准备一个TypePad的Blog
　　当然不一定是TyepPad的，但一个好的、真正的Blog确实是重要的，这点似乎也说明了TypePad有多么的被热爱，可惜在国内，也是不能访问的禁区之一。

Feature screencasts
功能特色的屏幕演示
　　支持，有助于用户快速了解一下产品的功能、界面，而且如果这个演示足够的好，对潜在的用户，会带来极大的吸引力。

Hackathons for new features
采用Hackathon的方式开发新的功能
　　Hackathon是一种听起来非常浪漫的开发方式，而且运用得当的话，也会具备极高的投入产出比。
　　关于Hackathon的细节，可以参考以前的一篇Blog：Hackathon-有趣的快速开发方式

Development wiki
开发用的wiki　　似乎Technorati有这样一个wiki。

Business model optimized for the long tail
商业模式最好是面对长尾市场的
　　我认为这一点非常有道理，Web2.0的公司，提供的产品本质上，应该都是小众的，以传统的服务方式，很难将这些小众的需求变成一个有足够利润的市场，因此，商业模式应该是面向长尾的。

It's Free!/AdSense revenue stream
免费，依靠AdSense带来现金流
　　能这样做当然很完美，但许多很好的Web2.0的服务要拼流量根本拼不过一个美女图片或是音乐的小站，如何能依靠AdSense带来足够的收入？
　　免费不是Web2.0的必备特征，相反，很多优质的Web2.0服务，应该是收费的。比如Flickr、比如Typepad。

　　Web的进化也是社会进化的一种，各种形态之间的过渡不可能界限分明，人们通常只会对一些符号化的东西印象深刻，比如当年的喇叭裤、军装、霹雳舞等等，在若干年后，也牢牢铭刻在我们的脑海中，并且成为那个时代的标记。同样，也正是这些个性鲜明的Web2.0特征，在一点一滴的塑造着属于全新一代互联网的文化。

[/size]

]]> http://WWW.ui123.com/blog/2007/01/15/web20%e7%89%b9%e5%be%81%e5%88%97%e8%a1%a8/feed/ 7 国外web2.0网站总表 http://WWW.ui123.com/blog/2007/01/15/%e5%9b%bd%e5%a4%96web20%e7%bd%91%e7%ab%99%e6%80%bb%e8%a1%a8/ http://WWW.ui123.com/blog/2007/01/15/%e5%9b%bd%e5%a4%96web20%e7%bd%91%e7%ab%99%e6%80%bb%e8%a1%a8/#comments Mon, 15 Jan 2007 23:42:06 +0000 奇遇 http://www.ui123.com/blog/?p=27 Bebop – Compare music calendar against your iTunes catalogue. http://www.bebopular.com
Clickcaster – Record, license, publish & promote your radio show. http://www.clickcaster.com
Difm – Radio community. http://www.di.fm
Dottunes – Share your iTunes. http://www.dottunes.net
Enablr – Transcribe podcasts, Text2Snailmail, … http://www.enablr.com
Fluctu8 – Create & share your sourcelists. http://fluctu8.com
Gcast – Podcasting tools & hosting. http://www.gcast.com
Genielab – Explore, recommend & rate music. http://genielab.com/
Ituneslove – Share your music tastes. http://www.ituneslove.com
Jamendo – Review, tag, rate & share music. http://www.jamendo.com/en
Lastfm* – Profile your taste, share, personalize your radio. http://www.last.fm
Mercora – Search music & get recommendations. http://search.mercora.com
Muiso – Track your taste, get recommendations. http://muiso.com
Musicmobs – Share your tastes & find music. http://www.musicmobs.com
Musicstrands – Tag, share & post music community. http://www.musicstrands.com
Odeo – Record & share audio. http://www.odeo.com ;
Pandora* – Personalized radio. http://pandora.com
Plurn – List, listen to, create & share music. http://www.plurn.com
Podbop – Listen to bands that visit your city (Eventful mash-up). http://podbop.org
Podomatic – Create, find & broadcast podcasts. http://www.podomatic.com
Poperti – Save your mp3 on a pop email account. http://www.poperti.com
Predixis – Discover, manage & enjoy music. http://www.predixis.com
Purevolume – Music community. http://www.poperti.com
Radiotime – Personalize radio. http://myradiotime.com
Streampad – List, listen & share your music (= several mash-ups). http://www.streampad.com
Upto11 – Discover & share music. http://upto11.net
Webjay – Playlist community. http://www.webjay.org

BLOG2POD 2.0
Talkr – Converts blog text to podcasts. http://www.talkr.com

BLOGGING 2.0
Bitty – Embed content from Web services. http://bitty.com
Blogburst – Syndicate blogs to mainstream media sites. http://www.blogburst.com
Blogcode – Start blog & find similar ones. http://www.blogcode.com
Bloggersnap – Add your webcam snapshot to any blog. http://www.bloggersnap.com/?l=EN
Bloggoggle – Categorize & rate pro bloggers. http://www.bloggoggle.com
Bloglet – Notification2email. http://www.bloglet.com
Blogs – Notification2email. http://blo.gs
Blurb – Turn your blog into a book. http://www.blurb.com
Cocomment – Track back your commentosphere. http://www.cocomment.com
Feedblitz – Notification2email. http://www.feedblitz.com
Freevlog – Set up free video blog. http://www.freevlog.org
Lifetype – Blogging software. http://www.lifetype.net
Measuremap – Blog stats. http://measuremap.com
Qumana – Edit your blog. http://www.qumana.com
Structuredblogging – Create, edit & maintain all posts. http://structuredblogging.org
Textamerica – Mobile blog. http://www.textamerica.com
Xanco~ – Mobile phlog & vlog. http://www.xanco.com
Blip – Get video & podcasting on your blog. http://www.blip.tv
Blogladder – Create & maintain your blog. http://www.blogladder.com
Blogniscient – Rank & read blog articles. http://www.blogniscient.com
Bloxor – Maintain & use your blogroll online. http://www.bloxor.com

BOOKMARKING 2.0
9rules – Validate & share links to content. http://9rules.com
Allyourwords – Associate & share words with links. http://www.allyourwords.com
Blinkist – Social bookmarking. http://www.blinklist.com
Blogmarks – Social bookmarking. http://www.blogmarks.net
Blummy – Manage your bookmarks. http://www.blummy.com
Bmaccess – Social bookmarking with thumbs. http://www.bmaccess.net
Buddymarks – Social bookmarking. http://www.buddymarks.com
Butterfly~ – Bookmark & annotate. http://www.butterflyproject.nl
Chuquet* – Find buzzes. http://www.chuquet.com
Clipmarks – Social clipping. http://www.clipmarks.com
CommonTimes – Social bookmarking & clippings. http://www.commontimes.org
Connotea – Social bookmarking (for reseacrhers). http://www.connotea.org
Delicious* – Social bookmarking. http://del.icio.us
Digg* – Social bookmarking. http://www.digg.com ;
Diigo – Social bookmarking on steroids. http://www.diigo.com
Dogear – Social bookmarking. http://www.eigology.com/dogear
Feedmarker – Social bookmarking for news. http://www.feedmarker.com
Furl – Clip, store & share web pages. http://www.furl.net
Hyperlinkomatic – Social bookmarking. http://www.hyperlinkomatic.com
Icio – Social bookmarking & rating. http://www.icio.de
Jeteye – Clip & share (parts of) web pages. http://www.jeteye.com
Listible – Folksonomied software & code search. http://www.listible.com
ListMixer – Social bookmarking (temporary links). http://listmixer.com
LiveMarks – Live update of Delicious. http://sandbox.sourcelabs.com/livemarks
Looklater – Private bookmarking. http://www.looklater.com
Lookmarks – Social bookmarking. http://www.lookmarks.com
Magnolia – Social bookmarking & voting. http://ma.gnolia.com
Mylinkvault – Social bookmarking. http://www.mylinkvault.com
Onlywire – Social bookmarking aggregator. http://www.onlywire.com
Philoi – Social bookmarking. http://www.philoi.com
Qoosa – Social bookmarking. http://www.qoosa.com
Searchfox – Social bookmarking. http://www.searchfox.com
Shadows – Social bookmarking. http://shadows.com
Simpy – Social bookmarking, tagging & search. http://www.simpy.com
Socialmarks – Social bookmarking. http://www.socialmarks.com
Spinspy – Social bookmarking & ranking. http://www.spinspy.com
Spurl – Social – Bookmarking & search. http://www.spurl.net
Startaid – Manage & share your (thumb) bookmarks. http://www.startaid.com
StumbleUpon – Social bookmarking (random sharing). http://www.stumbleupon.com
Surftail – Share your click paths. http://www.surftail.com
Taggle – Social bookmarking, tagged (German). http://www.taggle.de
Tagtooga – Social bookmarking. http://www.tagtooga.com
Tendango – Top 10 social bookmarking. http://www.tendango.com
Thumblicio.us – Displays thumbs of most pupular del.icio.us sites. http://thumblicio.us
YahooMyweb2 – Social bookmarking. http://myweb2.search.yahoo.com
Yoono – Save your bookmarks and manage your feeds – http://www.yoono.com/ ;(Submitted by Helder Pareira).

BROWSER 2.0
Camino – Mozilla power & Mac style browser. http://www.caminobrowser.org
Flock – Lightweight browser. http://www.flock.com

CALENDAR 2.0
30boxes – Manage & share calendar. http://30boxes.com
Calendarhub – Create & share calendars. http://www.calendarhub.com
Eventful – Create & share events. http://eventful.com
Eventicus – Create & share events. http://www.eventicus.de/?lang=en
Eventsniper – Mix your event calendar with feeds. http://www.eventsniper.com
Hipcal – Manage & share calendar & to do lists. http://www.hipcal.com
Meetwithapproval – Arrange meetings & events online. http://www.meetwithapproval.com
Mosuki – Arrange meetings & events online. http://mosuki.com
Planzo – Arrange meetings & events online & thru sms. http://planzo.com
Skobee – Arrange meetings & events online. http://www.skobee.com
Spongecell – Arrange meetings & events online; with a.i. http://spongecell.com
Tilika – Share calendars. http://www.tilika.com
Trumba – Create& share events. http://www.trumba.com
Upcoming – Create, manage & share events. http://upcoming.org

CHAT 2.0
3bubbles – Add chat to your blog. http://www.3bubbles.com
Ajchat – Create chat rooms. http://www.ajchat.com
Campfire – Permalinked chat. http://www.campfirenow.com
Chatsum* – Chat with & leave messages same-site-visitors. http://www.chatsum.com
Conversate – Create your own chat. http://www.conversate.org
PeekoChat – Make every site a ‘place’ (Firefox plug-in). http://peekko.com/chat
Zohochat – Create your own chat room. http://zohochat.com
Ekklesia – CMS for churches. http://www.ekklesia-systems.com
Loudblog – CMS inc. RSS. http://www.loudblog.de
Pmachine – CMS. http://www.pmachine.com/ee
Tinymce – Wysiwyg editor. http://tinymce.moxiecode.com

COLLABORATION 2.0
Askeet – Ask & answer it. http://www.askeet.com/
Asoboo – Find people & places in your city. http://asoboo.com
Favorville – People helping people. http://www.favorville.com
Foldera – Organize & share all work based documents. http://www.foldera.com
Hubpages – Share your genius. http://www.hubpages.com
Ifolder – Filesharing for groups. http://www.ifolder.com
Jotspot – Take one set of notes, live. http://www.jotlive.com
Lime – Help & inspire eachother. http://lime.com
Mayomi – Mind map & share. http://www.mayomi.com
People2pray – Manage & share prayer requests. http://www.people2pray.com
Qype – Find & recommend best spots in town. http://qype.com
Rallypoint – Share knowledge. http://www.rallypointhq.com
Redlettr – Tag & comment the bible. http://www.desertfather.com/micah
Rel8r – Tag, read, search blogs. http://www.rel8r.com
Rrove* – Save & share places. http://www.rrove.com
Say-So – Share problems & get advise. http://www.say-so.org
Socialight – Share pictures & notes with your cell phone. http://socialight.com
Standpoint – Share & evangelize convictions. http://www.standpoint.com
Studybuddy – Share notecards. http://www.studybuddy.info
Tracbac – Share, comment, revise & collaborate. http://www.tracbac.com
Vizu – Create, share & vote for polls. http://www.vizu.com
Webbrush – Collaborative drawing, charting, etc. http://www.stanfy.com/dev/webbrush
Whatshouldireadnext – Share your bookshelve. http://whatshouldireadnext.com
Wobblog – Rank & share blog postings. http://www.wobblog.com
Zimbra – Work & communicate together. http://www.zimbra.com

COLLECT 2.0
Librarious – Catalogue your collection. http://lib.rario.us
Librarything – Catalogue & share your library. http://www.librarything.com
Unalog – Share what you read, in groups. http://unalog.com

COMIX 2.0
Comics – Create & share comics. http://www.mainada.net/comics
Quicktoons – Create & share comics. http://www.quicktoons.com

COMMUNICATION 2.0
E-messenger – Ajax messengers. http://www.e-messenger.net
E-messenger – Integrates several messengers. http://www.e-messenger.net
Gtalkr – Google Talk, Flickr, YouTube, feeds. https://gtalkr.com
Iglance – Push-to-talk videoconf and screen-sharing. http://www.iglance.com
Imeem – Share words, files & people (on messenger). http://www.imeem.com
Imvu – 3D messenger. http://www.imvu.com
Iotum – Sorts & processes calls on relevance. http://www.iotum.com
Jabphone – Messenger2phone. http://www.jabphone.com
Jumpclaimer – Inform your relatives about your whereabouts thru sms. http://www.jumpclaimer.com
Kopete – Universal messenger. http://kopete.kde.org
Mabber – Mobile messenger. http://www.mabber.com
Meebo – Integrates several messengers. http://www.meebo.com
Skylook – Record & store all Skype communications. http://www.skylook.biz
Skype – Call, conference, messenger, file sharing. http://www.skype.com
Slawesome – Add voice to your email. http://www.slawesome.com
Soonr – Mobile 2 web & v.v. http://www.soonr.com
Stickam* – Multimedia communication tool. http://www.stickam.com
Tello – Locate & collaborate with your key contacts. http://www.tello.com
Userplane – Chat, messenger, record. http://www.userplane.com
V4s – Add voice to your email. http://www.orb.com/skype
Vyew – Web based video conferencing. http://vyew.com
Waxmail – Add voice to your email. http://www.waxmail.biz
Web2messenger – Send messages from web 2 messenger. http://www.web2messenger.com

COMMUNITY 2.0
43people – Tag based matching & dating. http://www.43people.com
43places – Publish & share stories about places. http://www.43places.com
Blogtronix – Blogging & corporate community software. http://www.blogtronix.com
Communitywalk – Share places & routes (map mash-up). http://www.communitywalk.com
Consumating – Tag based dating. http://www.consumating.com
Create & Participate in communities. http://www.towncrossing.com
Dodgeball – Hook in with your mobile & meet friends. http://www.dodgeball.com
Doostang – Community for professionals. http://www.doostang.com
Facebook – Student communities. http://www.facebook.com
Frappr – Put your group on the map, share photos. http://www.frappr.com
Friendster – Connect with friends. http://www.friendster.com
Groups – Create groups & share content. http://grou.ps
HumanPages – Philanthropic “LinkedIn-Like” People Search. http://www.humanpages.com/
Ikarma – Document & promote your reputation. http://ikarma.com
Linkedin – Manage and share your cv. Http://www.linkedin.com
Livejournal – Join or create your own community. http://www.sixapart.com/livejournal
Lovento – Find friends & events. http://www.lovento.com
Mapmix. Find your friends (map mash-up). http://www.mapmix.com
Meetro – Find friends nearby (thru messenger). http://www.meetro.com
Meetup – Find common interests & organize meetings. http://www.meetup.com
Mologogo – Share where you are. http://www.mologogo.com
Mozes – Share information & people thru your mobile. http://mozes.com
MySpace – Communicate with & share content with your friends. http://www.myspace.com
OpenBC – Community for entrepreneurs & professionals. http://www.openbc.com
Opinity – Manage your reputation. http://www.opinity.com
Orkut – Connect to your friends. https://www.orkut.com
Partysync – Meet & sms people. http://group.partysync.com
Peerprofile – Publish & share your profiles. http://www.peerprofile.com
Peertrainer – Buddy up, slim down. http://www.peertrainer.com
Phusebox – Community for sophisticated people. http://phusebox.net
Piczo – Create & share website. http://piczo.com
Placesite – Wi-fi portal & location communities. http://www.placesite.com
Plum – Collect, share, connect. http://www.plum.com
Poddater – Create vodcast & connect. http://www.poddater.com
Pooln – Schedule your car pooling. http://www.pooln.com
Rabble – Create it & share it mobile. http://www.rabble.com
Tagalag – Tag & map your contacts. http://www.tagalag.com
Theblackstripe – Upload & share photos. http://www.theblackstripe.com
Tinfinger – Search persons. http://www.tinfinger.com
Towncrossing – Find & Link to Friends. http://towncrossing.com/
Twocrowds – Share & vote for predictions. http://www.twocrowds.com
Vcarious – Travel community. http://www.vcarious.com
Wallop – Phlog & interact. http://mywallop.com
Xanga – Blog rings. http://www.xanga.com
Zaadz~ – Network of inspired people. http://www.zaadz.com
Ziggs – Index of professionals. http://www.ziggs.com
Zoominfo* – Search persons; create your own page. http://www.zoominfo.com

CRM 2.0
24sevenoffice – Web-based crm & erp. http://www.24sevenoffice.com
Helpspot – Wen nased help desk software. http://www.userscape.com
Pushcrm – Web-based crm. http://pushcrm.com
Simpleticket – Helpdesk solution. http://www.simpleticket.net
Userscape – Web based help desk portal. http://www.userscape.com
Zohocrm – Web-based crm. http://www.zohocrm.com

DBASE 2.0
Turbodbadmin – Online dbase in Ajax. http://www.turboajax.com/turbodbadmin.html/

DESIGN 2.0
Betterdesktop – Share usability tests. http://www.betterdesktop.org
Flickrlogomakr – Make Flickr-like logo in a second. http://flickr.nosv.org/ ; (cf. this group’s logo)
Netcocktail – Share color schemes. http://www.netcocktail.com
Neurosky – Bionic interface technology. http://www.neurosky.com
OK-cancel. Collaboration on interface design. http://www.ok-cancel.com
Typetester – Compare screen type. http://www.typetester.maratz.com
Wufoo – Build & host forms. http://www.wufoo.com/

转载：无敌小白http://huanke.blog.sohu.com/

]]> http://WWW.ui123.com/blog/2007/01/15/%e5%9b%bd%e5%a4%96web20%e7%bd%91%e7%ab%99%e6%80%bb%e8%a1%a8/feed/ 2 什么是Ajax? http://WWW.ui123.com/blog/2007/01/15/%e4%bb%80%e4%b9%88%e6%98%afajax/ http://WWW.ui123.com/blog/2007/01/15/%e4%bb%80%e4%b9%88%e6%98%afajax/#comments Mon, 15 Jan 2007 23:03:06 +0000 奇遇 http://www.ui123.com/blog/?p=26 1.什么是Ajax?
Ajax的全称是：AsynchronousJavaScript+XML。Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。 Web开发领域的最新时髦术语其实质是“旧貌换新颜”。

2.Ajax包括：
XHTML和CSS
使用文档对象模型(DocumentObjectModel)作动态显示和交互
使用XML和XSLT做数据交互和操作
使用XMLHttpRequest进行异步数据接收
使用JavaScript将它们绑定在一起

3.Ajax与页面交互
Ajax（AsynchronousJavaScriptandXML）是结合了Java技术、XML以及JavaScript等编程技术，可以让开发人员构建基于Java技术的Web应用，并打破了使用页面重载的惯例。 Ajax使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。

4.异步JavaScript和XML（AJAX）的方法：
使用几种现有技术——包括级联样式表（CSS）、JavaScript、XHTML、XML和可扩展样式语言转换（XSLT），开发外观及操作类似桌面软件的Web应用软件。实现Ajax的所有组件都已存在了许多年。AdaptivePath的用户体验战略部门主管兼创办合伙人JesseJamesGarrett今年2月发表在AdaptivePath网站上的一篇文章中杜撰了这个术语。

异步在这里是指AJAX应用软件与主机服务器进行联系的方式。使用AJAX的异步模式，浏览器就不必等用户请求操作，也不必更新整个窗口就可以显示新获取的数据。只要来回传送采用XML格式的数据，在浏览器里面运行的JavaScript代码就可以与服务器进行联系。JavaScript代码还可以把样式表加到检索到的数据上，然后在现有网页的某个部分加以显示。 如果使用旧模式，每当用户执行某种操作、向服务器请求获得新数据，Web浏览器才会更新当前窗口。

5.Ajax处理过程

一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法（GET或POST）来处理请求，并将目标URL设置到XMLHttpRequest对象上。 当你发送HTTP请求，你不希望浏览器挂起并等待服务器的响应，取而代之的是，你希望通过页面继续响应用户的界面交互，并在服务器响应真正到达后处理它们。要完成它，你可以向XMLHttpRequest注册一个回调函数，并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器，当服务器响应到达时，回调函数将会被调用。 在JavaWeb服务器上，到达的请求与任何其它HttpServletRequest一样。在解析请求参数后，servlet执行必需的应用逻辑，将响应序列化到XML中，并将它写回HttpServletResponse

6.在面向消费者的诸多应用举例：
Google的Gmail和GoogleMaps就是最常见的例子。在Gmail当中，AJAX负责如何开启线程会话，以显示不同邮件的文本内容。而在Maps当中，AJAX允许用户以一种似乎无缝的方式拖拉及滚动地图。

雅虎的Flickr像片共享应用和亚马逊网站的A9搜索引擎。另外，雅虎新的Web邮件服务可能很快就会吸引AJAX支持者的莫大关注，这项服务基于雅虎收购Oddpost后得到的技术。

总之，这些UI都充分地使用了后台通道，也被一些开发者称为“Web2.0”，并导致了大家对Ajax应用兴趣的猛涨。 AJAX应用软件厂商越来越把目光瞄准了企业。譬如说，Scalix的WebAccess电子邮件应用软件其实比微软Outlook自己的Web邮件界面更像Outlook。

7.AJAX应用软件的适用领域具有一定的局限性。因为它们利用了一些最新的Web技术，所以只能在某些Web浏览器里面运行——不过AJAX适用的浏览器正越来越多。 使用Ajax，你可以创建接近本地桌面应用的，直接的、高可用的、更丰富的、更动态的Web用户接口界面。

[/size]

注：以上内容参考网络资料编辑。

]]> http://WWW.ui123.com/blog/2007/01/15/%e4%bb%80%e4%b9%88%e6%98%afajax/feed/ 9 什么是WEB标准？ http://WWW.ui123.com/blog/2006/12/29/%e4%bb%80%e4%b9%88%e6%98%afweb%e6%a0%87%e5%87%86%ef%bc%9f/ http://WWW.ui123.com/blog/2006/12/29/%e4%bb%80%e4%b9%88%e6%98%afweb%e6%a0%87%e5%87%86%ef%bc%9f/#comments Fri, 29 Dec 2006 17:25:41 +0000 奇遇 http://www.ui123.com/blog/?p=13 WEB标准
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。我们来简单了解一下这些标准：

1．结构标准语言
（1）XML

XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0，参考（www.w3.org/TR/2000/REC-XML-20001006 ）。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。

（2）XHTML

XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0（参考 http://www.w3.org/TR/xhtml1）。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

2. 表现标准语言

CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2（参考 http://www.w3.org/TR/CSS2/）。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

3.行为标准
（1）DOM

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范（ http://www.w3.org/DOM/），DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

(2) ECMAScript

ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言（JAVAScript）。目前推荐遵循的是ECMAScript 262（ http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM）。

　　 [/size]
—————————————————————————————————————————————-
借此机会，推荐网页设计师网站： http://www.w3cn.org 学习WEB标准，这里是权威。

]]> http://WWW.ui123.com/blog/2006/12/29/%e4%bb%80%e4%b9%88%e6%98%afweb%e6%a0%87%e5%87%86%ef%bc%9f/feed/ 11