<?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>Zmor.NET</title>
	<atom:link href="http://www.zmor.net/feed" rel="self" type="application/rss+xml" />
	<link>http://www.zmor.net</link>
	<description>产品无线，运营无限</description>
	<lastBuildDate>Mon, 26 Jul 2010 13:09:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>网站运营一定要做的八件事</title>
		<link>http://www.zmor.net/html/2010/07/eight-things-that-operators-should-do.html</link>
		<comments>http://www.zmor.net/html/2010/07/eight-things-that-operators-should-do.html#comments</comments>
		<pubDate>Mon, 26 Jul 2010 13:09:22 +0000</pubDate>
		<dc:creator>张 默</dc:creator>
				<category><![CDATA[品味工作]]></category>
		<category><![CDATA[产品]]></category>
		<category><![CDATA[工作]]></category>
		<category><![CDATA[运营分析]]></category>

		<guid isPermaLink="false">http://www.zmor.net/html/2010/07/eight-things-that-operators-should-do.html</guid>
		<description><![CDATA[一、内容建设
一个成功的网站核心是什么？那就是内容，如何去建设呢，下面介绍几点：
1、提供内容
内容是围绕用户的需求创建的，通过数据分析，市场调研来分析用户的行为，确定用户的... ]]></description>
			<content:encoded><![CDATA[<h3>一、内容建设</h3>
<p>一个成功的网站核心是什么？那就是内容，如何去建设呢，下面介绍几点：</p>
<p><strong>1、提供内容</strong></p>
<p>内容是围绕用户的需求创建的，通过数据分析，市场调研来分析用户的行为，确定用户的需求.给用户提供有用的内容，这是主要的方向。</p>
<p><strong>2、激励用户贡献内容</strong></p>
<p>内容的建设起初是运营人员去创建内容，吸引用户，当网站有一定人气后，一定要做的是内容的日常维护和管理，主要通过运营策略去刺激用户不断地创造更多的内容，通过不断循环，带来新用户，产生更多内容。</p>
<p><strong>3、挖掘忠实用户</strong></p>
<p>产品发展成熟后，可实行管理制度，主要是交流社区这一块，让忠实的用户去管理和交流，引导用户去维护，让内容和讨论都有针对性。</p>
<p><span id="more-175"></span><br />
<h3>二、用户维护</h3>
<p>用户维护是管理产品与用户群之间的关系，以社区类网站说明以下几点：</p>
<p>1、建立和完善帮助系统,发布友好的产品公告</p>
<p>2、及时解决用户的反馈的问题,为他们提供更好的服务(客服)</p>
<p>3、主动邀请用户来体验和尝试新产品,让用户参与到我们网站中来</p>
<p>4、对虚拟系统和等级系统进行合理的设置，并在运营中对其进行优化改进</p>
<p>5、在社区交友中，会存在一些用户之间的情绪问题，要调节用户之间的矛盾，争议并能调和氛围</p>
<p>6、社区管理员在用户群中会有一定的权威性，一定要树立一个好的形象，让用户建立对网站的信任度很重要，这样不仅能提高用户的忠诚度，而且能提高产品的品牌形象，为口碑营销打下好的基础。</p>
<h3>三、产品需求</h3>
<p>产品虽然是产品人员的工作，但是在运营过程中，运营人员与用户接触的最多，这样更能理解用户的需求，不断给产品提出建议，也是运营人员要做的事情，产品和运营人员共同策划出的产品，才能更好的满足用户的需求。</p>
<h3>四、数据分析</h3>
<p>数据分析是产品运营中最重要的一部分，以下介绍几点：</p>
<p><strong>1、通过数据能了解产品的问题</strong></p>
<p>每个产品都会有要分析的数据指标：pv,uv,登录数，会员数，帖子数，回帖数等，这些数据根据产品的不同，会有所改变的，通过分析这些数据的变化可以了解到产品目前存在哪些问题，发现问题所在，则需要对产品提出优化需求。</p>
<p><strong>2、通过数据能了解用户的行为</strong></p>
<p>通过一些特定的数据指标，分析用户在网站上的操作情况，更有利于了解用户的行为，如用户最喜欢进入的页面，最喜欢看的内容是哪些，通过一系列的分析，更能对产品进行深层次的优化。</p>
<p><strong>3、作数据分析需要出的文档</strong></p>
<p>数据记录表格（excel)和数据报告（word)。</p>
<h3>五、活动计划</h3>
<p>产品发展到一定阶段是需要活动来维系的，一般有几种活动目的，第一个是引导用户创造内容；第二个活跃社区的气氛，增加用户群关系；第三个通过对外合作的方式，增强产品的品牌.</p>
<p>下面介绍下运营人员需要作的具体工作：</p>
<p>1、制定半年的活动计划：大概的了解下产品可能需要做什么活动，优先在脑海中思考下，当然这也随着时间的变化，活动也会有改变的。</p>
<p>2、活动的收集：多参考其它产品，看看其它产品做了什么活动并做收集，以便以后在做具体方案时，能够做参考。</p>
<p>3、活动方案制定：具体执行方案的文档内容包括主题，内容，时间地点，目的，奖项设置，说明，活动投入预算等。</p>
<p>4、活动总结：对结束的活动进行总结，输出总结报告，包括主题，时间地点，目的，实现效果，活动的优缺点，实际的预算。</p>
<h3>六、营销计划</h3>
<p>产品在推广过程中需要对外营销，提高产品的品牌形象，以下说明几点：</p>
<p>1、广告合作</p>
<p>2、渠道合作</p>
<p>3、病毒营销</p>
<p>4、事件营销</p>
<p>对于营销做的不是很多，只大概的说明几点，希望与有经验的高手一起学习探讨。</p>
<h3>七、产品分析</h3>
<p>分析同类产品是所有运营人员也需要做的。</p>
<p><strong>从产品角度：</strong>主要借鉴其它产品的优势和弥补我们产品的不足，多看多用能够给我们带来更多的灵感，也更能给产品提出好的建议。</p>
<p><strong>从运营角度：</strong>在使用其它产品的同时，多多思考其它网站的运营思路和盈利模式，通过怎样的运营策略运用到自己的产品中。</p>
<p><strong>产品分析的要点：</strong> 产品的内容，用户群，产品风格，发展方向，流量，盈利模式等。</p>
<h3>八、运营总结</h3>
<p>运营人员在做一段时间后，都会有一些运营的心得体会，感受等，可以将自己的想法记录下来，这也是一个成长的经历，如果能够发表到网站上与大家一起分享，交流，学习，与同行业的人沟通的越多，才能跑的更快，更远！</p>
<p>本文转载自：IT风云，原文地址：<a title="http://blog.sina.com.cn/s/blog_4d964a910100jy6c.html" href="http://blog.sina.com.cn/s/blog_4d964a910100jy6c.html">http://blog.sina.com.cn/s/blog_4d964a910100jy6c.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zmor.net/html/2010/07/eight-things-that-operators-should-do.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>老大奖励了我100块</title>
		<link>http://www.zmor.net/html/2010/07/my-boss-rewarded-me-100-yuan.html</link>
		<comments>http://www.zmor.net/html/2010/07/my-boss-rewarded-me-100-yuan.html#comments</comments>
		<pubDate>Thu, 22 Jul 2010 12:52:14 +0000</pubDate>
		<dc:creator>张 默</dc:creator>
				<category><![CDATA[品味工作]]></category>
		<category><![CDATA[奖金]]></category>
		<category><![CDATA[工作]]></category>
		<category><![CDATA[彩票行业]]></category>
		<category><![CDATA[思考]]></category>

		<guid isPermaLink="false">http://www.mozin.org/html/2010/07/%e8%80%81%e5%a4%a7%e5%a5%96%e5%8a%b1%e4%ba%86%e6%88%91100%e5%9d%97.html</guid>
		<description><![CDATA[今天很高兴，在部门的“作文”评比中得了第一名，拿到了老大发的100块奖金。现在还没到手，老大说明天充到我的500WAN帐户上，不知道到时候能不能提出来，哈哈。就算提不出来也没事，说... ]]></description>
			<content:encoded><![CDATA[<p>今天很高兴，在部门的“作文”评比中得了第一名，拿到了老大发的100块奖金。现在还没到手，老大说明天充到我的<a href="http://www.500wan.com/" target="_blank">500WAN</a>帐户上，不知道到时候能不能提出来，哈哈。就算提不出来也没事，说不定这100块就中了500万大奖呢？哈哈哈，想多了。第一次拿到奖金，而且还是在仅工作了不到两周的情况下，连工资都还没影居然拿到了奖金，太高兴了！作为奖励，今晚的晚饭破例吃了七块钱，平时都是吃五块的，七块的果然比五块的好吃。</p>
<p>其实这些天我并没有做很多事情，这个星期的工作也就相当于客服。刚开始是删删帖子封封人，现在逐步开始做一些答疑工作，相当于客服。客服工作还是蛮锻炼人的，能让我这样的新手迅速学习，客户不知道的也正是我们不知道的。这几天回复客户的提问，我也学习到了很多，但是现在依然很多问题我回答不了，得向莎莎姐请教才能回答，希望下周再继续努力，争取能尽快独立回答所有的问题。看到莎莎姐对所有的问题都驾轻就熟的样子，真是羡慕。</p>
<p><span id="more-135"></span>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" class="wlDisabledImage" title="guozu" border="0" alt="guozu" src="http://www.zmor.net/wp-content/uploads/2010/07/guozu.jpg" width="240" height="214" /></p>
<p>在国家队还没进入第三方支付行业的时候，马云就说过，“随时准备将支付宝献给国家”。前几天中彩网推出了他们的“彩民村”网站，从此，在线售彩行业也有了国家队，市场的竞争毫无疑问的会更加激烈。国家队无论进入哪个行业，都是对行业内已有成员的巨大冲击。在彩票这种比较特殊的行业更是如此。在专业和官方面前，彩民会选择谁？而且在这个行业，彩民的转移成本无疑非常低，如何才能增强用户的粘性是我们需要考虑的问题，而在以前，我们可能并不需要考虑这个问题。市场形势的发展日新月益，如何在大浪中保持前进？如何面对彩票行业的国家队？</p>
<p>虽然奖励了100块，但是还是要继续学习。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zmor.net/html/2010/07/my-boss-rewarded-me-100-yuan.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>让你的佳能相机更强力-CHDK</title>
		<link>http://www.zmor.net/html/2010/07/make-your-cannon-dc-more-powerful-chdk.html</link>
		<comments>http://www.zmor.net/html/2010/07/make-your-cannon-dc-more-powerful-chdk.html#comments</comments>
		<pubDate>Tue, 20 Jul 2010 15:14:01 +0000</pubDate>
		<dc:creator>张 默</dc:creator>
				<category><![CDATA[多彩时光]]></category>
		<category><![CDATA[CHDK]]></category>
		<category><![CDATA[佳能]]></category>
		<category><![CDATA[安装]]></category>
		<category><![CDATA[相机]]></category>

		<guid isPermaLink="false">http://www.mozin.org/html/2010/07/%e8%ae%a9%e4%bd%a0%e7%9a%84%e4%bd%b3%e8%83%bd%e7%9b%b8%e6%9c%ba%e6%9b%b4%e5%bc%ba%e5%8a%9b-chdk.html</guid>
		<description><![CDATA[CHDK是什么？有什么用？
CHDK是一套用来扩展佳能相机（Powershot / Digital IXUS）功能的非官方固件扩展包。它能在很多方面扩充相机的功能，包括但不仅限于：

拍摄 RAW/DNG格式的图片（高速存储卡... ]]></description>
			<content:encoded><![CDATA[<h3>CHDK是什么？有什么用？</h3>
<p>CHDK是一套用来扩展佳能相机（Powershot / Digital IXUS）功能的非官方固件扩展包。它能在很多方面扩充相机的功能，包括但不仅限于：</p>
<ul>
<li>拍摄 RAW/DNG格式的图片（高速存储卡更好） </li>
<li>实时直方图显示 </li>
<li>更宽的快门速度（1/40到60 秒） </li>
<li>提供脚本接口（uBasic &amp; LUA） </li>
<li>游戏（推箱子和黑白棋） </li>
<li>包围测光模式 </li>
<li>实时电量与存储空间显示 </li>
<li>更低的运动检测响应时间（60毫秒或更低） </li>
</ul>
<p>  <span id="more-131"></span>
<p>对于普通用户，CHDK正确安装后不须任何设置，重新开机后立即实现实时的剩余电量显示、剩余空间显示以及时钟显示功能，除打印键功能被借用外，相机的中文菜单及其他功能键和操纵不受任何影响。对于高级用户，CHDK可实现很多新的功能，主要有RAW图象格式支持、包围测光模式支持、更多的光圈、快门及ISO档选择、剩余电量/磁盘空间显示、实时测距、实时直方图显示、电子书等。</p>
<h3>如何安装CHDK扩展包？</h3>
<p>以前安装CHDK是比较麻烦的，需要手动格式化存储卡为FAT格式，再进行操作，现在开发者提供了图形化的安装程序，只需要点击几次鼠标，即可完成操作。</p>
<p>首先，到其开发者网站 <a title="http://mighty-hoernsche.de/" href="http://mighty-hoernsche.de/">http://mighty-hoernsche.de/</a> 下载适合你自己相机的CHDK安装包。有两种类型，一种是 Complete，是包含了常用脚本的；另一种是仅包含CHDK核心程序，不包含插件的。</p>
<p>第二，下载CardTricks自动化安装工具，<a title="http://savedonthe.net/download/78/CardTricks-144-SFX.mht" href="http://savedonthe.net/download/78/CardTricks-144-SFX.mht">http://savedonthe.net/download/78/CardTricks-144-SFX.mht</a>，这里是1.44版本的；请关注 <a title="http://chdk.wikia.com/wiki/Cardtricks" href="http://chdk.wikia.com/wiki/Cardtricks">http://chdk.wikia.com/wiki/Cardtricks</a> 获得最新版本的 CardTricks自动化安装工具。</p>
<p>三，打开 CardTricks，点击存储卡样子的图标来选择你的存储卡。</p>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" class="wlDisabledImage" title="500px-Cardtricks_Installation_01" border="0" alt="500px-Cardtricks_Installation_01" src="http://www.zmor.net/wp-content/uploads/2010/07/500pxCardtricks_Installation_01.jpg" width="500" height="315" /></p>
<p>四，点击存储卡图标下面的“Show”图标来确认选择了正确的存储卡。</p>
<p>五，确认之后，点击“Format as FAT”按钮对存储卡进行格式化，这一过程可能耗时比较长。</p>
<p>六，如果你想在以后你每次打开相机的时候都能自动启动CHDK程序，就点击“Make Bootable”讲引导信息写入存储卡。（推荐）</p>
<p>七，因为我们之前就下载了适合自己相机的 CHDK程序包，所以这里就不用点右边的 “Download CHDK”按钮了，直接点 “CHDK—&gt;Card”按钮，选择之前下载的 CHDK安装包即可。需要注意的是，确保旁边“Overwrite”选项前面的钩是选中状态的。这一步也可能花一点时间。</p>
<p>八，这样我们就讲 CHDK安装在我们的存储卡上，可以退出 CardTricks了。</p>
<p>九，非常重要，从读卡器取下 SD卡之后，请将 SD卡上的滑动块拨到“LOCK”位置，也就是锁定存储卡，注意，是锁定存储卡。有人可能有疑问，要是锁定了存储卡，怎么拍照呢？一般情况下SD卡锁定后无法储存照片，但CHDK却恰恰是利用了这一点，只有卡处于写保护状态时才会引发破解程序的自动运行，然后便可对SD卡正常读写操纵，一旦打开SD卡锁，程序将不会被运行。</p>
<p>十，将存储卡放入相机，开机。看看有什么不同吧！如果没什么不同，不，这不可能！不过如果真的没什么不同，请仔细检查你的安装步骤。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zmor.net/html/2010/07/make-your-cannon-dc-more-powerful-chdk.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>不是寂寞，是苦闷</title>
		<link>http://www.zmor.net/html/2010/07/not-lonely-but-the-depressed.html</link>
		<comments>http://www.zmor.net/html/2010/07/not-lonely-but-the-depressed.html#comments</comments>
		<pubDate>Tue, 20 Jul 2010 12:43:47 +0000</pubDate>
		<dc:creator>张 默</dc:creator>
				<category><![CDATA[生活碎片]]></category>
		<category><![CDATA[工作]]></category>
		<category><![CDATA[情绪]]></category>
		<category><![CDATA[苦闷]]></category>

		<guid isPermaLink="false">http://www.mozin.org/html/2010/07/%e4%b8%8d%e6%98%af%e5%af%82%e5%af%9e%ef%bc%8c%e6%98%af%e8%8b%a6%e9%97%b7.html</guid>
		<description><![CDATA[来深圳有半个月了，对深圳的印象还不错。深圳的现代化程度和武汉不是一个级别的，尽管这里的消费高，就拿网吧来说，网吧机器和网速和武汉没法比，价格却高出很多；但是深圳发达的交... ]]></description>
			<content:encoded><![CDATA[<p>来深圳有半个月了，对深圳的印象还不错。深圳的现代化程度和武汉不是一个级别的，尽管这里的消费高，就拿网吧来说，网吧机器和网速和武汉没法比，价格却高出很多；但是深圳发达的交通、齐全的购物、美丽的海景，诸如此类的优点让我对这个依然陌生的城市有了不是一般的好感。然而，我却时不时感到苦闷，感到伤悲。特别是今天，在回住所的路上，突然感到闷的出不了气，五脏六腑都是一种悲伤的味道。</p>
<p>在公司培训结束后，正式进入工作岗位，可是到现在我依然不是很明白我将来要做什么，因为我不知道我现在该干什么。老大让我熟悉业务，其实我们在培训的时候，就熟悉了三天，上周我又熟悉了一周，一共八天了。今天我问鸡毛儿我这周要干什么，他的回答依然是熟悉业务，我这个月的任务就是熟悉业务。难道我这个月就这样漫无目的的熟悉业务？就算是熟悉业务，我也希望是在具体的工作中来逐渐熟悉，而不是这样盲目的熟悉。现在的工作给我来看就是在混日子，我不喜欢这样的生活。我是个工作狂类型的，我更喜欢天天累死累活的工作，这样才是人生的价值所在，而不是打卡吃饭上网闲逛的悠闲日子，这样的悠闲是在虚度年华。可悲的是，我现在就在这样生活，每天看不到目标，更看不到进步。</p>
<p><span id="more-129"></span>
<p>其实今天我也有具体的工作，只是太过于轻松，就是删删帖子，封封帐号，相当于一个版主的工作。但是这是一个尚处于起步阶段的WAP论坛，能有多少帖子给我删？能有多少帐号给我封？目前我们无线部门的网站可以说是非常的烂，程序BUG百出，UI还是许多年前的水平，我不知道我们部门有没有准备在这些方面改善一下，我问老大，老大说是准备上马的。就像一个内地城市准备招商引资一样，先得把城市的投资环境整好了，才会有企业愿意进来，要想富，先修路；在我们这里也是一样，没有完善的程序和良好的用户界面，如何能与其他企业做合作？难道就凭我们在业界的地位？在当前的一个市场环境下，外有各大巨头的虎视眈眈，内有厮杀的火热的各路豪强，我们如果还是这样一个样子，很快就会被挤出去。我想，高层可能也是基于这样的原因，才如此重视今年的校园招聘的。</p>
<p>网民有言：你永远不能战胜一个纯SB,因为他会把你的智商拉到跟他个水平,然后用丰富的经验打败你。这句话非常有道理，其实细细琢磨，这句话不仅解释了争斗的情况，还解释了和平年代的情况，各位自己琢磨吧，很多话说明白了不好。</p>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" class="wlDisabledImage" title="lanjie" border="0" alt="lanjie" src="http://www.zmor.net/wp-content/uploads/2010/07/lanjie.jpg" width="240" height="183" /></p>
<p>真的，不是寂寞，是苦闷。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zmor.net/html/2010/07/not-lonely-but-the-depressed.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>从Web到WAP移植的设计原则</title>
		<link>http://www.zmor.net/html/2010/07/from-web-to-wap-design-principles-of-transplantation.html</link>
		<comments>http://www.zmor.net/html/2010/07/from-web-to-wap-design-principles-of-transplantation.html#comments</comments>
		<pubDate>Tue, 20 Jul 2010 09:39:48 +0000</pubDate>
		<dc:creator>张 默</dc:creator>
				<category><![CDATA[品味工作]]></category>
		<category><![CDATA[WAP 2.0]]></category>
		<category><![CDATA[交互]]></category>
		<category><![CDATA[原则]]></category>
		<category><![CDATA[页面重构]]></category>

		<guid isPermaLink="false">http://www.zmor.net/html/2010/07/%e4%bb%8eweb%e5%88%b0wap%e7%a7%bb%e6%a4%8d%e7%9a%84%e8%ae%be%e8%ae%a1%e5%8e%9f%e5%88%99.html</guid>
		<description><![CDATA[从Web端直接移植为WAP2.0形式，突出的矛盾是信息架构不适应小屏幕设备，垂直页面的冗长和WAP2.0表现形式的限制。 
提升小屏幕浏览的体验，在设计中应包含以下几个核心任务： 

控制信息的维... ]]></description>
			<content:encoded><![CDATA[<p>从Web端直接移植为WAP2.0形式，突出的矛盾是信息架构不适应小屏幕设备，垂直页面的冗长和WAP2.0表现形式的限制。 </p>
<p>提升小屏幕浏览的体验，在设计中应包含以下几个核心任务： </p>
<ul>
<li>控制信息的维度</li>
<li>信息布局，更好利用首屏的有限资源</li>
<li>采用合理的导航、有明确的方位感知</li>
<li>尽可能减少浏览时的按键做功</li>
<li>界面可视化</li>
</ul>
<h3>控制信息维度 </h3>
<p>WAP网页可支持的页面信息维度较小。《移动设备交互设计》中介绍1维、1.5维、2维的信息呈现方式[1]。将其归纳为1 维垂直平铺和1.5维的页面折叠，2维的缩略索引等相结合来处理页面降维。 </p>
<p><span id="more-37"></span>
<p>例如：手机腾讯网新闻正文页，除去导航部分，主要垂直平铺了新闻正文内容、分享转载、相关新闻推荐、相关搜索、网友热评、热点新闻、精彩推荐等内容模块。减少页面长度，就需要折叠模块信息。除新闻正文内容以外的外延阅读模块只摘选展现3或5条，用户需要通过“查看更多”或点击模块标题进行详细的扩展阅读。</p>
<p><img title="news-artical-expand-reading1" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="570" alt="news-artical-expand-reading1" src="http://www.zmor.net/wp-content/uploads/2010/07/newsarticalexpandreading1.png" width="246" border="0" /> </p>
<p>再如：手机QQ空间的好友动态的日志设计，仅展示各条日志展示3行正文内容，其余内容折叠起来。引导用户进入深一维度浏览。</p>
<p><img title="Qzone-friends" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="284" alt="Qzone-friends" src="http://www.zmor.net/wp-content/uploads/2010/07/Qzonefriends.png" width="244" border="0" /> </p>
<h3>信息布局 </h3>
<p>首屏的首页对于全站的战略意义重大。它是用户总览全站的内容最重要途径，同时可以建立直观印象，树立品牌形象。《Don’t make me think》非常强调网站的首页尤其是页面头部要清晰地呈现出这个网站是干什么的，用户可以做什么。同时首屏的资源在小屏幕设备上尤为稀缺，所以往往是全站交互设计的重中之重。 </p>
<p>小屏幕设备的首页有它特殊规则。QVGA的竖屏模式下，以13号字体显示，一屏仅有13行左右。横屏模式下就展示更少了。所以在可选择的前提下（例如Nokia E71横屏机型，无法竖屏阅读）用户很少会喜欢用横屏模式阅读长页面。首屏默认最上方会是全站的logo和全站的导航。</p>
<ul>
<li>手机新浪网首页截屏</li>
</ul>
<p><img title="m-sina-compare" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="360" alt="m-sina-compare" src="http://www.zmor.net/wp-content/uploads/2010/07/msinacompare.png" width="490" border="0" /> </p>
<p>手机新浪网首页头部导航的设计是采用背景图实现的。UCWeb浏览器不支持背景图片展示，直接导致左右结构的导航变形，视觉效果损失。 </p>
<ul>
<li>手机搜狐网首页截屏</li>
</ul>
<p><img title="m-sohu-compare" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="360" alt="m-sohu-compare" src="http://www.zmor.net/wp-content/uploads/2010/07/msohucompare.png" width="490" border="0" /> </p>
<p>手机搜狐网的logo实现方式是前景图，所以在浏览器（不禁止图片浏览的情况下）中能够展示logo，但是首页头部的机型适配问题依然较为严峻。 </p>
<p>手机腾讯网WAP2.0改版，首页首屏的设计</p>
<p><img title="m-3g-qq-wap2.0-first-screen" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="405" alt="m-3g-qq-wap2.0-first-screen" src="http://www.zmor.net/wp-content/uploads/2010/07/m3gqqwap2.0firstscreen.png" width="246" border="0" /> </p>
<p><img title="m-3g-qq-via-four-browsers1" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="322" alt="m-3g-qq-via-four-browsers1" src="http://www.zmor.net/wp-content/uploads/2010/07/m3gqqviafourbrowsers1.png" width="650" border="0" /> </p>
<p>分析：手机腾讯网WAP2.0首页的首屏在不同浏览器上的适配效果得到了较好的控制。导航做了减法，由WAP 1.0阶段的3行精简到2行，只留出重要的产品入口，其他频道入口分散到首屏以下以及新闻中心。对手机腾讯网首页的信息布局做了一次改良。 </p>
<h3>采用合理的导航 </h3>
<p>桌面上常见的导航方式主要有页面头部的多行全局导航链接、面包屑、菜单、工具栏等。凡具备告诉用户在哪里，方便用户去往其他地方的标识都算导航。它一般都易于识别，处于页面显赫位置；形式和位置也相对固定，持久；相近作用的导航在页面中具有排他性，即功能相近的导航应根据页面需要做判断和取舍，详见下文“书城”案例。 </p>
<p>在WAP页面中，视域相当狭窄，信息维度很小。承载同样多的信息，WAP的页面长度会比Web页面显著增加。很多WAP产品页面头部和页面底部采用导航复现的设计。比如手机新浪网的设计将多行导航链接布置在页头和页尾。开心001以及人人WAP2.0的设计是在页头和页尾复现页卡式导航。 </p>
<p>手机腾讯网WAP2.0的导航设计，首要解决的问题是如何让用户快速了解网页的全局内容及功能。在手机腾讯网内每个频道首页的头部位置有用于总览的多行导航链接，让用户对频道内容有基本认知。频道首页的尾部则采用“返回顶部”引导用户回到头部利用多行导航链接进入其他模块。而各频道二级页面在页头和页尾则复用面包屑导航。 </p>
<p>手机腾讯网书城WAP2.0改版前的导航问题</p>
<p><img title="book-city-tab01" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="303" alt="book-city-tab01" src="http://www.zmor.net/wp-content/uploads/2010/07/bookcitytab01.png" width="219" border="0" /> </p>
<p>书城-分类-子类别页面的导航页卡和面包屑并用，功能有重合之嫌。面包屑中的前面两项，在顶部的页卡式导航里都可以链入。</p>
<p><img title="book-city-tab02" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="303" alt="book-city-tab02" src="http://www.zmor.net/wp-content/uploads/2010/07/bookcitytab02.png" width="219" border="0" /> </p>
<p>修改后，分类tab置灰，表示为当前选中项，提示方位。原面包屑位置改为栏目标题，就简单清晰很多。 </p>
<h3>减少浏览时的按键做功 </h3>
<p>浏览页面要尽可能地减少用户滚屏操作。垂直的长页面越往下，信息曝光率越小，操作难度越大。因此，要将信息的重要性分级，并以流的思维审视每个页面首要的操作任务；将重要操作或信息放置在靠近顶部的位置。另外，要充分考虑页面中图形元素对于焦点跳转频度的影响（在后面的交互细节章节中详细介绍）。 </p>
<p>以手机腾讯网WAP2.0 下载频道为例。如下面交互设计稿所示：软件介绍页头部改版后，新增了下载包链接。这满足了一些需求：用户在进入软件介绍页之前，就已经确定需要下载该软件，并且机型适配也已明确。此时，用户就不需要跨越两屏的距离才能点到下载包了。</p>
<p><img title="m-3g-qq-download-software" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="742" alt="m-3g-qq-download-software" src="http://www.zmor.net/wp-content/uploads/2010/07/m3gqqdownloadsoftware.png" width="247" border="0" /> </p>
<h3>界面可视化 </h3>
<p>可视化是WAP2.0较WAP1.0的一个重要改进。WAP1.0页面不能控制文字的样式及颜色，仅可见链接和非链接的区别；支持少量的图片；以及简单的排版样式。浏览WAP1.0页面，用户需要花更多的注意力通过纯文字内容来分辨其功能，判断自己该怎么操作。而加入了视觉化的控件、功能分区，能帮助用户更好地理解功能，引导用户的注意力。以下重点分析下手机QQ空间 WAP2.0新改版设计：</p>
<p><img title="Q-farm-visional01" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="261" alt="Q-farm-visional01" src="http://www.zmor.net/wp-content/uploads/2010/07/Qfarmvisional01.png" width="412" border="0" /> </p>
<p><img title="Q-farm-visional02" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="439" alt="Q-farm-visional02" src="http://www.zmor.net/wp-content/uploads/2010/07/Qfarmvisional02.png" width="390" border="0" /> </p>
<p>另外，设计中还要注意利用WAP2.0的图形化界面表现；同时考量所使用的图形元素对用户是不是有意义。 </p>
<p>频道的色彩管理也是全站整合的重要设计要素。很多子频道都希望自己的频道色有特殊化处理，比如游戏、音乐频道能使用更加年轻活泼的色调,而财经、军事频道则希望能使用突出其内涵的色彩。但这会对手机腾讯网全站浏览的体验带来品牌形象混乱，视觉冲击过大等问题。因此进过多方权衡后，实现了全站基本统一的蓝色基调。 </p>
<h3>参考资料： </h3>
<p>[1] 《移动设备交互设计》，作者Matt Jones，Gary Marsden（2008.2）</p>
<p>本文转载自：Tencent WSD Blog，原文地址：<a href="http://wsd.tencent.com/2010/07/web-to-wap-design.html"　target="_blank">http://wsd.tencent.com/2010/07/web-to-wap-design.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zmor.net/html/2010/07/from-web-to-wap-design-principles-of-transplantation.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WAP2.0网站分类及其架构浅析</title>
		<link>http://www.zmor.net/html/2010/07/wap2-0-site-classification-and-structure-of.html</link>
		<comments>http://www.zmor.net/html/2010/07/wap2-0-site-classification-and-structure-of.html#comments</comments>
		<pubDate>Tue, 20 Jul 2010 09:03:42 +0000</pubDate>
		<dc:creator>张 默</dc:creator>
				<category><![CDATA[品味工作]]></category>
		<category><![CDATA[WAP 2.0]]></category>
		<category><![CDATA[互动]]></category>
		<category><![CDATA[架构]]></category>
		<category><![CDATA[资讯]]></category>

		<guid isPermaLink="false">http://www.zmor.net/html/2010/07/wap2-0%e7%bd%91%e7%ab%99%e5%88%86%e7%b1%bb%e5%8f%8a%e5%85%b6%e6%9e%b6%e6%9e%84%e6%b5%85%e6%9e%90.html</guid>
		<description><![CDATA[一、WAP 2.0 简介
所谓WAP（Wireless Application Protocol，无线通讯协议）是在数字移动电话、因特网或其他个人数字助理机、计算机应用之间进行通讯的开放全球标准[1]。 
WAP1.0规定无线设备访问的页... ]]></description>
			<content:encoded><![CDATA[<h3>一、WAP 2.0 简介</h3>
<p>所谓WAP（Wireless Application Protocol，无线通讯协议）是在数字移动电话、因特网或其他个人数字助理机、计算机应用之间进行通讯的开放全球标准[1]。 </p>
<p>WAP1.0规定无线设备访问的页面是用WML语言编写的，而WAP2.0将XHTML-MP作为主要内容格式[2]。对比 WAP1.0，WAP2.0的优势是更好地支持图形化界面，支持部分CSS样式表，支持图文混排等，使网页的表现和交互形式更加丰富。 </p>
<p>国内自08年新浪、天下等开始实践WAP2.0化手机网站以来，越来越多的手机终端厂商和互联网企业都推出支持WAP2.0版本的产品。 </p>
<h3>二、WAP网站分类</h3>
<p>目前主流的WAP产品，满足了用户浏览新闻、收发邮件、阅读小说、下载软件音乐、交友互动、游戏休闲、网络购物、支付等多方面的需求，触点遍及了生活的各个领域。按照用户需求的不同， 已有的WAP产品可以分成两大类：浏览主导的产品和互动主导的产品。 </p>
<p> <span id="more-24"></span>
<p><strong>浏览主导的产品</strong>，例如手机腾讯网的资讯频道。用户核心诉求是从新闻平台中获取最新的资讯，掌握时下热点。主要行为模式是依赖我们预先设定的轨迹去浏览，其间产生很少的主动交互，例如键入关键词搜索、发表评论或者转载，偶发的订阅设置等任务。 </p>
<p>由此决定了资讯频道交互设计的两个特点，一是：浏览的信息遵循一定规则地结构化，且信息深度应有所控制。二是：搜索、评论、转载等交互行为要避免用户偏离浏览的主旨。 </p>
<p>通常资讯类信息被设计成垂直的三层结构。随结构的拉升，信息浓度逐渐被稀释。在第一级页面，用户会面对各个频道高度浓缩的新闻标题。用户在深一级的新闻专题或者频道专栏中挖掘更有针对性的资讯。最深一级，则是新闻的全文阅读。综上，做好这三层信息流呈现和交互，就能覆盖大部分的设计工作。</p>
<p><img title="m-tencent-IA" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="508" alt="m-tencent-IA" src="http://www.zmor.net/wp-content/uploads/2010/07/mtencentIA.png" width="650" border="0" /> </p>
<p>用户主动交互的动作不能过多地偏离浏览新闻的核心任务。在iPhone Web HIG[3]提出的导航设计原则：“需要保持上下文语境并为用户在多重页面间导航。尽量削弱浏览器的体验，避免用户漫不经心地跳到其他网站”。目前在资讯页面出现了新闻社区化、鼓励延伸阅读的趋势。例如新闻正文页里可以发表评论并关注评论人，新闻正文下面相关热词的推送。这些满足外延的阅读需求，但是要避免回溯通路的堵塞。 </p>
<p><strong>互动主导的产品</strong>，比如手机QQ空间。其经营关系链，突出feed热度；强调身份的概念，带有一定娱乐功能。产品设计注重鼓励用户的主动输入内容，产生互动，或享受SNS游戏手机端的快捷体验。手机QQ空间我的动态、个人中心、好友的空间、应用在信息架构上相对独立且关系平等，在导航的设计中也相应地反映出这种特点。</p>
<p><img title="mobile-QQzone-nave" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="235" alt="mobile-QQzone-nave" src="http://www.zmor.net/wp-content/uploads/2010/07/mobileQQzonenave.png" width="285" border="0" /> </p>
<p>以互动为主导的产品，游戏化的体验是非常关键的。如果说资讯带有权威正统的特质，那QQ空间则偏重轻松愉悦的享受。桌面游戏的体验，主张有策略地设置操作障碍和游戏关卡，制造用户成就感。但是WAP端的游戏体验中，这种惩罚策略要有所节制，相反利用交互设计提供相对桌面更便利、快捷的体验是非常必要的。最早期开心餐厅的桌面应用，要对每个灶台进行端菜、清洁灶台、选择菜谱以及烦多的食材处理步骤。等级越高，管理灶台的压力越大，粘性随着糟糕的体验逐渐丧失。WAP端将这类操作做了整合，降低了灶台的处理成本。这种设计思路同样贯彻到了开心网的争车位、钓鱼、大师等应用中。QQ空间 WAP端QQ农场的“一键摘菜”、“一键收获”、“一键铲除”、“一键播种”，让用户为特权买单，是一个更有说服力的成功案例。</p>
<p><img title="happy-resturant" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="375" alt="happy-resturant" src="http://www.zmor.net/wp-content/uploads/2010/07/happyresturant.png" width="500" border="0" /> </p>
<p>开心餐厅的自动处理食材以及争车位的一键“全部自动停车”等，回避了枯燥的纯体力按键操作，增强了手机端游戏的体验，令WAP端用户产生优越感。</p>
<p><img title="QQfarm-chanchu" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="342" alt="QQfarm-chanchu" src="http://www.zmor.net/wp-content/uploads/2010/07/QQfarmchanchu.png" width="244" border="0" /> </p>
<p>QQ农场“一键铲除”，位于首屏靠上的位置。提示信息区域不带链接，实际操作中仅用2~3次焦点跳转就能快捷地铲除所有枯萎作物。同时这是优于 web端的功能，是黄钻用户优越特权的延伸。 </p>
<p>综上，在以浏览为主导的WAP2.0产品设计中，将更多采用较垂直的信息架构。关键在于导航设计的引导和回溯。清晰地展示给用户他处于哪个层级，并方便用户随时返回更高层级或跳转其他。 </p>
<p>在以互动为主导的WAP2.0产品设计中，我们更多采用较平行的架构。设计思路应该在新鲜、趣味的游戏体验和便利快捷的操作体验之间求得平衡。因为手机端交互方式的现实困难，会增加游戏难度。但同时过分简单的操作，加之受限于WAP2.0形式单薄，很容易让游戏变成例行公事的坏体验。</p>
<h3>参考资料： </h3>
<p>[1] <a href="http://www.loamen.com/plus/view.php?aid=2">http://www.loamen.com/plus/view.php?aid=2</a></p>
<p>[2] <a href="http://zh.wikipedia.org/zh-cn/WAP">http://zh.wikipedia.org/zh-cn/WAP</a></p>
<p>[3] Apple Corp (2010.1). iPhone Human Interface Guidelines for Web Applications:46-47</p>
<p>本文转载自：Tencent WSD Blog，原文地址：<a href="http://wsd.tencent.com/2010/06/wap2-website-cat-and-arch.html"　target="_blank">http://wsd.tencent.com/2010/06/wap2-website-cat-and-arch.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zmor.net/html/2010/07/wap2-0-site-classification-and-structure-of.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>什么是 ARPU 值</title>
		<link>http://www.zmor.net/html/2010/07/what-is-arpu.html</link>
		<comments>http://www.zmor.net/html/2010/07/what-is-arpu.html#comments</comments>
		<pubDate>Fri, 16 Jul 2010 19:37:13 +0000</pubDate>
		<dc:creator>张 默</dc:creator>
				<category><![CDATA[品味工作]]></category>
		<category><![CDATA[ARPU值]]></category>
		<category><![CDATA[平均收益]]></category>
		<category><![CDATA[无线业务]]></category>
		<category><![CDATA[运营分析]]></category>

		<guid isPermaLink="false">http://www.zmor.net/html/2010/07/%e4%bb%80%e4%b9%88%e6%98%af-arpu-%e5%80%bc.html</guid>
		<description><![CDATA[定义：
ARPU值是电信业界经常讨论到的一个专业术语，它是指企业从每位用户身上获得的平均收益（Average Revenue Per User/Unit），这是用来衡量电信企业能在多大程度上发掘用户消费潜力的一个极... ]]></description>
			<content:encoded><![CDATA[<h3>定义：</h3>
<p>ARPU值是电信业界经常讨论到的一个专业术语，它是指企业从每位用户身上获得的平均收益（Average Revenue Per User/Unit），这是用来衡量电信企业能在多大程度上发掘用户消费潜力的一个极其实用和有效的指标。</p>
<h3>用途：</h3>
<p>ARPU值的计算是一种标准的数学方法，即用有效用户的总消费量除以有效用户数量，所得出的值就是ARPU值。ARPU值是静态化的值，但是却经常被全世界企业的会计部门视为圣经。尽管如此，其他的一些指标也会被同时用到，包括新老用户产生的收益比较和新产品或服务与老的产品或服务所产生的收益比较。</p>
<p>ARPU值对企业的重要性在于它可以用来衡量某个产品或服务在长期上的盈利能力。不过，移动通信企业也会将用户通话产生的ARPU值与用户每月固定缴纳费用产生的ARPU值做比较，从这个角度来说，ARPU值则具有很强的具体性和一般性。</p>
<p>事实上，不仅仅是移动运营商在关注ARPU值，很多互联网公司也在关注。另外，其他的电子服务提供商也同样表现出对ARPU值的兴趣。</p>
<p> <span id="more-16"></span></p>
<h3>局限</h3>
<p>许多公司，特别是电信公司，将ARPU值作为衡量产品或服务潜在盈利能力的一个主要指标。但是，这样做具有片面性。例如，随着电信企业用户数量的增加和产品服务种类的增多，很多分析家都觉得将产品的收益“平均”到用户身上是非常困难的一件事，因为仅仅使用基本通话服务的人数和经常使用大部分通信业务的人数肯定是不相等的，但是，在计算时ARPU值会将同时使用两种服务的人都计算到一个服务的用户潜在消费能力上，这显然是不准确的。</p>
<p>把ARPU值作为唯一标准的的另一个不足是，它会导致计算结果偏向于使用更多服务的用户。比如，A客户为他的服务付费80元，B客户为他的服务付费120元，这样统计出来的 ARPU 值是 100 元每月。完全基于 ARPU的决策，可能会导致公司认为用户都定制了相同数量的服务。基于这个不合理的参考所作出的决策往往是危险的，会导致公司管理层取消一些成功的服务，而继续那些并非广受欢迎的服务。</p>
<p>总的来说，APRU值依然是电信业、互联网行业和其他一些行业的行业标准，因为它在跟踪数据、服务使用和收益潜力方面是一种精确的计量方法。</p>
<h3>参考资料</h3>
<p>1，<a href="http://www.wisegeek.com/what-is-arpu.htm" target="_blank">What is ARPU?</a></p>
<p>2，<a href="http://www.investopedia.com/terms/a/arpu.asp" target="_blank">Average Revenue Per Unit &#8211; ARPU</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zmor.net/html/2010/07/what-is-arpu.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>手机网站重构经验分享(S60V3篇)</title>
		<link>http://www.zmor.net/html/2010/07/mobile-site-reconstruction-experience-s60v3-articles.html</link>
		<comments>http://www.zmor.net/html/2010/07/mobile-site-reconstruction-experience-s60v3-articles.html#comments</comments>
		<pubDate>Thu, 15 Jul 2010 16:58:49 +0000</pubDate>
		<dc:creator>张 默</dc:creator>
				<category><![CDATA[品味工作]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[S60]]></category>
		<category><![CDATA[WAP 2.0]]></category>
		<category><![CDATA[页面重构]]></category>

		<guid isPermaLink="false">http://www.zmor.net/html/2010/07/%e6%89%8b%e6%9c%ba%e7%bd%91%e7%ab%99%e9%87%8d%e6%9e%84%e7%bb%8f%e9%aa%8c%e5%88%86%e4%ba%abs60v3%e7%af%87.html</guid>
		<description><![CDATA[前言
做WEB重构的同学都应该知道，我们一般需要在一个操作系统（Windows XP）和4种以上的浏览器（IE6、7、8，Firefox，Chrome，Opera等）上测试页面的兼容性。相对而言，手机上的页面兼容性测试相... ]]></description>
			<content:encoded><![CDATA[<h3>前言</h3>
<p>做WEB重构的同学都应该知道，我们一般需要在一个操作系统（Windows XP）和4种以上的浏览器（IE6、7、8，Firefox，Chrome，Opera等）上测试页面的兼容性。相对而言，手机上的页面兼容性测试相当痛苦！手机光操作系统都有 S60V3，S60V5，MTK，Android，Windows Mobile等等，每个操作系统上除了自带的浏览器，还有至少3种以上可供用户下载安装的浏览器，要想做到较好的兼容性必须在各种平台的手机上安装不同的浏览器逐一测试，并总结出差异与共性。 </p>
<h3>关于S60V3和浏览器</h3>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="s60v3" border="0" alt="s60v3" src="http://www.zmor.net/wp-content/uploads/2010/07/s60v3.jpg" width="151" height="199" /> </p>
<p>即SymbianOS操作系统Series60操作系统的第三版，是S60系列目前使用最广泛的智能手机操作系统。S60V3机型有：诺基亚：N73、N82、N85、N95、E61、E71、6120c等,且新机种不断推出中。S60V3平台除了自带的浏览器,最常用的浏览器有: UC浏览器，GO 浏览器，Opera Mobile/Mini。各浏览器对CSS支持的差异如下：</p>
<p> <span id="more-15"></span>
</p>
<h3>盒模型</h3>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Box_Model_Support_on_Mobile_Browser" border="0" alt="Box_Model_Support_on_Mobile_Browser" src="http://www.zmor.net/wp-content/uploads/2010/07/Box_Model_Support_on_Mobile_Browser.gif" width="478" height="169" /> </p>
<p>所以：</p>
<ul>
<li>尽量不要为页面的元素指定高度 </li>
<li>UCWeb和GO浏览器不支持宽度,自动100%显示页面 </li>
<li>UCWeb不支持左右边框,支持上下边框 </li>
<li>页面使用100%宽度,兼容性最佳! </li>
<li>UCweb和GO浏览器不支持宽度,100%显示页面 </li>
<li>S60平台最为普遍的宽度为240px和320px,所以如果你要为页面指定一个宽度,只有一个选择:240px </li>
<li>UCweb和GO浏览器不支持宽度,100%显示页面 </li>
</ul>
<h3>颜色,背景和字体</h3>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="color_background_fonts_on_mobile_browser" border="0" alt="color_background_fonts_on_mobile_browser" src="http://www.zmor.net/wp-content/uploads/2010/07/color_background_fonts_on_mobile_browser.gif" width="607" height="169" /> </p>
<p>所以：</p>
<ul>
<li>必须要显示的图案,不要用背景图,直接使用&lt;img&gt;标签 </li>
<li>避免同时出现多种文字大小,部分浏览器的字体大小是由用户设置的 </li>
<li>不要过分纠结于粗体和斜体,这取决于手机自带字体的特性 </li>
<li>为每一个有背景图的元素添加背景色 </li>
<li>背景色和文字颜色组合使用,也能产生很好的视觉效果 </li>
<li>UCWeb和GO浏览器不支持宽度,自动100%宽度显示页面 </li>
<li>如果你的页面使用的是100%的宽度.背景图最好使用可以平铺或重复的图片 </li>
</ul>
<h3>文本处理</h3>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="text_on_mobile_browser" border="0" alt="text_on_mobile_browser" src="http://www.zmor.net/wp-content/uploads/2010/07/text_on_mobile_browser.gif" width="646" height="169" /> </p>
<p>所以：</p>
<ul>
<li>设计时尽量避免左对齐之外的对齐方式 </li>
<li>部分浏览器链接的下划线是否出现不可控,取决于用户的设置 </li>
<li>字间距和文本缩进,尽量避免使用 </li>
<li>合理的使用行高让页面的可读性更好,不支持指定行高的浏览器也有默认的行高 </li>
<li>UCWeb支持文本居中,但不支持右对齐 </li>
</ul>
<h3>选择符与伪类</h3>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="selector_on_mobile_browser" border="0" alt="selector_on_mobile_browser" src="http://www.zmor.net/wp-content/uploads/2010/07/selector_on_mobile_browser.gif" width="592" height="169" /> </p>
<p>所以：</p>
<ul>
<li>大部分浏览器不支持定义已访问连接(a:visited)的颜色，设计时请注意链接的背景色不要与该浏览器默认已访问的连接色接近 </li>
<li>连接的颜色可以指定,连接是否带下划线取决于浏览器的设置 </li>
<li>合理的使用全局选择符，提升效率 </li>
<li>class和id选择符是可以放心使用的 </li>
<li>可以通过选择符支持的差异，来为不同的浏览器实现不同的效果 </li>
</ul>
<h3>其他</h3>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="others_should_be_noticed_on_mobile_browser" border="0" alt="others_should_be_noticed_on_mobile_browser" src="http://www.zmor.net/wp-content/uploads/2010/07/others_should_be_noticed_on_mobile_browser.gif" width="327" height="169" /> </p>
<ul>
<li>尽量避免使用table </li>
<li>推荐使用文档类型为:：xhtm mobile profile 1.0 或 1.1 </li>
<li>推荐使用的标签包括：div,p,span,ul,li,br,img等 </li>
</ul>
<h3>经验总结</h3>
<p>1，语义化的标签和图片合并技术,现阶段是不适合应用在手机网站上(囧)</p>
<p>2，一套CSS就能适应全平台的浏览器,这仅仅是个梦想</p>
<p>本文转载自：Tencent WSD Blog，原文地址：<a title="http://wsd.tencent.com/2010/07/mobile-web-rebuild-s60v3.html" href="http://wsd.tencent.com/2010/07/mobile-web-rebuild-s60v3.html" target="_blank">http://wsd.tencent.com/2010/07/mobile-web-rebuild-s60v3.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zmor.net/html/2010/07/mobile-site-reconstruction-experience-s60v3-articles.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>博客被黑，面向新生活</title>
		<link>http://www.zmor.net/html/2010/07/someone-hacked-my-blog.html</link>
		<comments>http://www.zmor.net/html/2010/07/someone-hacked-my-blog.html#comments</comments>
		<pubDate>Sat, 10 Jul 2010 13:59:15 +0000</pubDate>
		<dc:creator>张 默</dc:creator>
				<category><![CDATA[生活碎片]]></category>
		<category><![CDATA[工作]]></category>
		<category><![CDATA[深圳]]></category>
		<category><![CDATA[黑客]]></category>

		<guid isPermaLink="false">http://www.mozin.org/?p=85</guid>
		<description><![CDATA[下午帮一个朋友安装 ECSHOP 的一小段时间，我的博客就被黑了，查询日志发现是个阿拉伯国家的 IP，而且根据来源显示，有很多人也惨遭毒手。在此，我对这种严重破坏中阿两国友好关系的恶劣... ]]></description>
			<content:encoded><![CDATA[<p>下午帮一个朋友安装 ECSHOP 的一小段时间，我的博客就被黑了，查询日志发现是个阿拉伯国家的 IP，而且根据来源显示，有很多人也惨遭毒手。在此，我对这种严重破坏中阿两国友好关系的恶劣行径表示谴责，对这种妄图破坏我们社会主义建设事业的敌对分子表示强烈的鄙视。我猜测对方年纪不大，因为在我年纪不大的时候也干过这种事情，鉴于此，就不深入追究这位不守黑客道德的犯罪嫌疑人的责任了。这次事件导致我的友情链接全部丢失，以前文章中的图片也全部丢失，但是，相当于以前所有的东西都灰飞烟灭，这次的损失又算什么呢？</p>
<p><span id="more-85"></span></p>
<p>到深圳有一个多星期了，这次被黑事件也让我可以写个日志来总结这些天的生活了。初来一个新地方，两眼发黑，摸不清东南西北。背着和拎着大包小包实在没地方躲，这时候，党的忠诚卫士，人民的好儿子，<a href="http://zeddicus.com/" target="_blank">ZED</a> 挺身而出，给了我一个落脚半天的地方，非常感谢！同时也感谢和 ZED 同居的 <a href="http://www.utart.com/" target="_blank">JET 君</a>，在他们狭小的办公室内分出一个地方给我，同谢！可以说，没有这两位的大力支持，也就没有我的今天，他们的光辉事迹，不仅仅影响了我，而且还为深圳引入了又一个廉价劳动力，为伟大祖国的社会主义建设添了砖加了瓦。这是省际主义的精神，这是共产主义的精神，每一个中国共产党员都要学习这种精神。ZED 和 JET 同志毫不利己专门利人的精神，表现在他们对工作的极端的负责任，对同志对人民的极端的热忱。我们大家要学习他们毫无自私自利之心的精神。从这点出发，就可以变为大有利于人民的人。一个人能力有大小，但只要有这点精神，就是一个高尚的人，一个纯粹的人，一个有道德的人，一个脱离了低级趣味的人，一个有益于人民的人。非常感谢！</p>
<p><img src="http://www.zmor.net/wp-content/uploads/2010/07/gemingqianjing.jpg" width="450" height="286" class="aligncenter size-full wp-image-86" /></p>
<p>前几天的溪涌之行，让我第一次真实地见到了大海。公司要求写的总结还没写，现在这里总结一下。以前我心目中的入职或者老员工培训都是形式主义，根本学不到东西，但是这次，我体验到了专业的人力资源机构的培训，不得不说，真的很专业。在这次培训中，我完成了我自以为办不到的事情，超越了自己的心理极限，也超越了我内心对我身体的认识极限。感谢我的团队，没有他们，我是绝对不能办到那些事情的时候，当我在高空中想要放弃的时候，是他们一直在太阳的暴晒下为我加油鼓劲；当我面对无法翻越的障碍时，是他们下推上拽把我硬生生的拉了上去。真的是蛮感动的，谢谢你们！本次培训中也有一些花絮，照片以上传到<a href="http://www.renren.com/profile.do?id=314374696" target="_blank">我的人人网页面</a>，有兴趣的可以去看看。希望以后能经常与你们乘船出海，乘风破浪，共建美好未来！</p>
<p>这些天的培训加洗脑之后，感觉公司还是不错的，前景还是光明的，这个市场一年几千亿，我们的业务一年才一二十亿，空间还很大。随着局域网的高速发展，我们的用户肯定会越来越多，人们肯定会越来越习惯在<a href="http://www.500wan.com/" target="_blank">网上买彩票</a>。面对这样一个巨大的市场，已经有强大的竞争对手进入，比如淘宝。个人觉得，淘宝是我们最大的竞争对手，我们虽然目前在年销售量有较大优势，但是淘宝，可能就是下一个腾讯，他们触角进入的地方，原住民可能会被屠戮殆尽。对于这样一个庞大的对手，我们得做好应对的准备。我想，这就是公司对我们这批人如此看中的原因。责任，义不容辞的落在了我们这批人的肩膀上，但是，我坚信我们会成功！</p>
<p>OK，该准备明天的考试了！悲剧！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zmor.net/html/2010/07/someone-hacked-my-blog.html/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>明日启程</title>
		<link>http://www.zmor.net/html/2010/07/leave-for-shenzhen.html</link>
		<comments>http://www.zmor.net/html/2010/07/leave-for-shenzhen.html#comments</comments>
		<pubDate>Wed, 30 Jun 2010 16:35:28 +0000</pubDate>
		<dc:creator>张 默</dc:creator>
				<category><![CDATA[生活碎片]]></category>
		<category><![CDATA[深圳]]></category>
		<category><![CDATA[生活]]></category>
		<category><![CDATA[老婆]]></category>

		<guid isPermaLink="false">http://www.mozin.org/?p=71</guid>
		<description><![CDATA[一、哥是改签帝
犹记得去年夏天，也差不多是这个时候，那令人难忘的一夜。那次，我的T95，今天，又是T95，再次改签。
本来觉得今天还是蛮幸运的，当显示屏上刷新出一张武昌-深圳的T95硬... ]]></description>
			<content:encoded><![CDATA[<h3>一、哥是改签帝</h3>
<p>犹记得去年夏天，也差不多是这个时候，那令人难忘的一夜。那次，我的T95，今天，又是T95，再次改签。<br />
本来觉得今天还是蛮幸运的，当显示屏上刷新出一张武昌-深圳的T95硬卧时，我激动啊！当售票员听说我要买去深圳的票时，直接说没有了，我对售票员吼着说，你刷新一下，保证有！还记得当时售票员疑惑的表情，然后拿走了我的281元人民币，给了我一张，宝贵的一张，仅有的一张，T95硬卧票。几个小时之后，我将这张票还给了火车站的某个售票员，然后还又给她了50元人民币，换了个1号的K打头的车。幸运的是，还是卧铺，不用像去年夏天那次一样站十二个小时。明天一定要提前一个小时到，路况无法预知，拖拉的坏习惯一定要改掉。</p>
<p><span id="more-71"></span></p>
<h3>二、感谢我老婆</h3>
<p>大学四年，有差不多三年是在老婆的支持下完成的。虽然她有时候有些任性，有些傻乎乎，有些过于执着，但是我明白，老婆都是为了我着想。不敢想像，要是没有这么好的老婆，我现在是什么样子。今天又是老婆陪我，这么热的天气，陪我跑东跑西，走了不少路，一定累坏了，可是老婆一句埋怨的话都没有。老婆，谢谢！我会带上所有我们的东西的。</p>
<h3>三、十八个小时的旅程之后</h3>
<p>明天下午四点，我将开始为期十八个小时甚至更长的旅途，目的地深圳。如此漫长的车上生活，也是我的第一次。其实今天本来就准备不是很充分，改签也许是给了一个准备的时间，未尝不是好事，我心疼的是我多花的上百块钱。去了深圳之后，还有一堆事情要做，找房子，购买生活必需品。这次离校丢弃的东西太多，很多我是舍不得丢的，但是没办法，必须作出抉择，我带不了那么多东西。</p>
<p>雄关漫道真如铁，而今迈步从头越。新的时间，新的地点，新的希望。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zmor.net/html/2010/07/leave-for-shenzhen.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
