<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>耗子吴</title>
	<atom:link href="http://ratwu.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://ratwu.com</link>
	<description>吴昊的生活琐事</description>
	<lastBuildDate>Thu, 29 Mar 2012 08:50:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2</generator>
		<item>
		<title>豆瓣电影下载插件</title>
		<link>http://ratwu.com/2012/03/douban_download_plugin/</link>
		<comments>http://ratwu.com/2012/03/douban_download_plugin/#comments</comments>
		<pubDate>Thu, 29 Mar 2012 08:50:40 +0000</pubDate>
		<dc:creator>耗子吴</dc:creator>
				<category><![CDATA[小作品]]></category>
		<category><![CDATA[下载]]></category>
		<category><![CDATA[思可觅]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://ratwu.com/?p=943</guid>
		<description><![CDATA[一个多月前，写了一个<a href="http://weibo.com/1169391253/y5TQdE3SF" target="_blank">思可觅豆瓣油猴脚本</a>，用户在豆瓣浏览电影的时候，可以看到思可觅上相关电影的下载链接，当然，这个插件仅限川农校园用户。

今天我扩展了一下功能，让外网用户都可以用上，脚本地址在此：<a href="http://userscripts.org/scripts/show/129534">http://userscripts.org/scripts/show/129534</a> chrome用户直接点击页面右上角的Install按钮安装即可，firefox需要先安装<a href="https://addons.mozilla.org/zh-CN/firefox/addon/greasemonkey/" target="_blank">GreaseMonkey插件</a>，效果和下图类似。

<img class="alignnone" title="豆瓣思可觅插件" src="http://ww4.sinaimg.cn/large/45b37e95gw1dq58tmlf7kj.jpg" alt="" width="500" height="607" data-pinit="registered" />

实现原理有些差别。因为思可觅都是我们自己的用户，我修改了发帖设置，在发布电影时，需要用户填写此电影对应的豆瓣网址，这样在豆瓣网站上浏览的时候，只需要远程获取和当前这部电影对应的标题和url。

改进的这个插件搜索出的结果基于电影标题关键字，来自<a href="http://torrentproject.com/">http://torrentproject.com/</a> ，一个国外的bt搜索站，结全很强大，最最重要的是，这个搜索引擎还提供了api，你给定关键词，它以xml或者json格式返回搜索结果。插件的后端放在SAE上。

但愿会为你带来方便。

&#160;

&#160;]]></description>
			<content:encoded><![CDATA[<p>一个多月前，写了一个<a href="http://weibo.com/1169391253/y5TQdE3SF" target="_blank">思可觅豆瓣油猴脚本</a>，用户在豆瓣浏览电影的时候，可以看到思可觅上相关电影的下载链接，当然，这个插件仅限川农校园用户。</p>
<p>今天我扩展了一下功能，让外网用户都可以用上，脚本地址在此：<a href="http://userscripts.org/scripts/show/129534">http://userscripts.org/scripts/show/129534</a> chrome用户直接点击页面右上角的Install按钮安装即可，firefox需要先安装<a href="https://addons.mozilla.org/zh-CN/firefox/addon/greasemonkey/" target="_blank">GreaseMonkey插件</a>，效果和下图类似。</p>
<p><img class="alignnone" title="豆瓣思可觅插件" src="http://ww4.sinaimg.cn/large/45b37e95gw1dq58tmlf7kj.jpg" alt="" width="500" height="607" data-pinit="registered" /></p>
<p>实现原理有些差别。因为思可觅都是我们自己的用户，我修改了发帖设置，在发布电影时，需要用户填写此电影对应的豆瓣网址，这样在豆瓣网站上浏览的时候，只需要远程获取和当前这部电影对应的标题和url。</p>
<p>改进的这个插件搜索出的结果基于电影标题关键字，来自<a href="http://torrentproject.com/">http://torrentproject.com/</a> ，一个国外的bt搜索站，结全很强大，最最重要的是，这个搜索引擎还提供了api，你给定关键词，它以xml或者json格式返回搜索结果。插件的后端放在SAE上。</p>
<p>但愿会为你带来方便。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F05%2Fdiscuzx-bt-plugin%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F03%2Fdouban_download_plugin%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">discuzX2.0 BT/PT下载插件“思可觅”发布</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2010%2F06%2Fsicau-bt%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F03%2Fdouban_download_plugin%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">川农校内BT下载站思可觅，快来享受5M/s的下载速度！</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2010%2F09%2Fsicau-edu-cn%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F03%2Fdouban_download_plugin%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">思可觅日记</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F06%2Fchrome-good-luck%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F03%2Fdouban_download_plugin%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">chrome 手气不错插件</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fgoogle-reader-script%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F03%2Fdouban_download_plugin%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">隐藏新版Google Reader导航栏油猴脚本</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://ratwu.com/2012/03/douban_download_plugin/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>一个关于邀请码分享的idea</title>
		<link>http://ratwu.com/2012/02/invitation-code-website-design/</link>
		<comments>http://ratwu.com/2012/02/invitation-code-website-design/#comments</comments>
		<pubDate>Sun, 26 Feb 2012 06:36:39 +0000</pubDate>
		<dc:creator>耗子吴</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[idea]]></category>
		<category><![CDATA[邀请码]]></category>

		<guid isPermaLink="false">http://ratwu.com/?p=929</guid>
		<description><![CDATA[很多网站喜欢使用“邀请码”注册的模式，目的也各有不同：可能是小范围测试功能，可能是为了保证高质量用户，也有可能只是为了“饥渴营销”，等等等等。

各大PT站点常年保持着邀请注册的传统，Google+，网易轻博客Lofter，Ifttt，知乎等网站开始都必须有邀请码才能注册，对于网站主来说，他们的目的是寻找更精准的用户，这批用户比其他用户拥有更多的热情，未来可能成为专家级用户甚至可以为网站贡献高质量内容。对于潜在的这部分用户来说，邀请码却又“一码难求”。

我们先看看目前用户是怎样分享邀请码的：
<ol>
	<li>糗事百科上，楼主帖子内随机留几个邀请码，等我看到时，几乎100%已经用过的。</li>
	<li>一些IT博客偶尔会放一些新鲜网站的邀请码，放在文章末尾先到先得，或者留下邮箱。</li>
	<li>百度贴吧、百度知道上常有寻找邀请码的内容。</li>
	<li>豆瓣有个“<a href="http://www.douban.com/group/yaoqing/" target="_blank">邀请码分享小组</a>”，一般都是求码、发码的帖子。</li>
</ol>
分析一下以上几种方法：公开留邀请码的不知道邀请码是否已经用过，多次尝试失败后很容易有挫败感。留下邮箱楼主发邮件的那种容易泄露邮件地址，还不知道运气好不好，也许刚到自己的留言楼主就已经把邀请码发完了。最重要的是，运气好，找到有效邀请码的用户不一定是网站主希望的那种高级用户。

思维发散一下，是否需要一个平台，提供分享邀请码的功能，一方面帮助网站找到精准的高级用户，另一方面又能帮助潜在的高级用户找到想要的网站邀请码。

那么就先构思一下这个“邀请码分享平台”，分享一下我的思路。

<strong>核心功能</strong>：邀请码通过虚拟货币来交易，用户可以是买方，买自己需要的邀请码，也有可以是卖方，卖掉自己拥有的网站的邀请码。

<strong>次要功能</strong>：网站本身要能验证邀请码的有效性，防止恶意交易的发生。

<strong>概念解释</strong>：正价邀请码：对于大部分稀缺网站的邀请码要付出一定的虚拟货币才能获得。如果有多个用户分享同一个网站的邀请码，需要的用户当然可以选择价格低的购买。

负价邀请码：对于dropbox、快盘还有一些网页游戏来说，点击别人的邀请，邀请者可以获得一定奖励，这种邀请码发布者需要付出一定的虚拟货币来邀请其他用户，使用邀请的用户可以获得这部分虚拟货币。对于同一个网站的邀请来说，用户可以选择价格高的邀请码使用。

<strong>盈利模式</strong>：这种方式如果能真正帮助网站找到高价值用户，那么就可以直接向网站主收费。另一方面，有些网站纯粹的只是想利用邀请码进行“饥渴营销”，别无其他目的， 那么就可以让网站主参与进来。每日发放有限的邀请码名额，放在显眼的位置，算是一种推广。

<strong>面临的风险</strong>：
<ol>
	<li>为了保证邀请码交易的公正，必须要能验证邀请码的有效性，各种网站邀请的方式不同（有输入邮箱邀请，有一段字符串），表单的结构不同，很难使用统一有效的验证方法。如果新增一个使用邀请码注册的网站就要重新编程新写一种规则，无疑需要很大的成本。</li>
	<li>大部分网站邀请具有很强时效性，如果一个网站下周就开放注册了，用户没有必要在这周付出各种代价购买邀请码，一旦某个网站开放注册，有关这个网站的邀请码就要全部下架，这会很打击用户的热情。</li>
	<li>目标用户数量少同时黏性低。当用户需要某个网站邀请码的时候也许会想之前上过这样一个邀请码分享的网站，如果不需要，可能就永远不会再打开这个网站了。不过，对于游戏的内测邀请，很多游戏玩家会持续抱有一定热情。</li>
</ol>
<strong>总结</strong>：

以上只是我的个人想法和主观臆断，没有经过任何市场调研，用户研究，需求调研等等。通过上面几点的分析，如果做这样一个网站，风险还是很大的。当然，一种新鲜的思路参考，未尝不可。]]></description>
			<content:encoded><![CDATA[<p>很多网站喜欢使用“邀请码”注册的模式，目的也各有不同：可能是小范围测试功能，可能是为了保证高质量用户，也有可能只是为了“饥渴营销”，等等等等。</p>
<p>各大PT站点常年保持着邀请注册的传统，Google+，网易轻博客Lofter，Ifttt，知乎等网站开始都必须有邀请码才能注册，对于网站主来说，他们的目的是寻找更精准的用户，这批用户比其他用户拥有更多的热情，未来可能成为专家级用户甚至可以为网站贡献高质量内容。对于潜在的这部分用户来说，邀请码却又“一码难求”。</p>
<p>我们先看看目前用户是怎样分享邀请码的：</p>
<ol>
<li>糗事百科上，楼主帖子内随机留几个邀请码，等我看到时，几乎100%已经用过的。</li>
<li>一些IT博客偶尔会放一些新鲜网站的邀请码，放在文章末尾先到先得，或者留下邮箱。</li>
<li>百度贴吧、百度知道上常有寻找邀请码的内容。</li>
<li>豆瓣有个“<a href="http://www.douban.com/group/yaoqing/" target="_blank">邀请码分享小组</a>”，一般都是求码、发码的帖子。</li>
</ol>
<p>分析一下以上几种方法：公开留邀请码的不知道邀请码是否已经用过，多次尝试失败后很容易有挫败感。留下邮箱楼主发邮件的那种容易泄露邮件地址，还不知道运气好不好，也许刚到自己的留言楼主就已经把邀请码发完了。最重要的是，运气好，找到有效邀请码的用户不一定是网站主希望的那种高级用户。</p>
<p>思维发散一下，是否需要一个平台，提供分享邀请码的功能，一方面帮助网站找到精准的高级用户，另一方面又能帮助潜在的高级用户找到想要的网站邀请码。</p>
<p>那么就先构思一下这个“邀请码分享平台”，分享一下我的思路。</p>
<p><strong>核心功能</strong>：邀请码通过虚拟货币来交易，用户可以是买方，买自己需要的邀请码，也有可以是卖方，卖掉自己拥有的网站的邀请码。</p>
<p><strong>次要功能</strong>：网站本身要能验证邀请码的有效性，防止恶意交易的发生。</p>
<p><strong>概念解释</strong>：正价邀请码：对于大部分稀缺网站的邀请码要付出一定的虚拟货币才能获得。如果有多个用户分享同一个网站的邀请码，需要的用户当然可以选择价格低的购买。</p>
<p>负价邀请码：对于dropbox、快盘还有一些网页游戏来说，点击别人的邀请，邀请者可以获得一定奖励，这种邀请码发布者需要付出一定的虚拟货币来邀请其他用户，使用邀请的用户可以获得这部分虚拟货币。对于同一个网站的邀请来说，用户可以选择价格高的邀请码使用。</p>
<p><strong>盈利模式</strong>：这种方式如果能真正帮助网站找到高价值用户，那么就可以直接向网站主收费。另一方面，有些网站纯粹的只是想利用邀请码进行“饥渴营销”，别无其他目的， 那么就可以让网站主参与进来。每日发放有限的邀请码名额，放在显眼的位置，算是一种推广。</p>
<p><strong>面临的风险</strong>：</p>
<ol>
<li>为了保证邀请码交易的公正，必须要能验证邀请码的有效性，各种网站邀请的方式不同（有输入邮箱邀请，有一段字符串），表单的结构不同，很难使用统一有效的验证方法。如果新增一个使用邀请码注册的网站就要重新编程新写一种规则，无疑需要很大的成本。</li>
<li>大部分网站邀请具有很强时效性，如果一个网站下周就开放注册了，用户没有必要在这周付出各种代价购买邀请码，一旦某个网站开放注册，有关这个网站的邀请码就要全部下架，这会很打击用户的热情。</li>
<li>目标用户数量少同时黏性低。当用户需要某个网站邀请码的时候也许会想之前上过这样一个邀请码分享的网站，如果不需要，可能就永远不会再打开这个网站了。不过，对于游戏的内测邀请，很多游戏玩家会持续抱有一定热情。</li>
</ol>
<p><strong>总结</strong>：</p>
<p>以上只是我的个人想法和主观臆断，没有经过任何市场调研，用户研究，需求调研等等。通过上面几点的分析，如果做这样一个网站，风险还是很大的。当然，一种新鲜的思路参考，未尝不可。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F05%2Fnavigation%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F02%2Finvitation-code-website-design%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅析管理后台导航设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fcomment%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F02%2Finvitation-code-website-design%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅析评论系统设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F10%2Fios-daohang%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F02%2Finvitation-code-website-design%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">iOS的隐性导航设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F04%2Fcalendar-ued%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F02%2Finvitation-code-website-design%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">闲话用户体验——日历提醒周期设置</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F12%2Freader-app-mode%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F02%2Finvitation-code-website-design%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">移动平台主流阅读软件的三种“模式”</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://ratwu.com/2012/02/invitation-code-website-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>图片上传的交互设计</title>
		<link>http://ratwu.com/2012/02/image-upload/</link>
		<comments>http://ratwu.com/2012/02/image-upload/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 13:56:43 +0000</pubDate>
		<dc:creator>耗子吴</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[交互]]></category>
		<category><![CDATA[图片上传]]></category>

		<guid isPermaLink="false">http://ratwu.com/?p=887</guid>
		<description><![CDATA[传统的图片上传交互很简单：一个文件域要求用户选择图片文件，一个提交按钮（如下图）。

<a href="http://ratwu.com/wp-content/uploads/2012/02/chuantong.png"><img class="alignnone size-full wp-image-926" style="border: 1px solid black;" title="chuantong" src="http://ratwu.com/wp-content/uploads/2012/02/chuantong.png" alt="" width="306" height="55" /></a>

这种方式有很多缺点，比如选择图片后看不到预览，一次只能选择一张图，上传过程看不到进度。当然也有它自身的优点：html本身的表单控件，代码简单，上传不易出错，适合低速网络环境。现在富媒体横行的时代，用户需要长传大量图片，这种传统表单的方式上传图片显然已经跟不上时代的需求，基于flash、html5的新型上传方式被广泛的应用。

我们从上传图片前、上传中、上传后三个步骤来分析其中的交互过程。
<h2>上传前</h2>
上传图片前一般可以：查看已上传相片、选择布局、来源等。

<a href="http://ratwu.com/wp-content/uploads/2012/02/weibo1.png"><img class="alignnone size-full wp-image-909" style="border: 1px solid black;" title="weibo1" src="http://ratwu.com/wp-content/uploads/2012/02/weibo1.png" alt="" width="342" height="164" /></a>

↑微博上传图片前需要选择单张还是多张

<a href="http://ratwu.com/wp-content/uploads/2012/02/weibo2.png"><img class="alignnone size-full wp-image-910" style="border: 1px solid black;" title="weibo2" src="http://ratwu.com/wp-content/uploads/2012/02/weibo2.png" alt="" width="517" height="460" /></a>

↑先择布局后再单张依次上传

<a href="http://ratwu.com/wp-content/uploads/2012/02/qq1.png"><img class="alignnone size-full wp-image-908" style="border: 1px solid black;" title="qq1" src="http://ratwu.com/wp-content/uploads/2012/02/qq1.png" alt="" width="533" height="221" /></a>

↑ QQ空间的心情发布框首先让用户选择图片来源
<h2>上传中</h2>
上传大量图片时，是否可以让用户利用好等待的时间，比如在上传过程中就可以添加图片描述，移除不需要的图片。上传图片过程中最基本的需求是上传进度显示，大批量上传时不易导致用户烦躁。

<a href="http://ratwu.com/wp-content/uploads/2012/02/diandian.png"><img class="alignnone size-full wp-image-915" style="border: 1px solid black;" title="diandian" src="http://ratwu.com/wp-content/uploads/2012/02/diandian.png" alt="" width="625" height="526" /></a>

↑ 点点网上传图片过程中有上传进度显示，已上传成功的图片可以添加描述，可以选择图片布局，可以删除图片

<a href="http://ratwu.com/wp-content/uploads/2012/02/163_2.png"><img class="alignnone size-full wp-image-913" style="border: 1px solid black;" title="163_2" src="http://ratwu.com/wp-content/uploads/2012/02/163_2.png" alt="" width="781" height="326" /></a>

↑ 网易相册上传图片过程中可以查看上传进度，可以添加图片描述

<a href="http://ratwu.com/wp-content/uploads/2012/02/qq3.png"><img class="alignnone size-full wp-image-917" style="border: 1px solid black;" title="qq3" src="http://ratwu.com/wp-content/uploads/2012/02/qq3.png" alt="" width="691" height="531" /></a>

↑ QQ相册上传图片过程中只有进度显示。
<h2>上传完成后</h2>
添加描述，选择布局，简单修改（旋转、裁剪等）

<a href="http://ratwu.com/wp-content/uploads/2012/02/qq4.png"><img class="alignnone size-full wp-image-918" style="border: 1px solid black;" title="qq4" src="http://ratwu.com/wp-content/uploads/2012/02/qq4.png" alt="" width="661" height="582" /></a>

↑ 图片上传完成后，QQ相册推荐你为图片增加描述，写图片日志
<h2><a href="http://ratwu.com/wp-content/uploads/2012/02/weibo.png"><img class="alignnone size-full wp-image-919" style="border: 1px solid black;" title="weibo" src="http://ratwu.com/wp-content/uploads/2012/02/weibo.png" alt="" width="518" height="466" /></a></h2>
↑ 在微博上，图片上传完成后可以拖动鼠标排序，放大、缩小图片等简单处理。
<h2>新技术带来的变革</h2>
在本地程序中，可以将图片直接复制粘贴到文档中，亦可以将图片拖放到程序里实现打开和修改，目前Google doc的网页实现了以上两种图片上传方式，使它更像一款本地应用。QQ空间中发布的日志如果有引用外部的图片，发布成功后会提示用户是否自动将外链图片转存到相册内。这一系列的交互，看似简单却需要后端复杂技术的支持。用户的操作少了，上传图片更加方便了，也许就是这些细节，留住了更多的用户，让他们不愿意迁移到其他平台。]]></description>
			<content:encoded><![CDATA[<p>传统的图片上传交互很简单：一个文件域要求用户选择图片文件，一个提交按钮（如下图）。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/02/chuantong.png"><img class="alignnone size-full wp-image-926" style="border: 1px solid black;" title="chuantong" src="http://ratwu.com/wp-content/uploads/2012/02/chuantong.png" alt="" width="306" height="55" /></a></p>
<p>这种方式有很多缺点，比如选择图片后看不到预览，一次只能选择一张图，上传过程看不到进度。当然也有它自身的优点：html本身的表单控件，代码简单，上传不易出错，适合低速网络环境。现在富媒体横行的时代，用户需要长传大量图片，这种传统表单的方式上传图片显然已经跟不上时代的需求，基于flash、html5的新型上传方式被广泛的应用。</p>
<p>我们从上传图片前、上传中、上传后三个步骤来分析其中的交互过程。</p>
<h2>上传前</h2>
<p>上传图片前一般可以：查看已上传相片、选择布局、来源等。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/02/weibo1.png"><img class="alignnone size-full wp-image-909" style="border: 1px solid black;" title="weibo1" src="http://ratwu.com/wp-content/uploads/2012/02/weibo1.png" alt="" width="342" height="164" /></a></p>
<p>↑微博上传图片前需要选择单张还是多张</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/02/weibo2.png"><img class="alignnone size-full wp-image-910" style="border: 1px solid black;" title="weibo2" src="http://ratwu.com/wp-content/uploads/2012/02/weibo2.png" alt="" width="517" height="460" /></a></p>
<p>↑先择布局后再单张依次上传</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/02/qq1.png"><img class="alignnone size-full wp-image-908" style="border: 1px solid black;" title="qq1" src="http://ratwu.com/wp-content/uploads/2012/02/qq1.png" alt="" width="533" height="221" /></a></p>
<p>↑ QQ空间的心情发布框首先让用户选择图片来源</p>
<h2>上传中</h2>
<p>上传大量图片时，是否可以让用户利用好等待的时间，比如在上传过程中就可以添加图片描述，移除不需要的图片。上传图片过程中最基本的需求是上传进度显示，大批量上传时不易导致用户烦躁。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/02/diandian.png"><img class="alignnone size-full wp-image-915" style="border: 1px solid black;" title="diandian" src="http://ratwu.com/wp-content/uploads/2012/02/diandian.png" alt="" width="625" height="526" /></a></p>
<p>↑ 点点网上传图片过程中有上传进度显示，已上传成功的图片可以添加描述，可以选择图片布局，可以删除图片</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/02/163_2.png"><img class="alignnone size-full wp-image-913" style="border: 1px solid black;" title="163_2" src="http://ratwu.com/wp-content/uploads/2012/02/163_2.png" alt="" width="781" height="326" /></a></p>
<p>↑ 网易相册上传图片过程中可以查看上传进度，可以添加图片描述</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/02/qq3.png"><img class="alignnone size-full wp-image-917" style="border: 1px solid black;" title="qq3" src="http://ratwu.com/wp-content/uploads/2012/02/qq3.png" alt="" width="691" height="531" /></a></p>
<p>↑ QQ相册上传图片过程中只有进度显示。</p>
<h2>上传完成后</h2>
<p>添加描述，选择布局，简单修改（旋转、裁剪等）</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/02/qq4.png"><img class="alignnone size-full wp-image-918" style="border: 1px solid black;" title="qq4" src="http://ratwu.com/wp-content/uploads/2012/02/qq4.png" alt="" width="661" height="582" /></a></p>
<p>↑ 图片上传完成后，QQ相册推荐你为图片增加描述，写图片日志</p>
<h2><a href="http://ratwu.com/wp-content/uploads/2012/02/weibo.png"><img class="alignnone size-full wp-image-919" style="border: 1px solid black;" title="weibo" src="http://ratwu.com/wp-content/uploads/2012/02/weibo.png" alt="" width="518" height="466" /></a></h2>
<p>↑ 在微博上，图片上传完成后可以拖动鼠标排序，放大、缩小图片等简单处理。</p>
<h2>新技术带来的变革</h2>
<p>在本地程序中，可以将图片直接复制粘贴到文档中，亦可以将图片拖放到程序里实现打开和修改，目前Google doc的网页实现了以上两种图片上传方式，使它更像一款本地应用。QQ空间中发布的日志如果有引用外部的图片，发布成功后会提示用户是否自动将外链图片转存到相册内。这一系列的交互，看似简单却需要后端复杂技术的支持。用户的操作少了，上传图片更加方便了，也许就是这些细节，留住了更多的用户，让他们不愿意迁移到其他平台。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F06%2Fbiye2011%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F02%2Fimage-upload%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">我不想等到毕业的时候才......</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F05%2Fnavigation%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F02%2Fimage-upload%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅析管理后台导航设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fgame%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F02%2Fimage-upload%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅谈休闲益智游戏关卡难度设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fcomment%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F02%2Fimage-upload%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅析评论系统设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F10%2Fios-daohang%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F02%2Fimage-upload%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">iOS的隐性导航设计</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://ratwu.com/2012/02/image-upload/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>网盘在论坛中的占有率调查</title>
		<link>http://ratwu.com/2012/01/edisk-in-forum/</link>
		<comments>http://ratwu.com/2012/01/edisk-in-forum/#comments</comments>
		<pubDate>Sun, 01 Jan 2012 12:10:50 +0000</pubDate>
		<dc:creator>耗子吴</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[网盘]]></category>
		<category><![CDATA[网络营销]]></category>
		<category><![CDATA[营销]]></category>

		<guid isPermaLink="false">http://ratwu.com/?p=869</guid>
		<description><![CDATA[很多论坛使用网盘来分享资源（电子书，软件、手机固件等），昨天很蛋疼的做了一个统计：看各大论坛网盘的使用率，先放统计。

&#160;

<a href="http://ratwu.com/wp-content/uploads/2012/01/1.png"><img title="1" src="http://ratwu.com/wp-content/uploads/2012/01/1.png" alt="" width="446" height="284" /></a>

数据来自<a href="http://www.duokan.com/forum/forum-16-1.html" target="_blank">多看论坛</a>的电子书内容交流区，分享的资源主要是电子书。统计了第一页的20个帖子（每个帖子都要回复可见，而且有中文验证码，深恶痛绝啊！）之所以华为网盘（Dbank）使用率那么高，主要原因应该是版主推荐，版主专门写了个<a href="http://www.duokan.com/forum/thread-51423-1-1.html" target="_blank">帖子</a>，推荐用户使用Dbank（帖子中有指出，Dbank专门为其开了30G的容量，算是推广）

<a href="http://ratwu.com/wp-content/uploads/2012/01/3.png"><img class="alignnone size-full wp-image-872" title="3" src="http://ratwu.com/wp-content/uploads/2012/01/3.png" alt="" width="443" height="277" /></a>

<a href="http://bbs.gfan.com/" target="_blank">机锋论坛</a>是android主题手机论坛，用户更多使用了115网盘，分享的主要是手机固件，大容量游戏等。

<a href="http://ratwu.com/wp-content/uploads/2012/01/4.png"><img class="alignnone size-full wp-image-873" title="4" src="http://ratwu.com/wp-content/uploads/2012/01/4.png" alt="" width="442" height="284" /></a>

&#160;

<a href="http://bbs.weiphone.com/" target="_blank">威锋网</a>是iPhone（iPad等）社区，统计数据主要来自电子书分享板块，115网盘和论坛附件平分秋色，论坛附件多为体积较小的电子书。

<a href="http://ratwu.com/wp-content/uploads/2012/01/2.png"><img title="2" src="http://ratwu.com/wp-content/uploads/2012/01/2.png" alt="" width="428" height="279" /></a>

<a href="http://kindleren.com/forum.php" target="_blank">kindle人社区</a>，主要也是电子书分享，快盘占大部分，115网盘约占1/5

<a href="http://ratwu.com/wp-content/uploads/2012/01/5.png"><img class="alignnone size-full wp-image-874" title="5" src="http://ratwu.com/wp-content/uploads/2012/01/5.png" alt="" width="433" height="281" /></a>

&#160;

<a href="http://bbs.dospy.com" target="_blank">塞班智能手机网</a>是老牌手机论坛了，让我惊讶的是论坛附件占了如此大的比例，其中不乏一些几十M的软件、游戏，楼主甚至会将资源用分卷压缩，分别上传，不得不佩服其耐心。

<a href="http://ratwu.com/wp-content/uploads/2012/01/6.png"><img class="alignnone size-full wp-image-875" title="6" src="http://ratwu.com/wp-content/uploads/2012/01/6.png" alt="" width="434" height="282" /></a>

<a href="http://bbs.hiapk.com" target="_blank">安卓网</a>的使用论坛附件的多为体积较小电子书，使用网盘的多为大型软件和固件。

详细统计资料请看<a href="http://ratwu.com/wp-content/uploads/2012/01/wp.txt">这个文件</a>，统计样本不是很多，每个论坛都超过十个，基本是前两页帖子随机选择。

较小的文件分享，用户较多直接使用论坛自带的附件上传，由于很多论坛的限制，不能上传超过2M的文件，更大的文件只能通过网盘来分享。

从上面的统计可以看出，华为网盘、快盘、115网盘独占鳌头，像迅雷网盘、Everbox，酷盘什么的根本不值一提。

文章开头说这是个“蛋疼”的统计，主要是因为我花了几个小时统计出的结果实在没想出有什么意义，如果非要说个意义，我想应该是网盘的运营者可以从此类论坛展开推广自己的产品。多看论坛活跃用户每天至少有几千，Dbank给版主一个30G的空间就把那么多用户给拉拢了，就连淘宝刚起步的时候受易趣打压，都是从论坛开始推广的。]]></description>
			<content:encoded><![CDATA[<p>很多论坛使用网盘来分享资源（电子书，软件、手机固件等），昨天很蛋疼的做了一个统计：看各大论坛网盘的使用率，先放统计。</p>
<p>&nbsp;</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/01/1.png"><img title="1" src="http://ratwu.com/wp-content/uploads/2012/01/1.png" alt="" width="446" height="284" /></a></p>
<p>数据来自<a href="http://www.duokan.com/forum/forum-16-1.html" target="_blank">多看论坛</a>的电子书内容交流区，分享的资源主要是电子书。统计了第一页的20个帖子（每个帖子都要回复可见，而且有中文验证码，深恶痛绝啊！）之所以华为网盘（Dbank）使用率那么高，主要原因应该是版主推荐，版主专门写了个<a href="http://www.duokan.com/forum/thread-51423-1-1.html" target="_blank">帖子</a>，推荐用户使用Dbank（帖子中有指出，Dbank专门为其开了30G的容量，算是推广）</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/01/3.png"><img class="alignnone size-full wp-image-872" title="3" src="http://ratwu.com/wp-content/uploads/2012/01/3.png" alt="" width="443" height="277" /></a></p>
<p><a href="http://bbs.gfan.com/" target="_blank">机锋论坛</a>是android主题手机论坛，用户更多使用了115网盘，分享的主要是手机固件，大容量游戏等。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/01/4.png"><img class="alignnone size-full wp-image-873" title="4" src="http://ratwu.com/wp-content/uploads/2012/01/4.png" alt="" width="442" height="284" /></a></p>
<p>&nbsp;</p>
<p><a href="http://bbs.weiphone.com/" target="_blank">威锋网</a>是iPhone（iPad等）社区，统计数据主要来自电子书分享板块，115网盘和论坛附件平分秋色，论坛附件多为体积较小的电子书。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/01/2.png"><img title="2" src="http://ratwu.com/wp-content/uploads/2012/01/2.png" alt="" width="428" height="279" /></a></p>
<p><a href="http://kindleren.com/forum.php" target="_blank">kindle人社区</a>，主要也是电子书分享，快盘占大部分，115网盘约占1/5</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/01/5.png"><img class="alignnone size-full wp-image-874" title="5" src="http://ratwu.com/wp-content/uploads/2012/01/5.png" alt="" width="433" height="281" /></a></p>
<p>&nbsp;</p>
<p><a href="http://bbs.dospy.com" target="_blank">塞班智能手机网</a>是老牌手机论坛了，让我惊讶的是论坛附件占了如此大的比例，其中不乏一些几十M的软件、游戏，楼主甚至会将资源用分卷压缩，分别上传，不得不佩服其耐心。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/01/6.png"><img class="alignnone size-full wp-image-875" title="6" src="http://ratwu.com/wp-content/uploads/2012/01/6.png" alt="" width="434" height="282" /></a></p>
<p><a href="http://bbs.hiapk.com" target="_blank">安卓网</a>的使用论坛附件的多为体积较小电子书，使用网盘的多为大型软件和固件。</p>
<p>详细统计资料请看<a href="http://ratwu.com/wp-content/uploads/2012/01/wp.txt">这个文件</a>，统计样本不是很多，每个论坛都超过十个，基本是前两页帖子随机选择。</p>
<p>较小的文件分享，用户较多直接使用论坛自带的附件上传，由于很多论坛的限制，不能上传超过2M的文件，更大的文件只能通过网盘来分享。</p>
<p>从上面的统计可以看出，华为网盘、快盘、115网盘独占鳌头，像迅雷网盘、Everbox，酷盘什么的根本不值一提。</p>
<p>文章开头说这是个“蛋疼”的统计，主要是因为我花了几个小时统计出的结果实在没想出有什么意义，如果非要说个意义，我想应该是网盘的运营者可以从此类论坛展开推广自己的产品。多看论坛活跃用户每天至少有几千，Dbank给版主一个30G的空间就把那么多用户给拉拢了，就连淘宝刚起步的时候受易趣打压，都是从论坛开始推广的。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2010%2F09%2Ftaobao-marketing%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fedisk-in-forum%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅谈淘宝博客营销</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F02%2Fgoogle-geek-marketing%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fedisk-in-forum%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">Google的极客营销</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2010%2F09%2Fgjqt%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fedisk-in-forum%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">《古剑奇谭》营销分析</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2010%2F10%2Ftaobao-marketing-2%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fedisk-in-forum%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">常见的几种淘宝店主营销手段</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F10%2Flight-blog%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fedisk-in-forum%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">闲话轻博客的运营</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://ratwu.com/2012/01/edisk-in-forum/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>移动app纹理和贴图的运用</title>
		<link>http://ratwu.com/2012/01/app-design/</link>
		<comments>http://ratwu.com/2012/01/app-design/#comments</comments>
		<pubDate>Sun, 01 Jan 2012 09:23:35 +0000</pubDate>
		<dc:creator>耗子吴</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://ratwu.com/?p=842</guid>
		<description><![CDATA[想在众多APP中脱颖而出并非一件易事，界面是取悦用户的一大法宝，看成功的APP是如何使用纹理和贴图的。
<h2>木纹，凸显古朴</h2>
左图是iBooks的界面，右图是QQ阅读的界面，都使用了木质的贴图和纹理，尽显古朴，看起来像真实的书架。

<a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0585.png"><img class="alignnone size-full wp-image-847" title="IMG_0585" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0585.png" alt="" width="320" height="480" /></a> <a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0590.png"><img class="alignnone size-full wp-image-851" title="IMG_0590" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0590.png" alt="" width="320" height="480" /></a>
<h2>皮质，尽显商务</h2>
左图是苹果官方出品的“查找朋友”，右侧同时出自苹果的“提醒事项”。皮质的贴图很能突出商务风格。

<a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0589.png"><img class="alignnone size-full wp-image-850" title="IMG_0589" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0589.png" alt="" width="320" height="480" /></a> <a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0584.png"><img title="IMG_0584" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0584.png" alt="" width="320" height="480" /></a>
<h2> 真实，更易认知</h2>
左图是iOS自带的备忘录，右侧是“Days Matter”。备忘录的贴图使它看起来像真实的纸张，撕边等细节处理的很到位，Days Matter是个提醒应用，看起来像几个写有待办事项的纸张被夹在文件夹中。

<a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0582.png"><img class="alignnone size-full wp-image-844" title="IMG_0582" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0582.png" alt="" width="320" height="480" /></a> <a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0587.png"><img class="alignnone size-full wp-image-849" title="IMG_0587" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0587.png" alt="" width="320" height="480" /></a>

左图是iOS自带的“语音备忘”界面，事实上界面上只有两个按钮有用，一个是开始录音，一个是查看语音列表，作为设计师，你忍心在整个屏幕中只放两个按钮？右图是iOS的Game Center，木制的边框，草绿的主界面看起来像台球桌，体现了game的主题。

<a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0586.png"><img class="alignnone size-full wp-image-848" title="IMG_0586" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0586.png" alt="" width="320" height="480" /></a> <a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0583.png"><img class="alignnone size-full wp-image-845" title="IMG_0583" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0583.png" alt="" width="320" height="480" /></a>

下图是iPhone拍照时按下快门的瞬间，是否像一个真实的镜头？iPhone的快门速度并没你想象的那么快，事实上，在你看到这个快门动画的时候后台在默默处理刚拍下的图像，让你的等待如此心安。
<a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0581.png"><img class="alignnone size-full wp-image-843" title="IMG_0581" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0581.png" alt="" width="320" height="480" /></a>
<h2>结语</h2>
合理的使用纹理和贴图，不仅会让界面赏心悦目，亦会使用户容易认知，让软件易于使用。当然，这是建立用户需求和功能的基础上的，界面只是锦上添花，功能和易用性才是雪中送炭。]]></description>
			<content:encoded><![CDATA[<p>想在众多APP中脱颖而出并非一件易事，界面是取悦用户的一大法宝，看成功的APP是如何使用纹理和贴图的。</p>
<h2>木纹，凸显古朴</h2>
<p>左图是iBooks的界面，右图是QQ阅读的界面，都使用了木质的贴图和纹理，尽显古朴，看起来像真实的书架。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0585.png"><img class="alignnone size-full wp-image-847" title="IMG_0585" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0585.png" alt="" width="320" height="480" /></a> <a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0590.png"><img class="alignnone size-full wp-image-851" title="IMG_0590" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0590.png" alt="" width="320" height="480" /></a></p>
<h2>皮质，尽显商务</h2>
<p>左图是苹果官方出品的“查找朋友”，右侧同时出自苹果的“提醒事项”。皮质的贴图很能突出商务风格。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0589.png"><img class="alignnone size-full wp-image-850" title="IMG_0589" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0589.png" alt="" width="320" height="480" /></a> <a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0584.png"><img title="IMG_0584" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0584.png" alt="" width="320" height="480" /></a></p>
<h2> 真实，更易认知</h2>
<p>左图是iOS自带的备忘录，右侧是“Days Matter”。备忘录的贴图使它看起来像真实的纸张，撕边等细节处理的很到位，Days Matter是个提醒应用，看起来像几个写有待办事项的纸张被夹在文件夹中。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0582.png"><img class="alignnone size-full wp-image-844" title="IMG_0582" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0582.png" alt="" width="320" height="480" /></a> <a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0587.png"><img class="alignnone size-full wp-image-849" title="IMG_0587" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0587.png" alt="" width="320" height="480" /></a></p>
<p>左图是iOS自带的“语音备忘”界面，事实上界面上只有两个按钮有用，一个是开始录音，一个是查看语音列表，作为设计师，你忍心在整个屏幕中只放两个按钮？右图是iOS的Game Center，木制的边框，草绿的主界面看起来像台球桌，体现了game的主题。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0586.png"><img class="alignnone size-full wp-image-848" title="IMG_0586" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0586.png" alt="" width="320" height="480" /></a> <a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0583.png"><img class="alignnone size-full wp-image-845" title="IMG_0583" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0583.png" alt="" width="320" height="480" /></a></p>
<p>下图是iPhone拍照时按下快门的瞬间，是否像一个真实的镜头？iPhone的快门速度并没你想象的那么快，事实上，在你看到这个快门动画的时候后台在默默处理刚拍下的图像，让你的等待如此心安。<br />
<a href="http://ratwu.com/wp-content/uploads/2012/01/IMG_0581.png"><img class="alignnone size-full wp-image-843" title="IMG_0581" src="http://ratwu.com/wp-content/uploads/2012/01/IMG_0581.png" alt="" width="320" height="480" /></a></p>
<h2>结语</h2>
<p>合理的使用纹理和贴图，不仅会让界面赏心悦目，亦会使用户容易认知，让软件易于使用。当然，这是建立用户需求和功能的基础上的，界面只是锦上添花，功能和易用性才是雪中送炭。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F10%2Fios-daohang%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fapp-design%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">iOS的隐性导航设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fgame%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fapp-design%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅谈休闲益智游戏关卡难度设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F12%2Freader-app-mode%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fapp-design%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">移动平台主流阅读软件的三种“模式”</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F05%2Fnavigation%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fapp-design%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅析管理后台导航设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fcomment%2F&from=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fapp-design%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅析评论系统设计</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://ratwu.com/2012/01/app-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>多款read later类应用使用体验</title>
		<link>http://ratwu.com/2011/12/read-later-app/</link>
		<comments>http://ratwu.com/2011/12/read-later-app/#comments</comments>
		<pubDate>Tue, 20 Dec 2011 09:56:27 +0000</pubDate>
		<dc:creator>耗子吴</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[Google reader]]></category>
		<category><![CDATA[Instapaper]]></category>
		<category><![CDATA[read it later]]></category>
		<category><![CDATA[Readablity]]></category>
		<category><![CDATA[个人知识管理]]></category>

		<guid isPermaLink="false">http://ratwu.com/?p=825</guid>
		<description><![CDATA[平时我这样从网上获取信息：Google Reader上浅阅读大量资讯，由于在寝室上网环境嘈杂，就把长文或认为有价值的文章加注星标，ifttt会把星标条目同步到read it later，在睡前或比较安静的时间阅读iTouch上同步到read it later的文章，如果确实是好文，值得学习或收藏，就发送到Evernote，如果很普通，就直接标记已读。

太佩服自己了，这么能折腾。一篇文章经过三个软件的“过滤”：

1、Google Reader上的信息噪音很多，他们只是信息，有重复，有大量低质量的内容；

2、经过我的略读发送到read it later上的是经过一次筛选的文章，我感兴趣的或者对我有价值的文章；

3、在read it later中深度阅读后再决定这些内容是否进入我的知识库：Evernote，我会定期整理Evernote中的内容使其系统化；

我在《<a title="为什么要进行个人知识管理" href="http://ratwu.com/2010/08/why-knowledge-control/" target="_blank">为什么要进行只是管理</a>》中提到，知识的层级有这样几个：噪声—&#62;信息—&#62;知识—&#62;智慧。这几个软件无外乎就就是帮助我提炼知识。

作为APP控，基本试用了这类的所有软件。read later类软件主要有以下几个：<a href="http://readitlaterlist.com/" target="_blank">read it later</a>，<a href="http://www.instapaper.com" target="_blank">instapaper</a>，<a href="http://www.readability.com" target="_blank">Readablility</a>，<a href="http://www.diigo.com" target="_blank">diigo</a>，<a href="http://ikeepu.com/" target="_blank">爱库阅读</a>，当中只有爱库阅读是国产软件。本很想试用<a href="http://pinboard.in" target="_blank">pinboard</a>，诡异的是这网站注册账号竟然就要收取$9.57，而且费用是 用户数*$0.001，真是独创的收费理由和公式，同时给了你立即注册的理由： the earlier you join, the less you pay.

我主要使用<strong>read it later</strong>，用户体验很赞，各类浏览器插件齐全，支持web版杂志方式阅读，有iOS和android版，它会自动筛选出文章正文下载。

<strong>Instapaper</strong>是这类软件中的老大，使用量最多，但是官方只有iOS版，因为其开放了api，android系统有第三方软件。功能上Instapaper的不输read it later，用户体验也很棒，同时支持文章的分类管理。

<strong>Readablity</strong>原本做的活儿正如它的名字：让网页更易阅读，其实就是自动筛选出文章正文，以无广告干扰的方式展示正文，同时有发送到Kindle、标记为稍后阅读的功能，<del>但，没有手机端，只有网页版（官网上手机客户端很快会上线，一个月前它也是这么说的）</del>。（2012.3.11更新：目前已经发布了iOS版，甚至刚发布就到了iTunes首页推荐的位置）。在筛选文章正文的浏览器插件当中，Evernote出品的Cleary要比Readablity出色。

很不幸<strong>Diigo</strong>的网站被墙了，PC上越墙不是难事，但iPhone上用它的应用就必须要VPN了，悲剧，很遗憾没能体验。

<strong>爱库阅读</strong>是国内这类应用的模仿者，iOS的软件界面挺清爽，网站平台还为其添加了社交属性：自己可以分享链接，也可以看到别人分享的网站，这使得这个软件的定位模糊不清：这到底是分享链接的社区还是私人标记稍后阅读的工具？虽然功能上有重合，但在没有把一个功能做彻底之前又加其他的功能，实在会让用户摸不着头脑。还有一个严重的问题是爱库阅读的网站偶尔会不能访问（不知是不是校园网的问题），chrome添加链接的插件常常添加失败，手机端的软件偶尔会抓取不到网页，这些都是硬伤。

国外的此类软件几乎都开放了api，以至于我从Google Reader、read it later 和 Evernote之间轻松转移文章，国内的服务几乎都没有开放api，详情我在《<a title="为什么ifttt不会出现在中国" href="http://ratwu.com/2011/07/ifttt/">为什么ifttt不会出现在中国</a>》中提到过。在我看了善用佳软介绍<a href="http://xbeta.info/evernote2wiz.htm" target="_blank">为知软件</a>的时候，看到其很多功能确实超过了Evernote，想转移使用为知，但却发现，第三方阅读软件没有支持发送到为知的。国外的软件已形成一个生态系统，涉及到文件保存，开发者自然会开发保存到dropbox的功能，涉及到阅读类，发送到Instapaper和read it later则是必备的扩展项。这一点，国内的开发者只会自己开发相应的功能，而不会把用户需求留给第三方甚至竞争对手，也许这也是一种气度吧！]]></description>
			<content:encoded><![CDATA[<p>平时我这样从网上获取信息：Google Reader上浅阅读大量资讯，由于在寝室上网环境嘈杂，就把长文或认为有价值的文章加注星标，ifttt会把星标条目同步到read it later，在睡前或比较安静的时间阅读iTouch上同步到read it later的文章，如果确实是好文，值得学习或收藏，就发送到Evernote，如果很普通，就直接标记已读。</p>
<p>太佩服自己了，这么能折腾。一篇文章经过三个软件的“过滤”：</p>
<p>1、Google Reader上的信息噪音很多，他们只是信息，有重复，有大量低质量的内容；</p>
<p>2、经过我的略读发送到read it later上的是经过一次筛选的文章，我感兴趣的或者对我有价值的文章；</p>
<p>3、在read it later中深度阅读后再决定这些内容是否进入我的知识库：Evernote，我会定期整理Evernote中的内容使其系统化；</p>
<p>我在《<a title="为什么要进行个人知识管理" href="http://ratwu.com/2010/08/why-knowledge-control/" target="_blank">为什么要进行只是管理</a>》中提到，知识的层级有这样几个：噪声—&gt;信息—&gt;知识—&gt;智慧。这几个软件无外乎就就是帮助我提炼知识。</p>
<p>作为APP控，基本试用了这类的所有软件。read later类软件主要有以下几个：<a href="http://readitlaterlist.com/" target="_blank">read it later</a>，<a href="http://www.instapaper.com" target="_blank">instapaper</a>，<a href="http://www.readability.com" target="_blank">Readablility</a>，<a href="http://www.diigo.com" target="_blank">diigo</a>，<a href="http://ikeepu.com/" target="_blank">爱库阅读</a>，当中只有爱库阅读是国产软件。本很想试用<a href="http://pinboard.in" target="_blank">pinboard</a>，诡异的是这网站注册账号竟然就要收取$9.57，而且费用是 用户数*$0.001，真是独创的收费理由和公式，同时给了你立即注册的理由： the earlier you join, the less you pay.</p>
<p>我主要使用<strong>read it later</strong>，用户体验很赞，各类浏览器插件齐全，支持web版杂志方式阅读，有iOS和android版，它会自动筛选出文章正文下载。</p>
<p><strong>Instapaper</strong>是这类软件中的老大，使用量最多，但是官方只有iOS版，因为其开放了api，android系统有第三方软件。功能上Instapaper的不输read it later，用户体验也很棒，同时支持文章的分类管理。</p>
<p><strong>Readablity</strong>原本做的活儿正如它的名字：让网页更易阅读，其实就是自动筛选出文章正文，以无广告干扰的方式展示正文，同时有发送到Kindle、标记为稍后阅读的功能，<del>但，没有手机端，只有网页版（官网上手机客户端很快会上线，一个月前它也是这么说的）</del>。（2012.3.11更新：目前已经发布了iOS版，甚至刚发布就到了iTunes首页推荐的位置）。在筛选文章正文的浏览器插件当中，Evernote出品的Cleary要比Readablity出色。</p>
<p>很不幸<strong>Diigo</strong>的网站被墙了，PC上越墙不是难事，但iPhone上用它的应用就必须要VPN了，悲剧，很遗憾没能体验。</p>
<p><strong>爱库阅读</strong>是国内这类应用的模仿者，iOS的软件界面挺清爽，网站平台还为其添加了社交属性：自己可以分享链接，也可以看到别人分享的网站，这使得这个软件的定位模糊不清：这到底是分享链接的社区还是私人标记稍后阅读的工具？虽然功能上有重合，但在没有把一个功能做彻底之前又加其他的功能，实在会让用户摸不着头脑。还有一个严重的问题是爱库阅读的网站偶尔会不能访问（不知是不是校园网的问题），chrome添加链接的插件常常添加失败，手机端的软件偶尔会抓取不到网页，这些都是硬伤。</p>
<p>国外的此类软件几乎都开放了api，以至于我从Google Reader、read it later 和 Evernote之间轻松转移文章，国内的服务几乎都没有开放api，详情我在《<a title="为什么ifttt不会出现在中国" href="http://ratwu.com/2011/07/ifttt/">为什么ifttt不会出现在中国</a>》中提到过。在我看了善用佳软介绍<a href="http://xbeta.info/evernote2wiz.htm" target="_blank">为知软件</a>的时候，看到其很多功能确实超过了Evernote，想转移使用为知，但却发现，第三方阅读软件没有支持发送到为知的。国外的软件已形成一个生态系统，涉及到文件保存，开发者自然会开发保存到dropbox的功能，涉及到阅读类，发送到Instapaper和read it later则是必备的扩展项。这一点，国内的开发者只会自己开发相应的功能，而不会把用户需求留给第三方甚至竞争对手，也许这也是一种气度吧！</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2010%2F08%2Fmy-knowledge-tools%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Fread-later-app%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">我的个人知识管理工具</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2010%2F08%2Fwhy-knowledge-control%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Fread-later-app%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">为什么要进行个人知识管理</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fgoogle-reader-script%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Fread-later-app%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">隐藏新版Google Reader导航栏油猴脚本</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F02%2Fgoogle-geek-marketing%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Fread-later-app%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">Google的极客营销</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2010%2F08%2Fandroid-google-reader-newsrob%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Fread-later-app%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">android手机Google Reader手机客户端NewsRob</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://ratwu.com/2011/12/read-later-app/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>移动平台主流阅读软件的三种“模式”</title>
		<link>http://ratwu.com/2011/12/reader-app-mode/</link>
		<comments>http://ratwu.com/2011/12/reader-app-mode/#comments</comments>
		<pubDate>Fri, 09 Dec 2011 14:04:39 +0000</pubDate>
		<dc:creator>耗子吴</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[笔记]]></category>
		<category><![CDATA[阅读软件]]></category>

		<guid isPermaLink="false">http://ratwu.com/?p=817</guid>
		<description><![CDATA[1）竖条状，页面内向下展开；

2）竖条状，页面切换从右打开；

3）横条状，页面切换从下展开或者从中间打开；

值得注意的是，关闭窗口动画的方向和打开窗口的方向相反，符合认知。

用过以下几个软件的应该懂的

<a href="http://ratwu.com/wp-content/uploads/2011/12/333.jpg"><img class="alignnone size-full wp-image-822" title="333" src="http://ratwu.com/wp-content/uploads/2011/12/333.jpg" alt="" width="440" height="1806" /></a>]]></description>
			<content:encoded><![CDATA[<p>1）竖条状，页面内向下展开；</p>
<p>2）竖条状，页面切换从右打开；</p>
<p>3）横条状，页面切换从下展开或者从中间打开；</p>
<p>值得注意的是，关闭窗口动画的方向和打开窗口的方向相反，符合认知。</p>
<p>用过以下几个软件的应该懂的</p>
<p><a href="http://ratwu.com/wp-content/uploads/2011/12/333.jpg"><img class="alignnone size-full wp-image-822" title="333" src="http://ratwu.com/wp-content/uploads/2011/12/333.jpg" alt="" width="440" height="1806" /></a></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F05%2Fnavigation%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Freader-app-mode%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅析管理后台导航设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fcomment%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Freader-app-mode%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅析评论系统设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fapp-design%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Freader-app-mode%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">移动app纹理和贴图的运用</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F10%2Fios-daohang%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Freader-app-mode%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">iOS的隐性导航设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F04%2Fcalendar-ued%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Freader-app-mode%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">闲话用户体验——日历提醒周期设置</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://ratwu.com/2011/12/reader-app-mode/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>这样公平吗？</title>
		<link>http://ratwu.com/2011/12/is-it-fair/</link>
		<comments>http://ratwu.com/2011/12/is-it-fair/#comments</comments>
		<pubDate>Thu, 01 Dec 2011 00:55:23 +0000</pubDate>
		<dc:creator>耗子吴</dc:creator>
				<category><![CDATA[心情随笔]]></category>
		<category><![CDATA[思维]]></category>
		<category><![CDATA[思考]]></category>
		<category><![CDATA[逻辑]]></category>

		<guid isPermaLink="false">http://ratwu.com/?p=807</guid>
		<description><![CDATA[先讲故事：暑期实习的时候参加一个PM培训，最后课程结束，有个结业典礼，每组要表演一个节目（一共有三个小组），根据节目进行排名，前两名有奖品。第一组表演的是蓝精灵之歌，很速成，很搞笑；第二组的节目忘记是什么了，也很精彩；我所在的第三组实在难找出有才艺的人，于是几个组员用各自方言朗读一遍《再别康桥》，效果也不错。

根据我的感觉，按精彩程度分第一组最精彩，第二组第二，第三组位列第三。公平起见，班主任制定以下规则：各组进行打分，不过每组只能给另外两个组打分，最后用平均分进行排名。最后的结果是第一组第一，第二组和第三组并列第二，每组都有人获得奖品。

故事本应该结束，但读者有没有想到，我作为第三组的成员，有没有办法让第三组成为第一呢？

假设：前三组的分数本应该是18分，17分，16分，前两组都按照真实水平进行评分，第一组对第二组和第三组评分为17和16，第二组对第一组和第三组评分为18和16（见表格）第三组对第一组和第二组的评分分别为X和Y，如果第三组想作弊，X填写为14，Y填写为15，那么这三组的平均分全部为16，大家并列第一，如果把X和Y再填低一点，自己所在的第三组就是第一！
<table border="1">
<tbody>
<tr>
<td align="center" width="50"></td>
<td align="center" width="50">第一组</td>
<td align="center" width="50">第二组</td>
<td align="center" width="50">第三组</td>
</tr>
<tr>
<td align="center">第一组</td>
<td align="center">?</td>
<td align="center">17</td>
<td align="center">16</td>
</tr>
<tr>
<td align="center">第二组</td>
<td align="center">18</td>
<td align="center">?</td>
<td align="center">16</td>
</tr>
<tr>
<td align="center">第三组</td>
<td align="center">X</td>
<td align="center">Y</td>
<td align="center">16</td>
</tr>
</tbody>
</table>
虽然是给别组评分，实力弱的却可以拉低其他两组的平均分来提高自己的排名，看起来公平的规则就不公平了。

虽然这种作弊有局限性，但是实际评分中大家各自评比标准不同，而且分数经常精确到小数点后几位，稍用点技巧就可以提高自己的排名。这个假设的前提是别人都遵守规则，自己打破规则，如果其中有两组人都这么想呢？ 太混乱了...最后思考，以上场景有没有一种绝对公平的评分规则呢？我想是没有，既当裁判又当球员是不可能公平的。]]></description>
			<content:encoded><![CDATA[<p>先讲故事：暑期实习的时候参加一个PM培训，最后课程结束，有个结业典礼，每组要表演一个节目（一共有三个小组），根据节目进行排名，前两名有奖品。第一组表演的是蓝精灵之歌，很速成，很搞笑；第二组的节目忘记是什么了，也很精彩；我所在的第三组实在难找出有才艺的人，于是几个组员用各自方言朗读一遍《再别康桥》，效果也不错。</p>
<p>根据我的感觉，按精彩程度分第一组最精彩，第二组第二，第三组位列第三。公平起见，班主任制定以下规则：各组进行打分，不过每组只能给另外两个组打分，最后用平均分进行排名。最后的结果是第一组第一，第二组和第三组并列第二，每组都有人获得奖品。</p>
<p>故事本应该结束，但读者有没有想到，我作为第三组的成员，有没有办法让第三组成为第一呢？</p>
<p>假设：前三组的分数本应该是18分，17分，16分，前两组都按照真实水平进行评分，第一组对第二组和第三组评分为17和16，第二组对第一组和第三组评分为18和16（见表格）第三组对第一组和第二组的评分分别为X和Y，如果第三组想作弊，X填写为14，Y填写为15，那么这三组的平均分全部为16，大家并列第一，如果把X和Y再填低一点，自己所在的第三组就是第一！</p>
<table border="1">
<tbody>
<tr>
<td align="center" width="50"></td>
<td align="center" width="50">第一组</td>
<td align="center" width="50">第二组</td>
<td align="center" width="50">第三组</td>
</tr>
<tr>
<td align="center">第一组</td>
<td align="center">?</td>
<td align="center">17</td>
<td align="center">16</td>
</tr>
<tr>
<td align="center">第二组</td>
<td align="center">18</td>
<td align="center">?</td>
<td align="center">16</td>
</tr>
<tr>
<td align="center">第三组</td>
<td align="center">X</td>
<td align="center">Y</td>
<td align="center">16</td>
</tr>
</tbody>
</table>
<p>虽然是给别组评分，实力弱的却可以拉低其他两组的平均分来提高自己的排名，看起来公平的规则就不公平了。</p>
<p>虽然这种作弊有局限性，但是实际评分中大家各自评比标准不同，而且分数经常精确到小数点后几位，稍用点技巧就可以提高自己的排名。这个假设的前提是别人都遵守规则，自己打破规则，如果其中有两组人都这么想呢？ 太混乱了&#8230;最后思考，以上场景有没有一种绝对公平的评分规则呢？我想是没有，既当裁判又当球员是不可能公平的。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F10%2Fios-daohang%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Fis-it-fair%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">iOS的隐性导航设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F09%2Fmobile-info%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Fis-it-fair%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">手机客户端是否是敏感信息的避风港？</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2009%2F09%2F_%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Fis-it-fair%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">~(@^_^@)~</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2010%2F09%2Fsicau-edu-cn%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Fis-it-fair%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">思可觅日记</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F10%2Flight-blog%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F12%2Fis-it-fair%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">闲话轻博客的运营</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://ratwu.com/2011/12/is-it-fair/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>电子书的乱象和发展</title>
		<link>http://ratwu.com/2011/11/e-books/</link>
		<comments>http://ratwu.com/2011/11/e-books/#comments</comments>
		<pubDate>Sun, 20 Nov 2011 06:03:44 +0000</pubDate>
		<dc:creator>耗子吴</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[平台]]></category>
		<category><![CDATA[电子书]]></category>
		<category><![CDATA[读书]]></category>

		<guid isPermaLink="false">http://ratwu.com/?p=788</guid>
		<description><![CDATA[高中的时候班上有很多男生痴迷网络小说，开始都是校门口十几块钱买盗版书，一堆男生把书撕成几份一起看，后来又逐渐变成在手机、mp4上看，晚上熄灯后可以继续，而且屏幕小，不易被抓。那时对电子书的理解就是移动终端上的“txt阅读器”，功能稍微强大点的可以支持更丰富的格式。目前主流的电子书大抵如此，直到现在智能终端的流行才逐渐有改变这一现状的趋势。

最近关注的一件事是《乔布斯传》的出版，除了纸质版，在iOS平台上还有“唐茶版”，说白了就是电子书APP，售价人民币45块，销量很好。因为买了实体的书，就没买电子版的，但我读了唐茶版的《失控》，用户体验很赞，翻页效果，目录的展示方式、添加书签以及注释的查看都非常方便。

[caption id="attachment_791" align="alignnone" width="320" caption="《乔布斯传》的注释查看很方便"]<a href="http://ratwu.com/wp-content/uploads/2011/11/jobs2.jpg"><img class="size-full wp-image-791" title="jobs2" src="http://ratwu.com/wp-content/uploads/2011/11/jobs2.jpg" alt="乔布斯传" width="320" height="480" /></a>[/caption]

这本书是以app方式app store上出售，类似的应用还有很多，大抵分为四类：
<ol>
	<li>单本书即一个APP。《乔布斯传》唐茶版就是这种。</li>
	<li>多本书一个APP（电子书合集）。一个app中有很多本电子书，比如《<a href="http://itunes.apple.com/cn/app//id434209676?mt=8" target="_blank">一生必读的35本智慧书</a>》，很多无良开发者网上搜集情色小说，做成app出售。</li>
	<li>第三方阅读平台。像QQ阅读、91熊猫看书、读览天下，本身只是阅读器软件，自带阅读平台，用户可以自己下载、购买图书。</li>
	<li>app store自带的图书市场，在iTunes上图书选项卡上购买的就是了，多为英文书，不多的中文书目多是些古文以及没有版权的书。</li>
</ol>
它们各自的优缺点也是显而易见的：把书做成APP方便销售，方便根据内容定制特有的效果，开发者和版权方可以直接从app store获得收入，但是门槛较高；放在第三方阅读平台上需要联系多家平台，分别制定销售策略，作者只需提供内容不需开发APP；放在苹果官方图书市场上还不清楚是什么情况。

android和iOS平台相比更加混杂，除了这两个移动平台，国外还有kindle，国内代表性的有盛大锦书，亚马逊用kindle终端销售电子书，盛大锦书有云中书城。

个人比较看好APP方式的电子书，引用<a href="http://www.lixiaolai.com/archives/8811.html#identifier_0_8811" target="_blank">李笑来博客</a>的两段文字，未来的电子书可以是这样的：
<p style="padding-left: 30px;">如果正在读的是一本关于美国历史的书，那么，书中所涉及到的战争地点都应该有互动地图（甚至是三维的）可供查看；如果正在读一本金融学普及读本，讲到汇率的时候，会有个专门的汇率计算机让读者输入一个他能够真是感知的数字去换算（比如，“现在我钱包里的美元究竟值多少人民币？”之类的问题对读者来说最直观）；如果正在读的是一本外语教科书，那么文章之后的词表应该是“卡片式”的，可随机显示，也有定时提醒复习的功能……这样的“人机互动”相对于目前的电子书来说才是真正革命性的东西。</p>
<p style="padding-left: 30px;">再想象一下，你正在读的是一本丹‧布朗的惊悚小说。如果阅读器边上能够显示附近五公里之内正在读这本小说的人（甚至是正在读当前页面的人）都有哪些，甚至能看到其它读者（自愿公开的）的信手批注──那是什么感觉？更近一步，如果你可以很方便地在同一个窗口与他们交流心得呢？如果，连作者本人甚至也在恰好在线呢？刚才是拿小说为例子，再想象一下，手里正在阅读的是一本有趣有用、但不是很容易理解的技术书籍呢？</p>
上两段文字描述的不是空想，很多已经在应用上实现，app store上很多儿童读物不仅有人声朗读，还有生动的配图，配图虽不是动画，但也有飞过天空的小鸟，潺潺的流水。把这些技术应用在漫画中会有意想不到的效果，《鬼吹灯：龙之封印》就是一个例子，它被称为“玩漫”，可以互动的漫画，上架一个月就有数十万的下载。

上面提到的阅读效果虽好，但是开发门槛高，不是普通小团队开发就能轻松搞定的，但是可以发现，电子书种类繁多，常用的特效就那么几种，只要开发好一个APP，新书出版只要更换内容即可，然后再去定制扩展的部分。做一个专门做电子书APP的外包公司应该是个不错的主意。

电子书和纸质书相比更为方便的还有做笔记，添加书评和分享，但就目前来看，由于国内用户的现状是娱乐为主，网上最流行的电子书停留在网络小说层面，很少有谁说用平板看个说还在做笔记，但这仍然是一种趋势。

昨天在淘宝上买了kindle4，今天下午差不多就收到了，做一把“文艺青年”。]]></description>
			<content:encoded><![CDATA[<p>高中的时候班上有很多男生痴迷网络小说，开始都是校门口十几块钱买盗版书，一堆男生把书撕成几份一起看，后来又逐渐变成在手机、mp4上看，晚上熄灯后可以继续，而且屏幕小，不易被抓。那时对电子书的理解就是移动终端上的“txt阅读器”，功能稍微强大点的可以支持更丰富的格式。目前主流的电子书大抵如此，直到现在智能终端的流行才逐渐有改变这一现状的趋势。</p>
<p>最近关注的一件事是《乔布斯传》的出版，除了纸质版，在iOS平台上还有“唐茶版”，说白了就是电子书APP，售价人民币45块，销量很好。因为买了实体的书，就没买电子版的，但我读了唐茶版的《失控》，用户体验很赞，翻页效果，目录的展示方式、添加书签以及注释的查看都非常方便。</p>
<div id="attachment_791" class="wp-caption alignnone" style="width: 330px"><a href="http://ratwu.com/wp-content/uploads/2011/11/jobs2.jpg"><img class="size-full wp-image-791" title="jobs2" src="http://ratwu.com/wp-content/uploads/2011/11/jobs2.jpg" alt="乔布斯传" width="320" height="480" /></a><p class="wp-caption-text">《乔布斯传》的注释查看很方便</p></div>
<p>这本书是以app方式app store上出售，类似的应用还有很多，大抵分为四类：</p>
<ol>
<li>单本书即一个APP。《乔布斯传》唐茶版就是这种。</li>
<li>多本书一个APP（电子书合集）。一个app中有很多本电子书，比如《<a href="http://itunes.apple.com/cn/app//id434209676?mt=8" target="_blank">一生必读的35本智慧书</a>》，很多无良开发者网上搜集情色小说，做成app出售。</li>
<li>第三方阅读平台。像QQ阅读、91熊猫看书、读览天下，本身只是阅读器软件，自带阅读平台，用户可以自己下载、购买图书。</li>
<li>app store自带的图书市场，在iTunes上图书选项卡上购买的就是了，多为英文书，不多的中文书目多是些古文以及没有版权的书。</li>
</ol>
<p>它们各自的优缺点也是显而易见的：把书做成APP方便销售，方便根据内容定制特有的效果，开发者和版权方可以直接从app store获得收入，但是门槛较高；放在第三方阅读平台上需要联系多家平台，分别制定销售策略，作者只需提供内容不需开发APP；放在苹果官方图书市场上还不清楚是什么情况。</p>
<p>android和iOS平台相比更加混杂，除了这两个移动平台，国外还有kindle，国内代表性的有盛大锦书，亚马逊用kindle终端销售电子书，盛大锦书有云中书城。</p>
<p>个人比较看好APP方式的电子书，引用<a href="http://www.lixiaolai.com/archives/8811.html#identifier_0_8811" target="_blank">李笑来博客</a>的两段文字，未来的电子书可以是这样的：</p>
<p style="padding-left: 30px;">如果正在读的是一本关于美国历史的书，那么，书中所涉及到的战争地点都应该有互动地图（甚至是三维的）可供查看；如果正在读一本金融学普及读本，讲到汇率的时候，会有个专门的汇率计算机让读者输入一个他能够真是感知的数字去换算（比如，“现在我钱包里的美元究竟值多少人民币？”之类的问题对读者来说最直观）；如果正在读的是一本外语教科书，那么文章之后的词表应该是“卡片式”的，可随机显示，也有定时提醒复习的功能……这样的“人机互动”相对于目前的电子书来说才是真正革命性的东西。</p>
<p style="padding-left: 30px;">再想象一下，你正在读的是一本丹‧布朗的惊悚小说。如果阅读器边上能够显示附近五公里之内正在读这本小说的人（甚至是正在读当前页面的人）都有哪些，甚至能看到其它读者（自愿公开的）的信手批注──那是什么感觉？更近一步，如果你可以很方便地在同一个窗口与他们交流心得呢？如果，连作者本人甚至也在恰好在线呢？刚才是拿小说为例子，再想象一下，手里正在阅读的是一本有趣有用、但不是很容易理解的技术书籍呢？</p>
<p>上两段文字描述的不是空想，很多已经在应用上实现，app store上很多儿童读物不仅有人声朗读，还有生动的配图，配图虽不是动画，但也有飞过天空的小鸟，潺潺的流水。把这些技术应用在漫画中会有意想不到的效果，《鬼吹灯：龙之封印》就是一个例子，它被称为“玩漫”，可以互动的漫画，上架一个月就有数十万的下载。</p>
<p>上面提到的阅读效果虽好，但是开发门槛高，不是普通小团队开发就能轻松搞定的，但是可以发现，电子书种类繁多，常用的特效就那么几种，只要开发好一个APP，新书出版只要更换内容即可，然后再去定制扩展的部分。做一个专门做电子书APP的外包公司应该是个不错的主意。</p>
<p>电子书和纸质书相比更为方便的还有做笔记，添加书评和分享，但就目前来看，由于国内用户的现状是娱乐为主，网上最流行的电子书停留在网络小说层面，很少有谁说用平板看个说还在做笔记，但这仍然是一种趋势。</p>
<p>昨天在淘宝上买了kindle4，今天下午差不多就收到了，做一把“文艺青年”。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F05%2Fe-commerce-recommended%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fe-books%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">电子商务网站个性推荐的优与劣</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F10%2Fios-daohang%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fe-books%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">iOS的隐性导航设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2010%2F10%2Ftaobao-marketing-2%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fe-books%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">常见的几种淘宝店主营销手段</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fapp-design%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fe-books%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">移动app纹理和贴图的运用</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fgame%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fe-books%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅谈休闲益智游戏关卡难度设计</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://ratwu.com/2011/11/e-books/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>浅析评论系统设计</title>
		<link>http://ratwu.com/2011/11/comment/</link>
		<comments>http://ratwu.com/2011/11/comment/#comments</comments>
		<pubDate>Mon, 14 Nov 2011 08:15:39 +0000</pubDate>
		<dc:creator>耗子吴</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[微博]]></category>
		<category><![CDATA[评论]]></category>

		<guid isPermaLink="false">http://ratwu.com/?p=763</guid>
		<description><![CDATA[最近在微博上互动比较多，有评论、有回复、有转发，各种@，各种提醒。恼人的是一个人“回复并转发”、“转发并评论”会收到两个通知、有两人在我一条微博上“版聊”，已经和此条微博无关，也会受到提醒，这些提醒还不能一次看完，还得分下面几类：

<a href="http://ratwu.com/wp-content/uploads/2011/11/sina2.jpg"><img class="alignnone size-full wp-image-769" title="sina2" src="http://ratwu.com/wp-content/uploads/2011/11/sina2.jpg" alt="" width="195" height="256" /></a>

查看一段对话要从后往前看，看不到任何逻辑关系，不禁要抓狂了。
<a href="http://ratwu.com/wp-content/uploads/2011/11/sina3.jpg"><img class="alignnone size-full wp-image-770" style="border-width: 1px; border-color: black; border-style: solid;" title="sina3" src="http://ratwu.com/wp-content/uploads/2011/11/sina3.jpg" alt="" width="517" height="553" /></a>

&#160;

评论系统是社交网站核心功能之一，涉及到用户之间的互动，它甚至能成就一个产品（网易新闻），看到新浪微博评论系统，彻底失望。回顾总结一下我们熟知的评论系统：
<h2>一、直线式评论</h2>
直线式评论就是每条评论像流水线似的一字排开，逻辑上按照时间排序，视觉上没有什么区别

上面提到的新浪微博和人人网的评论都属于这种。

<a href="http://ratwu.com/wp-content/uploads/2011/11/renren.jpg"><img class="alignnone size-full wp-image-768" style="border-width: 1px; border-color: black; border-style: solid;" title="renren" src="http://ratwu.com/wp-content/uploads/2011/11/renren.jpg" alt="" width="425" height="181" /></a>

这种评论的<strong>优点</strong>就是简洁，它只适合简单的观点的发表和评论，不适合用户对话，普通的新闻站、轻博客就比较适合此种直线型评论系统。 缺点就是很难找到完整的对话，当同学回复我一句“啊？”我必须得找上一句才明白他要表达的意思，因为视觉上没有区分，用户很难找到上一句说的什么。
<h2>二、缩进式评论</h2>
缩进式评论在视觉上表现为回复的内容往后缩进，同级评论平行。

<a href="http://ratwu.com/wp-content/uploads/2011/11/qq.jpg"><img class="alignnone size-full wp-image-767" style="border-width: 1px; border-color: black; border-style: solid;" title="qq" src="http://ratwu.com/wp-content/uploads/2011/11/qq.jpg" alt="" width="388" height="487" /></a>

上图是QQ空间的说说，优点很明显，很容易看清前后文以及逻辑关系。
<h2>三、嵌套式评论</h2>
嵌套式评论就是评论的父子关系表现为嵌套方式：
<h2><a href="http://ratwu.com/wp-content/uploads/2011/11/163.jpg"><img class="alignnone size-full wp-image-765" style="border-width: 1px; border-color: black; border-style: solid;" title="163" src="http://ratwu.com/wp-content/uploads/2011/11/163.jpg" alt="" width="618" height="481" /></a></h2>
很有特色的网易评论子评论放在外框，常见的博客也用嵌套评论，只不过子评论放在内框，比如本博客的：
<a href="http://ratwu.com/wp-content/uploads/2011/11/wordpress.jpg"><img class="alignnone size-full wp-image-772" style="border-width: 1px; border-color: black; border-style: solid;" title="wordpress" src="http://ratwu.com/wp-content/uploads/2011/11/wordpress.jpg" alt="" width="826" height="217" /></a>

网易评论回复一条评论首先表现为引用原内容，将原内容copy一份作为父评论内容，往下才是主评论，原评论不变，回复多了内容展现的冗余程度很高，wordpress则是直接展现在原评论里，不会产生冗余内容。
<h2>四、树叉式评论</h2>
这种评论是微博特有的，在twitter上所有消息都是平等的，无论是原始消息还是回复。在Twitter上最原始的一条是父评论，所有对这条消息的@都是子评论，当然，子评论可以还有很多个子评论，用户查看评论的时候可以从任意节点开始查看，最终都指向最顶级的那个父评论。

<a href="http://ratwu.com/wp-content/uploads/2011/11/comment.jpg"><img style="border-width: 1px; border-color: black; border-style: solid;" title="comment" src="http://ratwu.com/wp-content/uploads/2011/11/comment.jpg" alt="" width="307" height="200" /></a>

Twitter上只能查看当前微博节点的上一句。

<a href="http://ratwu.com/wp-content/uploads/2011/11/twitter.jpg"><img class="alignnone size-full wp-image-771" style="border-width: 1px; border-color: black; border-style: solid;" title="twitter" src="http://ratwu.com/wp-content/uploads/2011/11/twitter.jpg" alt="" width="362" height="315" /></a>

嘀咕网则可以查看该节点往父节点的所有微博。

<a href="http://ratwu.com/wp-content/uploads/2011/11/digu.jpg"><img class="alignnone size-full wp-image-766" style="border-width: 1px; border-color: black; border-style: solid;" title="digu" src="http://ratwu.com/wp-content/uploads/2011/11/digu.jpg" alt="" width="473" height="337" /></a>
<h2>更进一步</h2>
QQ空间的说说评论设置很巧妙：A的说说的所有评论，A都可以回复，其他人也可以回复，但是A对评论的回复，别人就无法回复了，但是在“与我相关”标签里浏览的说说，就可以回复。说起来很乱，大家可以自己看一下。这种设置的好处是本来两个人的对话，第三个人无法插进来，要想参与的话此说说需要和他相关。这种设置有点和心理学和社会学相关了，普通用户很难察觉到却在无形中引导着用户。

和评论相关的还有提醒，哪种评论需要提醒，提醒哪些人同样重要，用户不喜欢被骚扰。

什么都开始社会化，评论本身就是社会化的东西当然要社会化，比如<a href="http://pinglun.la/" target="_blank">评论啦</a>，只要在博客中嵌入它提供的代码，就可以统一管理，并且方便用户分享到其他社交网站。

看似简单的评论系统也能倒腾到这种程度，什么都不会像它看起来那么简单。]]></description>
			<content:encoded><![CDATA[<p>最近在微博上互动比较多，有评论、有回复、有转发，各种@，各种提醒。恼人的是一个人“回复并转发”、“转发并评论”会收到两个通知、有两人在我一条微博上“版聊”，已经和此条微博无关，也会受到提醒，这些提醒还不能一次看完，还得分下面几类：</p>
<p><a href="http://ratwu.com/wp-content/uploads/2011/11/sina2.jpg"><img class="alignnone size-full wp-image-769" title="sina2" src="http://ratwu.com/wp-content/uploads/2011/11/sina2.jpg" alt="" width="195" height="256" /></a></p>
<p>查看一段对话要从后往前看，看不到任何逻辑关系，不禁要抓狂了。<br />
<a href="http://ratwu.com/wp-content/uploads/2011/11/sina3.jpg"><img class="alignnone size-full wp-image-770" style="border-width: 1px; border-color: black; border-style: solid;" title="sina3" src="http://ratwu.com/wp-content/uploads/2011/11/sina3.jpg" alt="" width="517" height="553" /></a></p>
<p>&nbsp;</p>
<p>评论系统是社交网站核心功能之一，涉及到用户之间的互动，它甚至能成就一个产品（网易新闻），看到新浪微博评论系统，彻底失望。回顾总结一下我们熟知的评论系统：</p>
<h2>一、直线式评论</h2>
<p>直线式评论就是每条评论像流水线似的一字排开，逻辑上按照时间排序，视觉上没有什么区别</p>
<p>上面提到的新浪微博和人人网的评论都属于这种。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2011/11/renren.jpg"><img class="alignnone size-full wp-image-768" style="border-width: 1px; border-color: black; border-style: solid;" title="renren" src="http://ratwu.com/wp-content/uploads/2011/11/renren.jpg" alt="" width="425" height="181" /></a></p>
<p>这种评论的<strong>优点</strong>就是简洁，它只适合简单的观点的发表和评论，不适合用户对话，普通的新闻站、轻博客就比较适合此种直线型评论系统。 缺点就是很难找到完整的对话，当同学回复我一句“啊？”我必须得找上一句才明白他要表达的意思，因为视觉上没有区分，用户很难找到上一句说的什么。</p>
<h2>二、缩进式评论</h2>
<p>缩进式评论在视觉上表现为回复的内容往后缩进，同级评论平行。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2011/11/qq.jpg"><img class="alignnone size-full wp-image-767" style="border-width: 1px; border-color: black; border-style: solid;" title="qq" src="http://ratwu.com/wp-content/uploads/2011/11/qq.jpg" alt="" width="388" height="487" /></a></p>
<p>上图是QQ空间的说说，优点很明显，很容易看清前后文以及逻辑关系。</p>
<h2>三、嵌套式评论</h2>
<p>嵌套式评论就是评论的父子关系表现为嵌套方式：</p>
<h2><a href="http://ratwu.com/wp-content/uploads/2011/11/163.jpg"><img class="alignnone size-full wp-image-765" style="border-width: 1px; border-color: black; border-style: solid;" title="163" src="http://ratwu.com/wp-content/uploads/2011/11/163.jpg" alt="" width="618" height="481" /></a></h2>
<p>很有特色的网易评论子评论放在外框，常见的博客也用嵌套评论，只不过子评论放在内框，比如本博客的：<br />
<a href="http://ratwu.com/wp-content/uploads/2011/11/wordpress.jpg"><img class="alignnone size-full wp-image-772" style="border-width: 1px; border-color: black; border-style: solid;" title="wordpress" src="http://ratwu.com/wp-content/uploads/2011/11/wordpress.jpg" alt="" width="826" height="217" /></a></p>
<p>网易评论回复一条评论首先表现为引用原内容，将原内容copy一份作为父评论内容，往下才是主评论，原评论不变，回复多了内容展现的冗余程度很高，wordpress则是直接展现在原评论里，不会产生冗余内容。</p>
<h2>四、树叉式评论</h2>
<p>这种评论是微博特有的，在twitter上所有消息都是平等的，无论是原始消息还是回复。在Twitter上最原始的一条是父评论，所有对这条消息的@都是子评论，当然，子评论可以还有很多个子评论，用户查看评论的时候可以从任意节点开始查看，最终都指向最顶级的那个父评论。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2011/11/comment.jpg"><img style="border-width: 1px; border-color: black; border-style: solid;" title="comment" src="http://ratwu.com/wp-content/uploads/2011/11/comment.jpg" alt="" width="307" height="200" /></a></p>
<p>Twitter上只能查看当前微博节点的上一句。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2011/11/twitter.jpg"><img class="alignnone size-full wp-image-771" style="border-width: 1px; border-color: black; border-style: solid;" title="twitter" src="http://ratwu.com/wp-content/uploads/2011/11/twitter.jpg" alt="" width="362" height="315" /></a></p>
<p>嘀咕网则可以查看该节点往父节点的所有微博。</p>
<p><a href="http://ratwu.com/wp-content/uploads/2011/11/digu.jpg"><img class="alignnone size-full wp-image-766" style="border-width: 1px; border-color: black; border-style: solid;" title="digu" src="http://ratwu.com/wp-content/uploads/2011/11/digu.jpg" alt="" width="473" height="337" /></a></p>
<h2>更进一步</h2>
<p>QQ空间的说说评论设置很巧妙：A的说说的所有评论，A都可以回复，其他人也可以回复，但是A对评论的回复，别人就无法回复了，但是在“与我相关”标签里浏览的说说，就可以回复。说起来很乱，大家可以自己看一下。这种设置的好处是本来两个人的对话，第三个人无法插进来，要想参与的话此说说需要和他相关。这种设置有点和心理学和社会学相关了，普通用户很难察觉到却在无形中引导着用户。</p>
<p>和评论相关的还有提醒，哪种评论需要提醒，提醒哪些人同样重要，用户不喜欢被骚扰。</p>
<p>什么都开始社会化，评论本身就是社会化的东西当然要社会化，比如<a href="http://pinglun.la/" target="_blank">评论啦</a>，只要在博客中嵌入它提供的代码，就可以统一管理，并且方便用户分享到其他社交网站。</p>
<p>看似简单的评论系统也能倒腾到这种程度，什么都不会像它看起来那么简单。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F05%2Fnavigation%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fcomment%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅析管理后台导航设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F10%2Fios-daohang%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fcomment%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">iOS的隐性导航设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fgame%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fcomment%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">浅谈休闲益智游戏关卡难度设计</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2011%2F04%2Fcalendar-ued%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fcomment%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">闲话用户体验——日历提醒周期设置</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fratwu.com%2F2012%2F01%2Fapp-design%2F&from=http%3A%2F%2Fratwu.com%2F2011%2F11%2Fcomment%2F">
                        <font size="-1" color="#5784FF" style="line-height: 1.65em; font-size: 14px !important;">移动app纹理和贴图的运用</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://ratwu.com/2011/11/comment/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

