<?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>Stri</title>
	<atom:link href="http://striblog.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://striblog.com</link>
	<description>Write down my life with my code.</description>
	<lastBuildDate>Thu, 08 Dec 2011 10:08:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Flash中&lt;object&gt;的标签属性</title>
		<link>http://striblog.com/2011/12/flash-object-attribute/</link>
		<comments>http://striblog.com/2011/12/flash-object-attribute/#comments</comments>
		<pubDate>Wed, 07 Dec 2011 13:45:19 +0000</pubDate>
		<dc:creator>木小乐</dc:creator>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[attribute]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[OBJECT，EMBED]]></category>

		<guid isPermaLink="false">http://striblog.com/?p=436</guid>
		<description><![CDATA[索引 介绍 必需属性 width height classid[OBJECT only] codebase[OBJECT only] movie[OBJECT only] src[EMBED only] pluginspage[EMBED only] 可选属性 id name play loop menu quality scale align salign wmode bgcolor base allowFullScreen fullScreenAspectRatio flashvars 参考 一、介绍 OBJECT标签是用于windows IE3.0及以后浏览器或者其它支持Activex控件的浏览器。 “classid”和“codebase”属性必须要精确地按上例所示的写法写，它们告诉浏览器自动下载flash player的地址。如果你没有安装过flash player，浏览器会跳出一个提示框访问是否要自动安装flash player。当然，如果你不想让那些没有安装flash player的用户自动下载播放器，或许你可以省略掉这些代码。 EMBED标签是用于Netscape Navigator2.0及以后的浏览器或其它支持Netscape插件的浏览器。“pluginspage”属性告诉浏览器下载flash player的地址，如果还没有安装flash player的话，用户安装完后需要重启浏览器才能正常使用。 为了确保大多数浏览器能正常显示flash，你需要把EMBED标签嵌套放在OBJECT标签内，就如上面代码例子一样。支持Activex控件的浏览器将会忽略OBJECT标签内的EMBED标签。Netscape和使用插件的IE浏览器将只读取EMBED标签而不会识别OBJECT标签。也就是说，如果你省略了EMBED标签，那firefox就不能识别你的flash了。 二、必需属性 width:以百分比或象素指定flash影片的宽度。 height:以百分比或象素指定flash影片的高度。 classid:设置浏览器的Activex控件，仅用于OBJECT标签。 codebase:设置flash Activex控件的位置，因而如果浏览器如果没有安装的话，可以自动下载安装。仅用于OBJECT标签。 movie:指定影片的下载地址。仅用于OBJECT标签。 src:指定影片的下载地址。仅用于EMBED标签。。 pluginspage:设置flash 插件的位置，因而如果浏览器如果没有安装的话，可以自动下载安装。仅用于EMBED标签。 [...]]]></description>
			<content:encoded><![CDATA[<p><strong>索引</strong></p>
<ul>
<li> <a href="#介绍">介绍</a> </li>
<li> <a href="#必需属性">必需属性</a>
<ul>
<li><a href="#width">width</a></li>
<li><a href="#height">height</a></li>
<li><a href="#classid">classid</a>[OBJECT only]</li>
<li><a href="#codebase">codebase</a>[OBJECT only]</li>
<li><a href="#movie">movie</a>[OBJECT only]</li>
<li><a href="#src">src</a>[EMBED only]</li>
<li><a href="#pluginspage">pluginspage</a>[EMBED only]</li>
</ul>
</li>
<li> <a href="#可选属性">可选属性</a>
<ul>
<li><a href="#id">id</a></li>
<li><a href="#name">name</a></li>
<li><a href="#play">play </a></li>
<li><a href="#loop">loop </a></li>
<li><a href="#menu">menu </a></li>
<li><a href="#align">quality </a></li>
<li><a href="#align">scale </a></li>
<li><a href="#align">align </a></li>
<li><a href="#salign">salign </a></li>
<li><a href="#wmode">wmode </a></li>
<li><a href="#bgcolor">bgcolor </a></li>
<li><a href="#base">base </a></li>
<li><a href="#allowFullScreen ">allowFullScreen </a></li>
<li><a href="#fullScreenAspectRatio">fullScreenAspectRatio</a></li>
<li><a href="#flashvars">flashvars </a></li>
</ul>
</li>
<li><a href="#参考">参考</a></li>
</ul>
<p><a name="介绍"><strong>一、介绍</strong></a></p>
<p>OBJECT标签是用于windows IE3.0及以后浏览器或者其它支持Activex控件的浏览器。
<p>“classid”和“codebase”属性必须要精确地按上例所示的写法写，它们告诉浏览器自动下载flash player的地址。如果你没有安装过flash player，浏览器会跳出一个提示框访问是否要自动安装flash player。当然，如果你不想让那些没有安装flash player的用户自动下载播放器，或许你可以省略掉这些代码。</p>
<p>EMBED标签是用于Netscape Navigator2.0及以后的浏览器或其它支持Netscape插件的浏览器。“pluginspage”属性告诉浏览器下载flash player的地址，如果还没有安装flash player的话，用户安装完后需要重启浏览器才能正常使用。</p>
<p>为了确保大多数浏览器能正常显示flash，你需要把EMBED标签嵌套放在OBJECT标签内，就如上面代码例子一样。支持Activex控件的浏览器将会忽略OBJECT标签内的EMBED标签。Netscape和使用插件的IE浏览器将只读取EMBED标签而不会识别OBJECT标签。也就是说，如果你省略了EMBED标签，那firefox就不能识别你的flash了。</p>
<p><a name="必需属性"><strong>二、必需属性</strong></a></p>
<div><a name="width"><strong>width</strong></a>:以百分比或象素指定flash影片的宽度。</div>
<div><a name="height"><strong>height</strong></a>:以百分比或象素指定flash影片的高度。</div>
<div><a name="classid"><strong>classid</strong></a>:设置浏览器的Activex控件，仅用于OBJECT标签。</div>
<div><a name="codebase"><strong>codebase</strong></a>:设置flash Activex控件的位置，因而如果浏览器如果没有安装的话，可以自动下载安装。仅用于OBJECT标签。</div>
<div><a name="movie"><strong>movie</strong></a>:指定影片的下载地址。仅用于OBJECT标签。</div>
<div><a name="src"><strong>src</strong></a>:指定影片的下载地址。仅用于EMBED标签。。</div>
<div><a name="pluginspage"><strong>pluginspage</strong></a>:设置flash 插件的位置，因而如果浏览器如果没有安装的话，可以自动下载安装。仅用于EMBED标签。</div>
<p><a name="可选属性"><strong>三、可选属性</strong></a></p>
<div><a name="id"><strong>id</strong></a>:设定变量名，用于脚本代码的引用。仅用于OBJECT</div>
<div><a name="name"><strong>name</strong></a>:设定变量名，用于脚本代码（如javascript）的引用。仅用于EMBED。</div>
<div><a name="play"><strong>play</strong></a>:[true或false]指定flash影片是否在下载完成后就自动播放，如果省略此属性，则默认为true。</div>
<div><a name="loop"><strong>loop</strong></a>:[true或false]指定影片播放完最后一帧后是停止还是继续循环播放，如果省略此属性，则默认为true。</div>
<div><a name="menu"><strong>menu</strong></a>:[true或false] True 显示全部的菜单，允许用户放大，缩小等控制影片播放等操作；False 显示只包含设置选项和关于flash的菜单。</div>
<div><a name="quality"><strong>quality</strong></a>:[low, high, autolow, autohigh, best ]。</p>
<ul>
<li>low:速度优于美观，而且不应用反锯齿；</li>
<li>high:美观优于播放速度，而且一直应用反锯齿。如果影片不包含动画，位图会被平滑化;而如果影片包含动画，位图将不变平滑；</li>
<li>autolow：刚开始着重于速度，但当需要时随时提升美观；</li>
<li>autohigh：同时着重播放速度和美观，但需要时则牺牲美观来保证播放速度；</li>
<li>best:提供最好的显示质量而不考虑播放速度。所有输出都应用反锯齿及所有位图都被平滑化。</li>
</ul>
</div>
<div><a name="scale"><strong>scale</strong></a>:[showall, noborder, exactfit]</p>
<ul>
<li>showall:默认。影片在指定的区域内显示，但保持原始的比例。影片两侧将会出现边框。</li>
<li>noborder:收缩影片以适合指定的区域，保持影片不失真，但部分影片将可能将裁切。然而保持影片的原始比例。</li>
<li>exactfit:使整个影片在指定的区域内显示，影片有可能变形失真，而且不保持原始的比例。</li>
</ul>
</div>
<div><a name="align"><strong>align</strong></a>: [l, t, r, b]默认为居中，当浏览器窗口小于影片时，边缘会被裁切。Left,Right,Top,Bottom按照相应的设置沿浏览器的边缘对齐。如果需要，另外三边将被裁切。</div>
<div><a name="salign"><strong>salign</strong></a>:[l, t, r, b, tl, tr, bl, br]L,R,T,B 左，右，上，下<br />
  TL,TR，BL,BR 左上，右上，左下，右下</div>
<div><a name="wmode"><strong>wmode</strong></a>:[window, opaque, transparent] 设置flash影片的window mode属性，指定flash在浏览器中的透明，层叠及位置。</p>
<ul>
<li>window:影片在浏览器中自己的矩形窗口内播放</li>
<li>opaque:影片隐藏了所有在它后面的内容</li>
<li>transparent:使flash影片透明，显示透明影片后面的网页内容。这将会降低动画的性能。而且这个属性不是在所有浏览器中都可用的。</li>
</ul>
</div>
<div><a name="bgcolor"><strong>bgcolor</strong></a>:[#RRGGBB, 十六进制RGB值]。指定影片的背景颜色。使用这个属性覆盖flash中设定的背景颜色。</div>
<div><a name="base"><strong>base</strong></a>:设定基准目录或URL，用来解决所以flash中的相对路径。类似网页中的&lt;base&gt;标签。</div>
<p>allowFullScreen</p>
<div><a name="allowFullScreen"><strong>allowFullScreen</strong></a>:[true或false],是否允许用户开启全屏模式，默认为true,开启。</div>
<div><a name="flashvars"><strong>flashVars</strong></a>:传递变量到flash player，需要flash player6及以后的版本。传递root级变量到影片。字符串的格式是用“&#038; ”分隔的name=value集。浏览器支持64kB大小的字符串长度。</div>
<p><a name="参考"><strong>四、参考</strong></a></p>
<p><a href="http://kb2.adobe.com/cps/127/tn_12701.html" target="_blank">http://kb2.adobe.com/cps/127/tn_12701.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://striblog.com/2011/12/flash-object-attribute/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>底层的思考</title>
		<link>http://striblog.com/2011/08/study-and-thinking/</link>
		<comments>http://striblog.com/2011/08/study-and-thinking/#comments</comments>
		<pubDate>Tue, 16 Aug 2011 15:02:43 +0000</pubDate>
		<dc:creator>木小乐</dc:creator>
				<category><![CDATA[工作往事]]></category>
		<category><![CDATA[前端人生]]></category>
		<category><![CDATA[算法，生活，思想，思考，语言规范]]></category>

		<guid isPermaLink="false">http://striblog.com/?p=395</guid>
		<description><![CDATA[上周末和一群人们（全是搞技术的）腐败扯淡，扯了很多有意思的东西，比如下面要说的这个：底层的思考。 我们在追求一些成功的时候，往往忘掉了最底层的思考。因为我们只是追求一些当前项目和代码级的满足。我们好多时间，因为底层不牢固，说话没有说服力，做的东西的逻辑性也很差，思考的范围没有什么理论界定，我们会慢慢的感到累。我们在做什么？只是个轮廓上的大概，或许可以这样说，只是为了满足最表象上的要求。 &#160; 底层的东西是什么？做一个程序员，代码级底层的思考、算法的规则、逻辑的思考方式、以及语言的基本的特性、还有一些代码的基本规范等等。说实话，没有这些，我们在做一些项目时，仍然写出一段代码来让这个项目满足运行。但是，你对这个东西真正的理解也未必达到心里上的满足。可能写过这几行代码马上就会忘掉。因为这些东西最底层的东西，你并不了解。你只是以你的方式来实现，但其真正实现的来源与机制，你并不清楚。 或许有人说，这些并不需要去研究懂得，只需要了解，会运用就行。可是在真正的运用代码时，用一种语言思想去探索另一种语言时，如果基本的不清楚，会发现另一种语言学习的时候很吃力，有时候回过头来，会发现哪种语言都陌生了。原因很简单，你并没有真正懂得学习，并没有学习和注意一些底层的东西。衍生一下到其它方面。我们在做任何的事的时候，我们有木有在追求表象的满足而忘掉其内在的底层逻辑机制；我们有木有为了讲一个道理而转了几个弯去讲述；我们有木有为了实现某一个符号类的东西而纠结用什么方式来表现。有，而且很多。 &#160; 说到这，其实我们缺专钻劲。生活中形形色色的东西实在是太多了。我们常常迷恋一个东西时，又迷恋另一个东西，常常在表面层次上游来游去，而不去探究真实有意思的东西。可能这些人对其并不喜欢，只是一种谋生的手段而已，也有可能并没有注意，还有可能本身就是如此，自以为是的认为用自己浅浅的了解就行。 我们每个人都会缺少很多各个方面的底层的东西。所以我们每个人都得一直学习（这一点，得向海豚童鞋学习），去了解一些真相，当然从职业的角度来讲，当然要先了解本职工作上的东西。所以，不能太迷恋什么新东西，把握好专职上最底层的东西，去研究下语言规范及特性，还有相关的设计模式等这些思想上的东西，觉得这些东西，对我这样的前端开发者来说，会很有帮助的。 &#160; &#160;]]></description>
			<content:encoded><![CDATA[<p>上周末和一群人们（全是搞技术的）腐败扯淡，扯了很多有意思的东西，比如下面要说的这个：<strong>底层的思考</strong>。</p>
<p><img title="钻研" src="http://striblog.com/wp-content/uploads/2011/08/images.jpg" alt="" width="189" height="267" /></p>
<p>我们在追求一些成功的时候，往往忘掉了最底层的思考。因为我们只是追求一些当前项目和代码级的满足。我们好多时间，因为底层不牢固，说话没有说服力，做的东西的逻辑性也很差，思考的范围没有什么理论界定，我们会慢慢的感到累。我们在做什么？只是个轮廓上的大概，或许可以这样说，只是为了满足最表象上的要求。</p>
<p>&nbsp;</p>
<p>底层的东西是什么？做一个程序员，代码级底层的思考、算法的规则、逻辑的思考方式、以及语言的基本的特性、还有一些代码的基本规范等等。说实话，没有这些，我们在做一些项目时，仍然写出一段代码来让这个项目满足运行。但是，你对这个东西真正的理解也未必达到心里上的满足。可能写过这几行代码马上就会忘掉。因为这些东西最底层的东西，你并不了解。你只是以你的方式来实现，但其真正实现的来源与机制，你并不清楚。</p>
<p><img class="alignnone size-full wp-image-401" title="FD" src="http://striblog.com/wp-content/uploads/2011/08/front_engineer_skills_conew2.jpg" alt="" width="582" height="463" /></p>
<p>或许有人说，这些并不需要去研究懂得，只需要了解，会运用就行。可是在真正的运用代码时，用一种语言思想去探索另一种语言时，如果基本的不清楚，会发现另一种语言学习的时候很吃力，有时候回过头来，会发现哪种语言都陌生了。原因很简单，你并没有真正懂得学习，并没有学习和注意一些底层的东西。衍生一下到其它方面。我们在做任何的事的时候，我们有木有在追求表象的满足而忘掉其内在的底层逻辑机制；我们有木有为了讲一个道理而转了几个弯去讲述；我们有木有为了实现某一个符号类的东西而纠结用什么方式来表现。有，而且很多。</p>
<p>&nbsp;</p>
<p>说到这，其实我们缺<strong>专钻劲</strong>。生活中形形色色的东西实在是太多了。我们常常迷恋一个东西时，又迷恋另一个东西，常常在表面层次上游来游去，而不去探究真实有意思的东西。可能这些人对其并不喜欢，只是一种谋生的手段而已，也有可能并没有注意，还有可能本身就是如此，自以为是的认为用自己浅浅的了解就行。</p>
<p><img class="alignnone size-full wp-image-403" title="FD_LIST" src="http://striblog.com/wp-content/uploads/2011/08/FD_LIST.jpg" alt="" width="580" height="436" /></p>
<p>我们每个人都会缺少很多各个方面的底层的东西。所以我们每个人都得一直学习（这一点，得向海<a title="老李" href="http://weibo.com/wings55" target="_blank">豚</a>童鞋学习），去了解一些真相，当然从职业的角度来讲，当然要先了解本职工作上的东西。所以，<strong>不能太迷恋什么新东西，把握好专职上最底层的东西，去研究下语言规范及特性，还有相关的设计模式等这些思想上的东西，觉得这些东西，对我这样的前端开发者来说，会很有帮助的</strong>。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://striblog.com/2011/08/study-and-thinking/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>冲洗与冲刷</title>
		<link>http://striblog.com/2011/08/rinse-and-wash/</link>
		<comments>http://striblog.com/2011/08/rinse-and-wash/#comments</comments>
		<pubDate>Thu, 04 Aug 2011 14:50:42 +0000</pubDate>
		<dc:creator>木小乐</dc:creator>
				<category><![CDATA[工作往事]]></category>
		<category><![CDATA[亲，工作，移动互联网，感悟]]></category>

		<guid isPermaLink="false">http://striblog.com/?p=389</guid>
		<description><![CDATA[好吧。这两天的确让俺太大起大落了。伤过一些东西，累过一些事情，可总算有了一些让人欢喜的事儿，抑制不住心中的喜悦，连向阿杜夸了三次赞。新思想，新视野，带的东西总是那么让人感到欢喜。 &#160; 圈子、学习。今天和三思聊了很多（这小子竟然进了无线事业部当PM了），其实移动互联网已经明显成为未来将要爆发的一个东西。移动产品、与移动相关的一些产品，将会在未来是一个非常流行的东西，尤其在智能机相当普遍的情况下。而这个大潮下，自己当然不能成为井底之蛙，因为确切的说，这是一个革命的时代，你不努力，不顺应，会挂的很快很快。一直都说“快鱼吃慢鱼”，而手机这个东西，确实是一个新的竞争平台。朋友还说，如果没有HTML5、没有android、没有iphone，之前的前端开发早已到了瓶颈，幸好有了它们，前端才会有新的爆发。当然一定要顺应这些东西，才会有自身价值。 &#160; 俺是比较偏JS的前端开发。但这半年来似乎像是个打杂。用户体验、数据分析、交互设计都会沾一些，做一些。朋友说，你这半年来前端似乎停止了，没有学习。今天仔细想了想，的确浪费或荒废了很多前端要学的东西，一直是自己一个人在瞎折腾，本想去冲洗一些事儿，却发现到头只是冲刷。想静思，想安静的思考下未来的路。因为：方向不能再太乱，得有自己的主方向。 &#160; 有些原则性的东西，改不了，放不下。俺会坚持自己的想法，可是未来俺不会试着让自己受伤，让自己太累。为了俺爱的人，和爱俺的人，俺要努力充实自己，学习，奋斗，去变成一个有力的种子，然后开花，然后结果。有些东西，如果俺没有认识，俺不会玩这个东西，既然来，俺会创造一个奇迹来。 &#160; 再次谈下产品。这次不谈细节，不谈逻辑，不在文案上较劲。俺只想的是任何东西的出生都会遵守些规则，而不是东西是随手拍桌子得到的东西，更不是跟风似的改来改去。它有原则，有自己的一套成长标准。标准是什么？是让我们做东西有头绪，兼容很多需求，有理念，有概念，逻辑上才会靠谱。 &#160; 不说了，时间是一把无情的杀猪刀，砍来砍去总会变的，最主要跟着自己内心的想法走，实现自己心中的梦想，把所有的不开心统统抛走，和爱的人，欢喜的人，投缘的人一起，这就是快乐。 &#160; 最后，感谢亲，感谢亲常提醒俺要淡定，虽然可能还要蛋疼一段时间，但俺想，静思过后，一切都会烟消云散。]]></description>
			<content:encoded><![CDATA[<p>好吧。这两天的确让俺太<strong>大起大落</strong>了。伤过一些东西，累过一些事情，可总算有了一些让人欢喜的事儿，抑制不住心中的喜悦，连向<a title="杜若洋" href="http://weibo.com/duruoyang" target="_blank">阿杜</a>夸了三次赞。新思想，新视野，带的东西总是那么让人感到欢喜。</p>
<p>&nbsp;</p>
<p>圈子、学习。今天和<a title="手机产品经理" href="http://www.sunthink.org/" target="_blank">三思</a>聊了很多（这小子竟然进了无线事业部当PM了），其实移动互联网已经明显成为未来将要爆发的一个东西。移动产品、与移动相关的一些产品，将会在未来是一个非常流行的东西，尤其在智能机相当普遍的情况下。而这个大潮下，自己当然不能成为井底之蛙，因为确切的说，这是一个革命的时代，你不努力，不顺应，会挂的很快很快。一直都说“<a title="快鱼吃慢鱼" href="http://baike.baidu.com/view/704882.htm" target="_blank">快鱼吃慢鱼</a>”，而手机这个东西，确实是一个新的竞争平台。朋友还说，如果没有HTML5、没有android、没有iphone，之前的前端开发早已到了瓶颈，幸好有了它们，前端才会有新的爆发。当然一定要顺应这些东西，才会有自身价值。</p>
<p>&nbsp;</p>
<p>俺是比较偏JS的前端开发。但这半年来似乎像是个打杂。用户体验、数据分析、交互设计都会沾一些，做一些。朋友说，你这半年来前端似乎停止了，没有学习。今天仔细想了想，的确浪费或荒废了很多前端要学的东西，<span style="color: #000000;"><strong>一直是自己一个人在瞎折腾，本想去冲洗一些事儿，却发现到头只是冲刷</strong></span>。想静思，想安静的思考下未来的路。因为：<strong>方向不能再太乱，得有自己的主方向</strong>。</p>
<p>&nbsp;</p>
<p>有些原则性的东西，改不了，放不下。俺会坚持自己的想法，可是未来俺不会试着让自己受伤，让自己太累。为了俺爱的人，和爱俺的人，俺要努力充实自己，学习，奋斗，去变成一个有力的种子，然后开花，然后结果。<strong>有些东西，如果俺没有认识，俺不会玩这个东西，既然来，俺会创造一个奇迹来。</strong></p>
<p>&nbsp;</p>
<p>再次谈下产品。这次不谈细节，不谈逻辑，不在文案上较劲。俺只想的是任何东西的出生都会遵守些规则，而不是东西是随手拍桌子得到的东西，更不是跟风似的改来改去。它有原则，有自己的一套成长标准。标准是什么？是让我们做东西有头绪，兼容很多需求，有理念，有概念，逻辑上才会靠谱。</p>
<p>&nbsp;</p>
<p>不说了，<strong>时间是一把无情的杀猪刀，砍来砍去总会变的，最主要跟着自己内心的想法走，实现自己心中的梦想，把所有的不开心统统抛走，和爱的人，欢喜的人，投缘的人一起，这就是快乐</strong>。</p>
<p>&nbsp;</p>
<p>最后，感谢亲，感谢亲常提醒俺要淡定，虽然可能还要蛋疼一段时间，但俺想，静思过后，一切都会<strong>烟消云散</strong>。</p>
]]></content:encoded>
			<wfw:commentRss>http://striblog.com/2011/08/rinse-and-wash/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>小谈“灵魂”这个东西</title>
		<link>http://striblog.com/2011/07/talk-about-soul/</link>
		<comments>http://striblog.com/2011/07/talk-about-soul/#comments</comments>
		<pubDate>Fri, 29 Jul 2011 14:38:08 +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://striblog.com/?p=381</guid>
		<description><![CDATA[又扯淡了。。。。 前几天和三思闲聊一些关于页面的看法。俺说“页面是一个拥有灵魂的履历，是一个有内涵的男人”。的确，在俺的意识中，页面就是一个拥有灵魂的生命体。 &#160; 关于页面。接触很久的东西了。弱弱地觉得现在的互联网已经过了设计的时代，现在玩的是数据，玩的是信息结构，外观控已是过去式了。在页面上良好的展示信息，然后再加个NB的交互，才是王道，这样的页面的UE才会好。因为一切元素都有原则。俺是极不喜欢在页面堆积其它相关不大的数据，不喜欢逻辑差的文案，不喜欢权重分不清的功能布局，不喜欢没有概念的上下关系，总之不喜欢没有灵魂的页面。 &#160; 关于产品。在俺的意识中，产品就是商品，而商品的生产总需要一些需求（小学社会课程^^）。因而大部产品,需求是第一，这个明确之后，产品才会有概念，才会有性格。另外，极不喜欢凭空而想的产品，喜欢用数据来说话，喜欢用原则性的思考来辩解，喜欢强有力的概念性和专业性的逻辑解释。因为觉得只有这样，所做的产品才不会只是后知后觉一张虚无缥缈的履历。 &#160; 关于产品上线。话说任何一个产品的上线都无法满足所有用户的需求，尤其新的产品上线，觉得如果做不到功能百分百的齐全，耦合性，逻辑性没有完善。俺觉得可以先上一分部体验好的，逻辑与文案方面经过不少的内测且九层以上完善的，之后实际运行中坚持用户相关数据和分析用户的反馈信息，进行相关产品的调整与增加、觉得产品的需求目的明确后，其实之后所做的工作在某种意义上都称为优化。产品永远在优化。 &#160; 俺认为，团队更需要灵魂，需要一个指引方向的人。对，需要一个独裁，专业上，能力上，认识上，学习上，性格上，这些都是团队成长的必须，如果这些没有基础，没有概念，就别谈团队的扩大，更别谈团队的专业化。或许很多团队是否成功，一开始就已经注定了。 &#160; 以上所述只是一个小前端的角度。因为在写页面时，发现挺多需要注意的东西，没有好的概念，就没有性格；没有好的架构，就谈不上体验；没有产品的权重灵魂，那就是坑运营，没有&#8230;.. &#160;]]></description>
			<content:encoded><![CDATA[<p>又扯淡了。。。。</p>
<p>前几天和<a href="http://t.qq.com/sunthink" target="_blank">三思</a>闲聊一些关于页面的看法。俺说“<strong>页面是一个拥有灵魂的履历，是一个有内涵的男人</strong>”。的确，在俺的意识中，页面就是一个拥有灵魂的生命体。</p>
<p>&nbsp;</p>
<p><strong>关于页面</strong>。接触很久的东西了。弱弱地觉得现在的互联网已经过了设计的时代，现在玩的是数据，玩的是信息结构，外观控已是过去式了。在页面上良好的展示信息，然后再加个NB的交互，才是王道，这样的页面的UE才会好。因为一切元素都有原则。俺是极不喜欢在页面堆积其它相关不大的数据，不喜欢逻辑差的文案，不喜欢权重分不清的功能布局，不喜欢没有概念的上下关系，总之不喜欢没有灵魂的页面。</p>
<p>&nbsp;</p>
<p><strong>关于产品</strong>。在俺的意识中，产品就是商品，而商品的生产总需要一些需求（小学社会课程^^）。因而大部产品,需求是第一，这个明确之后，产品才会有概念，才会有性格。另外，极不喜欢凭空而想的产品，喜欢用数据来说话，喜欢用原则性的思考来辩解，喜欢强有力的概念性和专业性的逻辑解释。因为觉得只有这样，所做的产品才不会只是后知后觉一张虚无缥缈的履历。</p>
<p>&nbsp;</p>
<p><strong>关于产品上线</strong>。话说任何一个产品的上线都无法满足所有用户的需求，尤其新的产品上线，觉得如果做不到功能百分百的齐全，耦合性，逻辑性没有完善。俺觉得可以先上一分部体验好的，逻辑与文案方面经过不少的内测且九层以上完善的，之后实际运行中坚持用户相关数据和分析用户的反馈信息，进行相关产品的调整与增加、觉得产品的需求目的明确后，其实之后所做的工作在某种意义上都称为优化。产品永远在优化。</p>
<p>&nbsp;</p>
<p>俺认为，团队更需要灵魂，需要一个指引方向的人。对，需要一个独裁，专业上，能力上，认识上，学习上，性格上，这些都是团队成长的必须，如果这些没有基础，没有概念，就别谈团队的扩大，更别谈团队的专业化。<strong>或许很多团队是否成功，一开始就已经注定了。</strong></p>
<p>&nbsp;</p>
<p>以上所述只是一个小前端的角度。因为在写页面时，发现挺多需要注意的东西，<strong>没有好的概念，就没有性格；没有好的架构，就谈不上体验；没有产品的权重灵魂，那就是坑运营，没有&#8230;..</strong></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://striblog.com/2011/07/talk-about-soul/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>俺只是记录，不是神马（上）</title>
		<link>http://striblog.com/2011/07/job-record-item/</link>
		<comments>http://striblog.com/2011/07/job-record-item/#comments</comments>
		<pubDate>Sat, 23 Jul 2011 10:23:58 +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://striblog.com/?p=372</guid>
		<description><![CDATA[本不打算写这个，因为之前以为这个东西对用户并不重要，不过错了，完完全全错了，对它的存在作用以及存在的逻辑都错了。对这次重生似的认识想小写下，俺不晓得大家是怎么理解的，所以如果觉得勉强，就权当扯淡了。 议题：“我应聘的工作” 定义：个人用户在招工信息、出国劳务、招生培训、就业团等栏目相关信息的应聘记录，或用程序的角度可以这样讲：是用户在相关信息页面触发“报名”按钮后产生的数据记录。 核心用户：个人会员 使用情景：在前台信息报名后，在此查看相关信息。 使用目标：获得相关信息的反馈 俺的相关定义理解： 它就是一个记录集，是滴，一个关于用户的应聘记录集合。用操作方式的局限来讲，它只是一个只能查看的数据记录集，它不能修改，即使删除（从DB里删除），我觉得都不应该。 由于只是记录的原因，用户关心的字段肯定会有时间、状态、标题。当然还有其它因用户需要而产生的字段。但这几个是必须的，而且优先级都较高。 关于它不能删除的原因有如下： 前台信息页面报名后，如果删除，在机构和前台信息（显示中的信息）的页面，他仍是报名的状态，这会造成用户删除后无法报名，当然按照现在的设计，如果机构不删除面试信息，似乎他只能报一次名。 虚构情景三个： 情景A：一个人用户A向机构B的一条招工信息报名后，在B的“已收到的报名”产生一条记录，但是用户A很调皮，在自己的应聘记录中把这条记录删除了，然后又搜索去”报名”，他不知道已经报名过了，蛋疼的看着无法点击，第一感觉会是愤怒，不，应该还是蛋疼。 情景B：一个人用户A向机构B的一条招工信息报名后，在B的“已收到的报名”产生一条记录，但是某时间后，这条招工信息过期或手动移除到“未显示中的信息”去，然后机构B又重新发布这条信息(内容不变)，然后用户A搜索时又去”报名”，你说能报名吗？ 情景C：一个人用户A向机构B的一条招工信息报名后，在B的“已收到的报名”产生一条记录，但是某时间后，这条招工信息过期或手动移除到“未显示中的信息”去，然后机构B又重新发布这条信息(内容不变)，用户A同时也在自己的应聘记录中把这条记录删除了，然后又搜索去”报名”，你说能报名吗？ 以上情景只是抽离出的几个故事，还有其它可能结果，但俺主要讲大家的蛋疼的。是想让大家明白一个句话：应聘的工作和已收到的报名都是一个只能查看的记录”。当然这句话，是我们必须知道，但我们的用户不必知道。 解决办法： 删除时，同时删除B和C的投递信息 ID-ID对应每条应聘数据，所有记录绝不从DB里删除，且在用户二次报名时，提示曾经应聘该信息的时间和提示是否更新报名记录（更新机构端的报名记录）。 我喜欢第二种，因为这些信息就是记录或叫做用户的行为日志，而这些日志是不能删掉的。 这是俺的理解。我理解的不勉强，可能表达的太勉强了。 看现有界面 &#160; 注：其实这是一个灰常灰学简陋的，而且现在在前台信息页面触发的“报名”后，“招生培训”和“就业团”的在这里没有记录。 未来的概念性建议 关键词：记录、只查看 记录是让查看的，一般信息的管理操作在这里不合适。 每条记录都必须突出“状态”、“标题”，“时间”。尤其时间，必须滴。 统一信息“报名”接口。 与报名相关的联系方式，也应该突出下。 Q&#38;A几个问题 Q:“删除”这个功能到底该不该有？ A:有吧。把记录移除到其它地方，然后在用户二次报名时，重新全局匹配计算。不该有。这样也行滴。让用户从时间纵观个人的记录史。 &#160; Q：能不能在机构端加一个“拒绝”功能？ A：理论上加一个比较好。因为“拒绝”可以看做是直接删除的一种变种。这样的信息在机构端，报名被分类到“拒绝类”中（只能被删除），在用户端会给予相关提示。 &#160; Q：个人用户会关心报名是否被机构“查看”吗？ A：心理学上来讲，会有这样的心态。而且会关心有哪些机构查看过我的简历，包括查看的次数。 &#160; Q：这样一来，简简单单的“报名”是不是复杂化了？ A：其实本来就是复杂的，但我们要在用户面前展现一个简单的。不要”以任务为心中”去做，而是“以用户为中心”去实现。 &#160; &#160; ps:这只是上，因为俺觉得应该还会有下文。]]></description>
			<content:encoded><![CDATA[<p>本不打算写这个，因为之前以为这个东西对用户并不重要，不过错了，完完全全错了，对它的存在作用以及存在的逻辑都错了。对这次重生似的认识想小写下，俺不晓得大家是怎么理解的，所以如果觉得勉强，就权当扯淡了。</p>
<p><strong>议题</strong>：“我应聘的工作”</p>
<p><strong>定义</strong>：个人用户在招工信息、出国劳务、招生培训、就业团等栏目相关信息的应聘记录，或用程序的角度可以这样讲：是用户在相关信息页面触发“报名”按钮后产生的数据记录。</p>
<p><strong>核心用户</strong>：个人会员</p>
<p><strong>使用情景</strong>：在前台信息报名后，在此查看相关信息。</p>
<p><strong>使用目标</strong>：获得相关信息的反馈</p>
<p><strong>俺的相关定义理解</strong>：</p>
<p>它就是一个记录集，是滴，一个关于用户的应聘记录集合。用操作方式的局限来讲，它只是一个只能查看的数据记录集，它不能修改，即使删除（从DB里删除），我觉得都不应该。</p>
<p>由于只是记录的原因，用户关心的字段肯定会有时间、状态、标题。当然还有其它因用户需要而产生的字段。但这几个是必须的，而且优先级都较高。</p>
<p><strong>关于它不能删除的原因有如下</strong>：</p>
<p>前台信息页面报名后，如果删除，在机构和前台信息（显示中的信息）的页面，他仍是报名的状态，这会造成用户删除后无法报名，当然按照现在的设计，如果机构不删除面试信息，似乎他只能报一次名。</p>
<p><strong>虚构情景三个：</strong></p>
<p>情景A：一个人用户A向机构B的一条招工信息报名后，在B的“已收到的报名”产生一条记录，但是用户A很调皮，在自己的应聘记录中把这条记录删除了，然后又搜索去”报名”，他不知道已经报名过了，蛋疼的看着无法点击，第一感觉会是愤怒，不，应该还是蛋疼。</p>
<p>情景B：一个人用户A向机构B的一条招工信息报名后，在B的“已收到的报名”产生一条记录，但是某时间后，这条招工信息过期或手动移除到“未显示中的信息”去，然后机构B又重新发布这条信息(内容不变)，然后用户A搜索时又去”报名”，你说能报名吗？</p>
<p>情景C：一个人用户A向机构B的一条招工信息报名后，在B的“已收到的报名”产生一条记录，但是某时间后，这条招工信息过期或手动移除到“未显示中的信息”去，然后机构B又重新发布这条信息(内容不变)，用户A同时也在自己的应聘记录中把这条记录删除了，然后又搜索去”报名”，你说能报名吗？</p>
<p>以上情景只是抽离出的几个故事，还有其它可能结果，但俺主要讲大家的蛋疼的。是想让大家明白一个句话：<span style="color: #ff0000;"><strong>应聘的工作和已收到的报名都是一个只能查看的记录</strong></span>”。当然这句话，是我们必须知道，但我们的用户不必知道。</p>
<p><strong>解决办法</strong>：</p>
<ol>
<li>删除时，同时删除B和C的投递信息</li>
<li>ID-ID对应每条应聘数据，所有记录绝不从DB里删除，且在用户二次报名时，提示曾经应聘该信息的时间和提示是否更新报名记录（更新机构端的报名记录）。</li>
</ol>
<p>我喜欢第二种，因为这些信息就是记录或叫做用户的<strong>行为日志</strong>，而这些日志是不能删掉的。</p>
<p>这是俺的理解。我理解的不勉强，可能表达的太勉强了。</p>
<p><strong>看现有界面</strong></p>
<p><img class="alignnone size-full wp-image-373" title="我应聘的工作" src="http://striblog.com/wp-content/uploads/2011/07/4455.jpg" alt="" width="558" height="107" /></p>
<p>&nbsp;</p>
<p><em>注：其实这是一个灰常灰学简陋的，而且现在在前台信息页面触发的“报名”后，“招生培训”和“就业团”的在这里没有记录。</em></p>
<p><strong>未来的概念性建议</strong></p>
<ul>
<li>关键词：记录、只查看</li>
<li>记录是让查看的，一般信息的管理操作在这里不合适。</li>
<li>每条记录都必须突出“状态”、“标题”，“时间”。尤其时间，必须滴。</li>
<li>统一信息“报名”接口。</li>
<li>与报名相关的联系方式，也应该突出下。</li>
</ul>
<p><strong>Q&amp;A几个问题</strong></p>
<p>Q:“删除”这个功能到底该不该有？</p>
<p>A:有吧。把记录移除到其它地方，然后在用户二次报名时，重新全局匹配计算。不该有。这样也行滴。让用户从时间纵观个人的记录史。</p>
<p>&nbsp;</p>
<p>Q：能不能在机构端加一个“拒绝”功能？</p>
<p>A：理论上加一个比较好。因为“拒绝”可以看做是直接删除的一种变种。这样的信息在机构端，报名被分类到“拒绝类”中（只能被删除），在用户端会给予相关提示。</p>
<p>&nbsp;</p>
<p>Q：个人用户会关心报名是否被机构“查看”吗？</p>
<p>A：心理学上来讲，会有这样的心态。而且会关心有哪些机构查看过我的简历，包括查看的次数。</p>
<p>&nbsp;</p>
<p>Q：这样一来，简简单单的“报名”是不是复杂化了？</p>
<p>A：其实本来就是复杂的，但我们要在用户面前展现一个简单的。不要”以任务为心中”去做，而是“以用户为中心”去实现。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><em>ps:这只是上，因为俺觉得应该还会有下文。</em></p>
]]></content:encoded>
			<wfw:commentRss>http://striblog.com/2011/07/job-record-item/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>信息管理的纠与结(第二季)</title>
		<link>http://striblog.com/2011/07/manage-information-tangle-2/</link>
		<comments>http://striblog.com/2011/07/manage-information-tangle-2/#comments</comments>
		<pubDate>Thu, 21 Jul 2011 15:02:30 +0000</pubDate>
		<dc:creator>木小乐</dc:creator>
				<category><![CDATA[工作往事]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[产品]]></category>
		<category><![CDATA[信息管理，]]></category>
		<category><![CDATA[明确]]></category>
		<category><![CDATA[清晰]]></category>
		<category><![CDATA[简洁]]></category>

		<guid isPermaLink="false">http://striblog.com/?p=358</guid>
		<description><![CDATA[其实#管理信息#这个东西，我受过三次idea冲击，头一回是写#管理信息交互研究文案#时，为了使在功能组织和信息组织上简单，绞尽的去删减东西；二一回是前几天小会讨论时，老大的点拨，即“用户在提交信息后的情绪，对信息的#审核中#状态的关心度就很高，就像在购物网站提交过订单后，会很关心是否已经发货”。这是一个用户情绪问题，当然了，很重要，要保护他们的情绪;三一回，就是今天了。 本文的标题叫“第二季”，是相对前几天写的一篇《信息管理的纠与结》，当然根据需求，它还会出现第三、四季。好吧，俺承认俺很BT，又在折磨可怜的#信息管理#。以下是俺的角度的理解，如果大家觉得有意思的话，可以听听。回到正题~~。 第二季关键词：清晰、明确、简洁；  分三类：  显示中的信息  未显示的信息  审核中的信息 显示中的信息 定义：能完全展示（出现）在所有用户面前的信息。 如下图： A区：分三类（显示中、未显示、审核中）； B区：两种功能（刷新：刷新信息；移除：将信息移到“未显示中的信息”中） &#160; 分析：与之前的版本对比：把原有功能“停止”去掉；把原来的“删除”的功能换成“移除”。个人觉得，原版本的“删除”功能放在这里，本身就不太合适，用户不小心的删除会直接造DB里的删除，用句俗话说“太直接了吧~”，所以试着和“停止”功能“合体变身”，功能效果只是把信息移到“未显示的信息”中去。 &#160; 未显示的信息 定义：与“显示中的信息”相反，可包括自动过期，手动移除、审核未通过的信息。 如下图： A区：只有一个功能“删除”，当然这个删除肯定是从DB里delete了； B区：这个应该是这个页面的主要部分（用户在这个页面更关心的是“未显示的信息”的原因）； C区：两个功能“修改”和“删除”。“修改”，用户在看原因会进行相关修改，据现在分析会有以下三种动作 原因是自动过期的，点击“修改”后会更改“有效期”，然后再提交； 原因是信息内容有不对的，点击“修改”后更正相关错误，然后再提交； 原因是手动移除的，点击“修改”和“显示中的信息”的修改一样，然后再提交； 审核中的信息 定义：用户提交后待审核的信息 如下图： &#160; 分析：很干净，只有一个状态，为什么呢？其实这个分类只是提醒用户这条信息“正在审核中”，只有这个功能。 &#160; 以上是第二季的基本草图和基本思想。总体而言，信息更清晰，功能更明确，结构更简洁。用户在信息字段、功能模式上都会容易理解。 &#160; Q&#38;A几个问题 Q：是否应该在右侧主体中加入标签分类？ A：个人觉得，如果在主体加入标签分类，左侧导航的分类就成了一个“鸡肋”。并且在信息逻辑上，我也不推荐使用两个同时存在。要不只用标签，要不只留左导航。 &#160; Q：“审核中的信息”文案的角度是谁？ A：其实我喜欢“待审核”这个词。因为站在用户的角度，这条信息就是等待审核的嘛。且“审核中”，好像是这条信息一直在审核但没给出结果的意思。 &#160; Q：右侧主体的右上角放什么为好？ A：之前讨论过，原则是为了遵守“页面上元素的一致性”，不过，无论是“帮助信息”还是其它功能，在用户面前只是一个具有“提示性”的链接，关于这个链接的动作是否触发，要看这个链接上提示的语言是什么？所以，这个位置，个人觉得功能类和帮助类信息都可以存在，只不功能类信息的优先级要大于帮助类信息。 &#160; &#160; &#160; &#160;]]></description>
			<content:encoded><![CDATA[<p>其实#管理信息#这个东西，我受过三次idea冲击，头一回是写#管理信息交互研究文案#时，为了使在功能组织和信息组织上简单，绞尽的去删减东西；二一回是前几天小会讨论时，<a href="http://weibo.com/zhouwh" target="_blank">老大</a>的点拨，即“用户在提交信息后的情绪，对信息的#审核中#状态的关心度就很高，就像在购物网站提交过订单后，会很关心是否已经发货”。这是一个用户情绪问题，当然了，很重要，要保护他们的情绪;三一回，就是今天了。</p>
<p>本文的标题叫“第二季”，是相对前几天写的一篇《<a href="http://striblog.com/2011/07/manage-information-tangle/" target="_blank">信息管理的纠与结</a>》，当然根据需求，它还会出现第三、四季。好吧，俺承认俺很BT，又在折磨可怜的#信息管理#。以下是俺的角度的理解，如果大家觉得有意思的话，可以听听。回到正题~~。</p>
<p><strong>第二季关键词：<span style="color: #ff0000;">清晰</span>、<span style="color: #ff0000;">明确</span>、<span style="color: #ff0000;">简洁</span>； </strong></p>
<p><strong>分三类：</strong></p>
<ul>
<li> 显示中的信息</li>
<li> 未显示的信息</li>
<li> 审核中的信息</li>
</ul>
<p><strong>显示中的信息</strong></p>
<p>定义：能完全展示（出现）在所有用户面前的信息。</p>
<p>如下图：</p>
<p><img class="alignnone size-full wp-image-359" title="显示中的信息图示" src="http://striblog.com/wp-content/uploads/2011/07/ｑ１.jpg" alt="" width="614" height="149" /></p>
<p>A区：分三类（显示中、未显示、审核中）；</p>
<p>B区：两种功能（刷新：刷新信息；移除：将信息移到“未显示中的信息”中）</p>
<p>&nbsp;</p>
<p>分析：与之前的版本对比：把原有功能“停止”去掉；把原来的“删除”的功能换成“移除”。个人觉得，原版本的“删除”功能放在这里，本身就不太合适，用户不小心的删除会直接造DB里的删除，用句俗话说“太直接了吧~”，所以试着和“停止”功能“合体变身”，功能效果只是把信息移到“未显示的信息”中去。</p>
<p>&nbsp;</p>
<p><strong>未显示的信息</strong></p>
<p>定义：与“显示中的信息”相反，可包括自动过期，手动移除、审核未通过的信息。</p>
<p>如下图：</p>
<p><img class="alignnone size-full wp-image-362" title="未显示的信息" src="http://striblog.com/wp-content/uploads/2011/07/审核中的信息1.jpg" alt="" width="558" height="208" /></p>
<p>A区：只有一个功能“删除”，当然这个删除肯定是从DB里delete了；</p>
<p>B区：这个应该是这个页面的主要部分（用户在这个页面更关心的是“未显示的信息”的原因）；</p>
<p>C区：两个功能“修改”和“删除”。“修改”，用户在看原因会进行相关修改，据现在分析会有以下三种动作</p>
<ol>
<li>原因是自动过期的，点击“修改”后会更改“有效期”，然后再提交；</li>
<li>原因是信息内容有不对的，点击“修改”后更正相关错误，然后再提交；</li>
<li>原因是手动移除的，点击“修改”和“显示中的信息”的修改一样，然后再提交；</li>
</ol>
<p><strong>审核中的信息</strong></p>
<p>定义：用户提交后待审核的信息</p>
<p>如下图：</p>
<p><img class="alignnone size-full wp-image-361" title="待审核的信息" src="http://striblog.com/wp-content/uploads/2011/07/待审核的信息.jpg" alt="" width="558" height="206" /></p>
<p>&nbsp;</p>
<p>分析：很干净，只有一个状态，为什么呢？其实这个分类只是提醒用户这条信息“正在审核中”，只有这个功能。</p>
<p>&nbsp;</p>
<p>以上是第二季的基本草图和基本思想。总体而言，信息更清晰，功能更明确，结构更简洁。用户在信息字段、功能模式上都会容易理解。</p>
<p>&nbsp;</p>
<p><strong>Q&amp;A几个问题</strong></p>
<p>Q：是否应该在右侧主体中加入标签分类？</p>
<p>A：个人觉得，如果在主体加入标签分类，左侧导航的分类就成了一个“鸡肋”。并且在信息逻辑上，我也不推荐使用两个同时存在。要不只用标签，要不只留左导航。</p>
<p>&nbsp;</p>
<p>Q：“审核中的信息”文案的角度是谁？</p>
<p>A：其实我喜欢“待审核”这个词。因为站在用户的角度，这条信息就是等待审核的嘛。且“审核中”，好像是这条信息一直在审核但没给出结果的意思。</p>
<p>&nbsp;</p>
<p>Q：右侧主体的右上角放什么为好？</p>
<p>A：之前讨论过，原则是为了遵守“页面上元素的一致性”，不过，无论是“帮助信息”还是其它功能，在用户面前只是一个具有“提示性”的链接，关于这个链接的动作是否触发，要看这个链接上提示的语言是什么？所以，这个位置，个人觉得功能类和帮助类信息都可以存在，只不功能类信息的优先级要大于帮助类信息。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://striblog.com/2011/07/manage-information-tangle-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>信息管理的纠与结</title>
		<link>http://striblog.com/2011/07/manage-information-tangle/</link>
		<comments>http://striblog.com/2011/07/manage-information-tangle/#comments</comments>
		<pubDate>Tue, 19 Jul 2011 16:40:15 +0000</pubDate>
		<dc:creator>木小乐</dc:creator>
				<category><![CDATA[工作往事]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[产品]]></category>
		<category><![CDATA[信息管理，]]></category>

		<guid isPermaLink="false">http://striblog.com/?p=347</guid>
		<description><![CDATA[这两星期的京都，比较多愁善感，下了好几回，比如今天又被淋了，鞋子透了不说，美女刚给俺冼的衬衣又湿了，求重洗呀~求重洗呀~~ 话说今天快下班，团队开始讨论两个问题，大都是上周已经提过，但没有给最终方案的。弱弱地说，这样效率很慢。似乎大家都喜欢感性地想问题，而不是用理性的态度和方式去解决这个问题。 在说之前，我们先在脑海里酝酿下几个意识，如下： 第一、  这个产品的核心用户是谁？ 第二、  他们在什么情况下使用这个产品？ 第三、  我们对这个产品的目标是什么？ 现结构如下： 其缺点有如下： 流程上：用户需要登录 –&#62;我是机构首页-&#62;管理信息-&#62;（然后进行相关的刷新、删除、修改等操作）相关用户使用率极高的页面嵌套级过深、机构用户主产品左侧导航不突出； 文案上：“已发布上网”文案不太恰当； &#160; 分析：  此功能的核心用户是招人的企业、学校等相关机构，而这些机构的招工会在多个网站发布信息，简化流程减少用户的学习负担至关重要。  网站中正常显示的信息和审核未通过的信息，用户操作过多，原因是前者是常常要去刷新使前排名靠前，后者是查看未通过的原因，然后进行相关修改和重新发布。 在现有的整个产品结构中，这个管理信息的优化级很高。 &#160; 关于团队中一些人的建议方案如下： 第一种： 整个信息管理分为两类： 已发布上网的：包含审核中和已发布的信息； 未发布上网的：其余归类为未发布上网的信息； 理由如下： 只把信息输出的结果展示给用户，不给用户展示太多状态概念； 审核标准的提升，机构入驻标准的严格，对于审核信息可以先显示后审核； 分析：其实这个分类比较极端，站在用户的角度想法很好，让用户从信息组织上感到简单。但是的确很极端，比如在功能组织上没有考虑细致。如其所述，已发布上网的（这个文案在上面提过，不太准确）包括审核中和已发布信息，众所周知，用户对“已发布的信息”使用最多的功能是“刷新”，当然这个在“已发布的信息”中还有“停止”功能。可这两个功能对“审核中”的信息，理论上是不能有相关操作的。 另外，“审核中”的信息是“不稳定信息”，即1：它的结果状态有可能是“审核未通过”，这样信息会从在“已发布上网的”信息转向“未发布上网的”信息中，对发布者会有影响（难道，亲！不恼火吗？不都发布了，吃了一顿饭，回来，竟然审核木通过~~~）；其2：站在访问此信息用户的角度，如果正在关心或可能收藏此信息，当突然审核未通过而访问不到此信息时，体验也不好。 第二种： 整个信息管理分四类（和之前风格一致）：  已发布上网的：已发布上网的  审核中的信息：审核中的信息  已停止的信息：客户停止的和过期的  审核未通过的：审核未通过的 分析: 不得否认，此种分类上线，不会像第一种一样出那么麻烦，因为这种分类和之前没有什么改变。我不能说它不好，毕竟它是经过用户使用过的（虽然不知道用户使用的感觉）。 &#160; 第三种： 其它第三种是第二种的一次探索性简化，如下： 显示中的信息  停止中的信息  审核中的信息 分析：这里的分“显示中”，“停止中”，“审核中”三类的原则是当前信息站在用户角度是什么状态（和DB里的形态不一样滴，User眼里只有前台显示，前台未显示的，正在审核的）。把正在审核和未审核通过的放在一起，是根据之前的调研数据，这两类信息数目不大（一般超不过两位数，就算超过，30分钟内，客服部也会审核掉），所以把这个正在审核的数据放在这个像程序语言中的栈内存里一样，这些数据的活动性大（插入和离开的波动大），受用户关心的程度可能紧次于“显示中的信息”，所以这些审核未通过和正在审核的放在一样，另外把审核未通过的加上原因，便于用户对“正在审核”和修改的优化。我是这么想的。 &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;纠结的分隔线&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; 审核中的信息的形态推测：     1)     90%的情况下都只会存在“未审核”一种状态；    2)     以上这种情况的发生机率也很低，大概在10%左右，大部用户还是会修改让其它通过的；   [...]]]></description>
			<content:encoded><![CDATA[<p>这两星期的京都，比较多愁善感，下了好几回，比如今天又被淋了，鞋子透了不说，美女刚给俺冼的衬衣又湿了，求重洗呀~求重洗呀~~</p>
<p>话说今天快下班，团队开始讨论两个问题，大都是上周已经提过，但没有给最终方案的。弱弱地说，这样效率很慢。似乎大家都喜欢感性地想问题，而不是用理性的态度和方式去解决这个问题。</p>
<p>在说之前，我们先在脑海里酝酿下几个意识，如下：</p>
<p>第一、  这个产品的核心用户是谁？</p>
<p>第二、  他们在什么情况下使用这个产品？</p>
<p>第三、  我们对这个产品的目标是什么？</p>
<p>现结构如下：</p>
<p><img class="alignnone size-full wp-image-348" title="zl" src="http://striblog.com/wp-content/uploads/2011/07/zl.jpg" alt="" width="558" height="138" /></p>
<p>其缺点有如下：</p>
<ul>
<li><strong>流程上</strong>：用户需要登录 –&gt;我是机构首页-&gt;管理信息-&gt;（然后进行相关的刷新、删除、修改等操作）相关用户使用率极高的页面嵌套级过深、机构用户主产品左侧导航不突出；</li>
<li><strong>文案上</strong>：“已发布上网”文案不太恰当；</li>
</ul>
<p>&nbsp;</p>
<p>分析：</p>
<ol>
<li> 此功能的核心用户是招人的企业、学校等相关机构，而这些机构的招工会在多个网站发布信息，简化流程减少用户的学习负担至关重要。</li>
<li> 网站中正常显示的信息和审核未通过的信息，用户操作过多，原因是前者是常常要去刷新使前排名靠前，后者是查看未通过的原因，然后进行相关修改和重新发布。</li>
<li>在现有的整个产品结构中，这个管理信息的优化级很高。</li>
</ol>
<p>&nbsp;</p>
<p><strong>关于团队中一些人的建议方案如下：</strong></p>
<p><strong>第一种：</strong></p>
<p>整个信息管理分为两类：</p>
<ul>
<li><strong>已发布上网的</strong>：包含审核中和已发布的信息；</li>
<li><strong>未发布上网的</strong>：其余归类为未发布上网的信息；</li>
</ul>
<p>理由如下：</p>
<ol>
<li>只把信息输出的结果展示给用户，不给用户展示太多状态概念；</li>
<li>审核标准的提升，机构入驻标准的严格，对于审核信息可以先显示后审核；</li>
</ol>
<p>分析：其实这个分类比较极端，站在用户的角度想法很好，让用户从信息组织上感到简单。但是的确很极端，比如在功能组织上没有考虑细致。如其所述，已发布上网的（这个文案在上面提过，不太准确）包括审核中和已发布信息，众所周知，用户对“已发布的信息”使用最多的功能是“刷新”，当然这个在“已发布的信息”中还有“停止”功能。可这两个功能对“审核中”的信息，理论上是不能有相关操作的。</p>
<p>另外，“审核中”的信息是“不稳定信息”，即1：它的结果状态有可能是“审核未通过”，这样信息会从在“已发布上网的”信息转向“未发布上网的”信息中，对发布者会有影响（难道，亲！不恼火吗？不都发布了，吃了一顿饭，回来，竟然审核木通过~~~）；其2：站在访问此信息用户的角度，如果正在关心或可能收藏此信息，当突然审核未通过而访问不到此信息时，体验也不好。</p>
<p><strong>第二种</strong>：</p>
<p>整个信息管理分四类（和之前风格一致）：</p>
<ul>
<li> <strong>已发布上网的</strong>：已发布上网的</li>
<li> <strong>审核中的信息</strong>：审核中的信息</li>
<li> <strong>已停止的信息</strong>：客户停止的和过期的</li>
<li><strong> 审核未通过的</strong>：审核未通过的</li>
</ul>
<p>分析:</p>
<p>不得否认，此种分类上线，不会像第一种一样出那么麻烦，因为这种分类和之前没有什么改变。我不能说它不好，毕竟它是经过用户使用过的（虽然不知道用户使用的感觉）。</p>
<p>&nbsp;</p>
<p><strong>第三种：</strong></p>
<p>其它第三种是第二种的一次探索性简化，如下：</p>
<ul>
<li>显示中的信息</li>
<li> 停止中的信息</li>
<li> 审核中的信息</li>
</ul>
<p>分析：这里的分“显示中”，“停止中”，“审核中”三类的原则是当前信息站在用户角度是什么状态（和DB里的形态不一样滴，User眼里只有前台显示，前台未显示的，正在审核的）。把正在审核和未审核通过的放在一起，是根据之前的调研数据，这两类信息数目不大（一般超不过两位数，就算超过，30分钟内，客服部也会审核掉），所以把这个正在审核的数据放在这个像程序语言中的栈内存里一样，这些数据的活动性大（插入和离开的波动大），受用户关心的程度可能紧次于“显示中的信息”，所以这些审核未通过和正在审核的放在一样，另外把审核未通过的加上原因，便于用户对“正在审核”和修改的优化。我是这么想的。</p>
<p style="text-align: center;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;纠结的分隔线&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>审核中的信息的形态推测：</p>
<p><strong>    1)     90%的情况下都只会存在“未审核”一种状态；</strong></p>
<p><strong>   2)     以上这种情况的发生机率也很低，大概在10%左右，大部用户还是会修改让其它通过的；</strong></p>
<p><strong></strong><strong>   3)     之前和大家分享过一次数据调研，里面100个用户中，未审核通过+正在审核只有38条，平均到个人只有0.38条，且数据中最高未审核信息为9条，正在审核一般在1-3条。这说明“审核中”的信息如果按10条一页分的话，会保持在2页以内；</strong></p>
<p>&nbsp;</p>
<p>以上是只是个人角度的分析，可以理性视野不太宽阔，如有建议，敬请指教，共同学习。</p>
<p>关于此产品上线方案，推荐使用第三种（第二种可当替补），根据User使用后获得的反馈和调研相关数据，来进一步获取用户行为和习惯来进行相关调整。</p>
<p>&nbsp;</p>
<p>今天开会还提了一个小问题：</p>
<p>Q:冯说“从数据访问的角度上讲，显示在左侧导航，层级为全局的，访问每一类信息，都需要计算数量，增加数据库开销。”。</p>
<p>A:是会增加DB的开销，但要明白，站在用户的角度想问题，技术类、硬件类等都要降级且这个也可以从实现方式上解决；还有弱弱地说，这次这个功能单页面访问下传输只有不到1KB，而且在以后的版本中为了增强体验，更会可能增加，所以，如果现在这个是问题的话，那网站别开了^^。</p>
<p>呼呼~，淡疼的又来唠叨这个东西。最近一次在项目，累呀，尤其今天在写<a href="http://weibo.com/yunfeiyu" target="_blank">老杨</a>的那种“步骤提示”时，更让我久久的蛋疼。好吧。睡觉，补血，补蓝。世界上有两种人，一种是控，另一种是想成为控的人。明天继续奋斗。安！外面似乎又下雨了~~</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://striblog.com/2011/07/manage-information-tangle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>URL目录索引的一些扯淡</title>
		<link>http://striblog.com/2011/07/url-list-chitchat/</link>
		<comments>http://striblog.com/2011/07/url-list-chitchat/#comments</comments>
		<pubDate>Thu, 14 Jul 2011 08:01:14 +0000</pubDate>
		<dc:creator>木小乐</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[URL]]></category>
		<category><![CDATA[产品]]></category>
		<category><![CDATA[索引目录]]></category>

		<guid isPermaLink="false">http://striblog.com/?p=328</guid>
		<description><![CDATA[这是一篇关于最近正在改会员后台中URL目录索引的一些扯淡。可以在拥挤的北京地铁线上躲在空调下闲看、可以喝着CocaCola无聊的翻阅&#8230;。额~~回到正题。 记得有一次和周，李闲聊。说起信息架构（IA）的事，当时用“图书馆”和“超市”来诠释这个东西。之前我还不太理解IA，不过听他们大致的描述后，豁然开朗，很多不太了解的事儿，有了镇定的看法。后知后觉也发现用户体验（UE）也和这事有致命的关系。 先说说“图书馆”。最让我想起的是大学时的那间老图书，因为年久的原因，没有电子查阅，只有几个不太高的木柜子，柜子上面有很多小抽屉，抽屉外面写着各种书籍的分类，抽屉里面是一张张书的名片纸用铁丝串在一起并固定在其中。查阅的时候，会打开喜欢的分类，然后一个一个名片翻阅着去寻找自己喜欢的书。然后再给管理员报书的编号，然后管理员去书架上帮你找。 另外一个是“超市”。这个大家更为熟悉。超市的商品很多（可以阅读： http://wenku.baidu.com/view/a98d68630b1c59eef8c7b4a4.html）。超市里会根据在分类在超市的角落放置。但是怎么放置，应该有一定的原则和标准。 假设你眼前是一个空空的超市。你怎么合理的放置你所要卖的商品。当前首先要确定你的超市的面积、超市的地段、交通是否便利、超市附近主要消费群体，还有是否有其它超市，其它超市与自己的竟然水平怎样，其它超市的优缺点怎样，他们有哪些商品且什么商品卖最好。确定好之后，再来确定你的商品种类和商品摆放位置。再根据超市内部环境的情况，分析下人流密集的地方有哪些&#8230;。要确定的因素很多。为什么这么大动干戈的去放置商品？为什么？一切都了客户。合理的摆放结构会让客户感动满足、合理的摆放方式会让客户觉得超市有档次。这样超市的用户体验就会比较好，回头率当然也很高。当然，你也可以把超市的商品随便放置，反正是商品，有需求的人肯定会来嘛。 整理下以上一段废话如下： 开超市前的准备： 确定超市的面积 确定超市的地段以及交通情况 调查超市附近的主要消费群体 调查超市附近的其它竞争产业 &#8230; 摆放的原则： 根据商品和主要消费群体的目录检索习惯摆放大部分商品； 根据某些商品的使用情况，放置用户常注意到的位置； 根据季节、节日等情况，改变超市内人流较大区商品摆放； 使用合理的索引标识来引导客户； &#8230; 回到网站的IA上。 现的后台大部内容放置在：http://my.chinalao.com/里 文件结构树如下： 如上图所示：页面级的文件都放置在Chinalao.My.web的根目录下，没有相关的产品目录，二级文件夹只有一些页面的附属文件（Css、Image、Js等）。这样的结果在前台非常明显。如下图： 地址栏中的是： 后台页面中所有的页面的地址都是http://my.chinalao.com/+页面名称。 缺点： 没有详细的产品分类 没有页面上下层关系的逻辑性 没有后续开放的可扩展性 页面维护难 或许你会认为用户没有像超市的用户一样，会真正的去关心目录索引，会用索引去看产品，如果你认为用户的动作只是在网站的页面上点来点去，如果你认为最忠实的用户也只是产品的使用者而不是拥有者，请点击右上角带叉那个东东。因为以下的东西，你会觉得更无聊。 先来个大家熟悉的界面，如下图： 左边这个，又叫“资源管理器”，电脑里的所有资源都可以在这个树里找到它的结点。 如下图是这个文件夹的表现路径，一般我们会见到这样的 （D:\Users\Stri\AppData\Local） 清晰的路径，让用户一目了然，清楚所在的位置、所在的文件夹功能等。 还有一个就是我们在使用电脑过程中都会不知不觉的在桌面上放很多文件（很多时候都是刚开始觉得没什么，不过慢慢的堆积多了，却发现成了一种累赘），我们很烦这样，因为我们想找一些文件时，要寻找半天，常常因此抓狂，而且这样电脑也会卡的，心情有时候也会卡掉，还有时候也会一不小心把重要文件丢进垃圾桶，这样后果会更严重。原因是什么，是我们平时没有结构化（梳理）习惯，每天都会做的东西却不去思考怎样让其变的简单，有理念和有价值。(因为我们常常思考去解决问题，而不是研究问题，为什么这样做？) 比如我的工作原因，某些工具的使用率很高。我会用某类软件放置在桌面不同的位置。如下图： 记得有一句话很经典“不论是简单或复杂、合理或不合逻辑，最成功的产品设计都是那些和学习生活连接最深的东西”。我很喜欢这句话。我们无需去思考和研究复杂的产品模式，无需去崇拜哪位成功人才的名言伦理，更无需因别人叽叽喳喳的意见而去改版。我们做的不需要很多，因为我们只是换了一种表现方式给用户展现，细节和习惯还是用户的。 到这里，我们可以回到这篇文章的标题上。关于“URL目录索引”，看了以上我的看法之后，你会怎么做？没有后续&#8230;，因为还要忙着做项目（囧！淡疼的产品，你为谁而生？）。]]></description>
			<content:encoded><![CDATA[<p>这是一篇关于最近正在改会员后台中URL目录索引的一些扯淡。可以在拥挤的北京地铁线上躲在空调下闲看、可以喝着CocaCola无聊的翻阅&#8230;。额~~回到正题。</p>
<p>记得有一次和<a href="http://weibo.com/zhouwh" target="_blank">周</a>，<a href="http://weibo.com/wings55" target="_blank">李</a>闲聊。说起信息架构（IA）的事，当时用“图书馆”和“超市”来诠释这个东西。之前我还不太理解IA，不过听他们大致的描述后，豁然开朗，很多不太了解的事儿，有了镇定的看法。后知后觉也发现用户体验（UE）也和这事有致命的关系。</p>
<p>先说说“图书馆”。最让我想起的是大学时的那间老图书，因为年久的原因，没有电子查阅，只有几个不太高的木柜子，柜子上面有很多小抽屉，抽屉外面写着各种书籍的分类，抽屉里面是一张张书的名片纸用铁丝串在一起并固定在其中。查阅的时候，会打开喜欢的分类，然后一个一个名片翻阅着去寻找自己喜欢的书。然后再给管理员报书的编号，然后管理员去书架上帮你找。</p>
<p>另外一个是“超市”。这个大家更为熟悉。超市的商品很多（可以阅读：</p>
<p><a href="http://wenku.baidu.com/view/a98d68630b1c59eef8c7b4a4.html" target="_blank">http://wenku.baidu.com/view/a98d68630b1c59eef8c7b4a4.html</a>）。超市里会根据在分类在超市的角落放置。但是怎么放置，应该有一定的原则和标准。</p>
<p>假设你眼前是一个空空的超市。你怎么合理的放置你所要卖的商品。当前首先要确定你的超市的面积、超市的地段、交通是否便利、超市附近主要消费群体，还有是否有其它超市，其它超市与自己的竟然水平怎样，其它超市的优缺点怎样，他们有哪些商品且什么商品卖最好。确定好之后，再来确定你的商品种类和商品摆放位置。再根据超市内部环境的情况，分析下人流密集的地方有哪些&#8230;。要确定的因素很多。为什么这么大动干戈的去放置商品？为什么？一切都了客户。合理的摆放结构会让客户感动满足、合理的摆放方式会让客户觉得超市有档次。这样超市的用户体验就会比较好，回头率当然也很高。当然，你也可以把超市的商品随便放置，反正是商品，有需求的人肯定会来嘛。</p>
<p>整理下以上一段废话如下：</p>
<p><strong>开超市前的准备：</strong></p>
<ol>
<li>确定超市的面积</li>
<li>确定超市的地段以及交通情况</li>
<li>调查超市附近的主要消费群体</li>
<li>调查超市附近的其它竞争产业</li>
</ol>
<p>&#8230;</p>
<p><strong>摆放的原则：</strong></p>
<ol>
<li>根据商品和主要消费群体的目录检索习惯摆放大部分商品；</li>
<li>根据某些商品的使用情况，放置用户常注意到的位置；</li>
<li>根据季节、节日等情况，改变超市内人流较大区商品摆放；</li>
<li>使用合理的索引标识来引导客户；</li>
</ol>
<p>&#8230;</p>
<p>回到网站的IA上。</p>
<p>现的后台大部内容放置在：<a href="http://my.chinalao.com/">http://my.chinalao.com/</a>里</p>
<p>文件结构树如下：</p>
<p><img class="alignnone size-full wp-image-329" title="STRU01jpg" src="http://striblog.com/wp-content/uploads/2011/07/STRU01jpg.jpg" alt="" width="223" height="303" /></p>
<p>如上图所示：页面级的文件都放置在Chinalao.My.web的根目录下，没有相关的产品目录，二级文件夹只有一些页面的附属文件（Css、Image、Js等）。这样的结果在前台非常明显。如下图：</p>
<p><img class="alignnone size-full wp-image-330" title="STRU01" src="http://striblog.com/wp-content/uploads/2011/07/STRU01.jpg" alt="" width="337" height="429" /></p>
<p>地址栏中的是：</p>
<p><img class="alignnone size-full wp-image-332" title="stru33" src="http://striblog.com/wp-content/uploads/2011/07/stru331.jpg" alt="" width="558" height="73" /></p>
<p>后台页面中所有的页面的地址都是<a href="http://my.chinalao.com/">http://my.chinalao.com/</a>+页面名称。</p>
<p>缺点：</p>
<ul>
<li>没有详细的产品分类</li>
<li>没有页面上下层关系的逻辑性</li>
<li>没有后续开放的可扩展性</li>
<li>页面维护难</li>
</ul>
<p>或许你会认为用户没有像超市的用户一样，会真正的去关心目录索引，会用索引去看产品，如果你认为用户的动作只是在网站的页面上点来点去，如果你认为最忠实的用户也只是产品的使用者而不是拥有者，请点击右上角带叉那个东东。因为以下的东西，你会觉得更无聊。</p>
<p>先来个大家熟悉的界面，如下图：</p>
<p><img class="alignnone size-full wp-image-334" title="STRU888" src="http://striblog.com/wp-content/uploads/2011/07/STRU888.jpg" alt="" width="239" height="591" /></p>
<p>左边这个，又叫“资源管理器”，电脑里的所有资源都可以在这个树里找到它的结点。</p>
<p>如下图是这个文件夹的表现路径，一般我们会见到这样的</p>
<p>（D:\Users\Stri\AppData\Local）</p>
<p><img class="alignnone size-full wp-image-335" title="8888uuuu" src="http://striblog.com/wp-content/uploads/2011/07/8888uuuu.jpg" alt="" width="536" height="58" /></p>
<p>清晰的路径，让用户一目了然，清楚所在的位置、所在的文件夹功能等。</p>
<p>还有一个就是我们在使用电脑过程中都会不知不觉的在桌面上放很多文件（很多时候都是刚开始觉得没什么，不过慢慢的堆积多了，却发现成了一种累赘），我们很烦这样，因为我们想找一些文件时，要寻找半天，常常因此抓狂，而且这样电脑也会卡的，心情有时候也会卡掉，还有时候也会一不小心把重要文件丢进垃圾桶，这样后果会更严重。原因是什么，是我们平时没有结构化（梳理）习惯，每天都会做的东西却不去思考怎样让其变的简单，有理念和有价值。(因为我们常常思考去解决问题，而不是研究问题，为什么这样做？)</p>
<p>比如我的工作原因，某些工具的使用率很高。我会用某类软件放置在桌面不同的位置。如下图：</p>
<p><img class="alignnone size-full wp-image-336" title="9999UUUUUU" src="http://striblog.com/wp-content/uploads/2011/07/9999UUUUUU.jpg" alt="" width="207" height="964" /></p>
<p>记得有一句话很经典“不论是简单或复杂、合理或不合逻辑，最成功的产品设计都是那些和学习生活连接最深的东西”。我很喜欢这句话。我们无需去思考和研究复杂的产品模式，无需去崇拜哪位成功人才的名言伦理，更无需因别人叽叽喳喳的意见而去改版。我们做的不需要很多，因为我们只是换了一种表现方式给用户展现，细节和习惯还是用户的。</p>
<p>到这里，我们可以回到这篇文章的标题上。关于“URL目录索引”，看了以上我的看法之后，你会怎么做？没有后续&#8230;，因为还要忙着做项目（囧！淡疼的产品，你为谁而生？）。</p>
]]></content:encoded>
			<wfw:commentRss>http://striblog.com/2011/07/url-list-chitchat/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【学习笔记】关于CSS3的transform、transition、animation</title>
		<link>http://striblog.com/2011/07/transform-transition-animation/</link>
		<comments>http://striblog.com/2011/07/transform-transition-animation/#comments</comments>
		<pubDate>Tue, 05 Jul 2011 10:27:29 +0000</pubDate>
		<dc:creator>木小乐</dc:creator>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[CSS3动画]]></category>
		<category><![CDATA[transform]]></category>
		<category><![CDATA[transition]]></category>

		<guid isPermaLink="false">http://striblog.com/?p=284</guid>
		<description><![CDATA[三个属性的解释如下： transform{transform-function} {transform-function}:有scale(缩放)、rotate(旋转)、skew(倾斜)、translate(移动)等方法。每个方法都有两个参数，分别是当时2D空间的X和Y坐标。 transform-origin{和background-position的属性值一样}是指变形的基准点。 transition{property duration timing-function} {transition-property}:要进行动画的属性； {transition-duration}:要进行动画的时间（单位:s（秒）） {transition-timing-function}:要进行的动画效果；有linear(均速)、ease-in(慢到快)、ease-out(快到慢)、ease(慢快慢) animation{name duration timing-function} {name}:#关键帧#的名称； {duration}:要进行动画的时间(单位:s) {timing-function}:要进行的动画效果；有linear(均速)、ease-in(慢到快)、ease-out(快到慢)、ease(慢快慢) 关键帧:@keyframes name 其格式如下: 1 2 3 4 5 6 7 8 9 10 @-webkit-keyframes facebook{ 0%&#123; &#125; &#160; 50%&#123; &#125; &#160; 100%&#123; &#125; &#125; facebook是此关键帧的name(详看Demo1) 以下Demo演示环境：Chrome 8+ Demo 1: &#60;!DOCTYPE HTML&#62; &#60;html&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34;&#62; &#60;title&#62;love you!&#60;/title&#62; [...]]]></description>
			<content:encoded><![CDATA[<p><strong style="background:#dfdfdf;">三个属性的解释如下：</strong></p>
<p><strong>transform</strong>{transform-function}</p>
<blockquote><p>{transform-function}:有scale(缩放)、rotate(旋转)、skew(倾斜)、translate(移动)等方法。每个方法都有两个参数，分别是当时2D空间的X和Y坐标。</p></blockquote>
<p><strong>transform-origin</strong>{和background-position的属性值一样}是指变形的基准点。</p>
<p><strong>transition</strong>{property duration timing-function}</p>
<blockquote><p>{transition-property}:要进行动画的属性；<br />
{transition-duration}:要进行动画的时间（单位:s（秒））<br />
{transition-timing-function}:要进行的动画效果；有linear(均速)、ease-in(慢到快)、ease-out(快到慢)、ease(慢快慢)</p></blockquote>
<p><strong>animation</strong>{name duration timing-function}</p>
<blockquote><p>{name}:#关键帧#的名称；<br />
{duration}:要进行动画的时间(单位:s)<br />
{timing-function}:要进行的动画效果；有linear(均速)、ease-in(慢到快)、ease-out(快到慢)、ease(慢快慢)</p></blockquote>
<p>关键帧:@keyframes name<br />
其格式如下:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #a1a100;">@-webkit-keyframes facebook{</span>
   <span style="color: #933;">0%</span><span style="color: #00AA00;">&#123;</span> 
     <span style="color: #00AA00;">&#125;</span>
&nbsp;
   <span style="color: #933;">50%</span><span style="color: #00AA00;">&#123;</span>
     <span style="color: #00AA00;">&#125;</span>
&nbsp;
   <span style="color: #933;">100%</span><span style="color: #00AA00;">&#123;</span>
      <span style="color: #00AA00;">&#125;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>facebook是此关键帧的name(详看Demo1)</p>
<p><strong>以下Demo演示环境：Chrome 8+</strong></p>
<p><strong>Demo 1:</strong></p>
<div class="runcode">
<p><textarea name="runcode" class="runcode_text" id="runcode_Wj0plt">&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
&lt;title&gt;love you!&lt;/title&gt;
&lt;style&gt;
div { background-color:#060; width:200px; margin:200px auto; }
@-webkit-keyframes
colorGOGO {  0% {
 background-color:#060;
}
 100% {
 background-color:#f60;
}
}
div:hover { -webkit-animation-name:colorGOGO; -webkit-animation-duration:2s; -webkit-animation-timing-function:linear; }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div&gt;I love you != =|| &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea></p>
<p><input type="button" value="运行" class="runcode_button" onclick="runcode_open_new('runcode_Wj0plt');"/> <input type="button" value="复制" class="runcode_button" onclick="runcode_copy('runcode_Wj0plt');"/> 提示：你可以先修改部分代码再运行。</p>
</div>
<p><strong>Demo 2</strong></p>
<div class="runcode">
<p><textarea name="runcode" class="runcode_text" id="runcode_hf6Y4B">&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
&lt;title&gt;关于CSS3的transform、transition、animation&lt;/title&gt;
&lt;style&gt;
b { border-width: 5px 5px; border-style: solid; border-color: #666 #fff #fff; font-size: 0; line-height: 0; position:absolute;top:5px; left:20px;
-webkit-transform:rotate(0deg);
-webkit-transition:-webkit-transform 0.2s ease-in;}
div:hover b{-webkit-transform:rotate(180deg);}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div style=&quot;border:1px solid #dfdfdf; margin:100px auto; width:200px;font-size:12px; text-align:center; height:20px; position:relative;&quot;&gt;鼠标放上来&lt;b&gt;&lt;/b&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</textarea></p>
<p><input type="button" value="运行" class="runcode_button" onclick="runcode_open_new('runcode_hf6Y4B');"/> <input type="button" value="复制" class="runcode_button" onclick="runcode_copy('runcode_hf6Y4B');"/> 提示：你可以先修改部分代码再运行。</p>
</div>
<div style="font-size:12px;">相关资料链接：<br />
transform:<a href="http://www.w3.org/TR/2009/WD-css3-2d-transforms-20091201/" target="_blank">http://www.w3.org/TR/2009/WD-css3-2d-transforms-20091201/</a><br />
transition:<a href="http://www.w3.org/TR/2009/WD-css3-transitions-20091201/" target="_blank">http://www.w3.org/TR/2009/WD-css3-transitions-20091201/</a><br />
animation:<a href="http://www.w3.org/TR/2009/WD-css3-animations-20090320/" target="_blank">http://www.w3.org/TR/2009/WD-css3-animations-20090320/</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://striblog.com/2011/07/transform-transition-animation/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>五个星期五，五个星期六，和五个星期日真的823年才出现一次？</title>
		<link>http://striblog.com/2011/07/5fr-5sa-5su/</link>
		<comments>http://striblog.com/2011/07/5fr-5sa-5su/#comments</comments>
		<pubDate>Mon, 04 Jul 2011 06:42:24 +0000</pubDate>
		<dc:creator>木小乐</dc:creator>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[生活日志]]></category>
		<category><![CDATA[五个星期五，javascript]]></category>

		<guid isPermaLink="false">http://striblog.com/?p=237</guid>
		<description><![CDATA[老早之前看过这样的微博。当时写了个JS验证了它的错误。不过，今天又看到有人转，于是翻到那时写的JS，小批一下= =&#124;&#124;。 运行下面代码看2009年到2099年发生“五个星期五，五个星期六，五个星期日”的月份 &#60;!DOCTYPE html&#62; &#60;html&#62; &#60;head&#62; &#60;meta charset=&#34;utf-8&#34; /&#62; &#60;title&#62;五个星期五，五个星期六，五个星期日&#60;/title&#62; &#60;/head&#62; &#60;body&#62;&#60;h1 style=&#34;font-size:14px;&#34;&#62;2009年到2099年发生“五个星期五，五个星期六，五个星期日”的月份：&#60;/h1&#62; &#60;script&#62; var i5 = i6 = i7 = 0; function t(y, m, d) { var _d = new Date(new Date().setFullYear(y, m - 1, d)), _w = _d.getDay(); _w == 5 ? i5++:(_w == 6 ? i6++:(_w == 0 ? i7++:null)); return [...]]]></description>
			<content:encoded><![CDATA[<p>老早之前看过这样的微博。当时写了个JS验证了它的错误。不过，今天又看到有人转，于是翻到那时写的JS，小批一下= =||。</p>
<p><a href="###" ><img src="http://striblog.com/wp-content/uploads/2011/07/wp-s11070401.jpg" alt="" title="wp-s11070401" width="588" height="284" class="alignnone size-full wp-image-247"  style="border:1px solid #dfdfdf;display:block;padding:10px 5px;" /></a></p>
<p><strong>运行下面代码看2009年到2099年发生“五个星期五，五个星期六，五个星期日”的月份</strong></p>
<div class="runcode">
<p><textarea name="runcode" class="runcode_text" id="runcode_79SlSG">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot; /&gt;
&lt;title&gt;五个星期五，五个星期六，五个星期日&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;&lt;h1 style=&quot;font-size:14px;&quot;&gt;2009年到2099年发生“五个星期五，五个星期六，五个星期日”的月份：&lt;/h1&gt;
&lt;script&gt;
var i5 = i6 = i7 = 0;
function t(y, m, d) {
    var _d = new Date(new Date().setFullYear(y, m - 1, d)),
    _w = _d.getDay();
    _w == 5 ? i5++:(_w == 6 ? i6++:(_w == 0 ? i7++:null));
    return i5 + '-' + i6 + '-' + i7
}
function ry(y) {
    var m0 = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
    m1 = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
    m = (y % 4 || y % 100) == 1 ? m1: m0;
    for (i = 1; i &lt; 13; i++) {
        dw(y, i, m[i - 1])
    }
}
function dw(y, m, l) {
    for (var i = 1; i &lt;= l; i++) {
        if (i == 1) {
            i5 = i6 = i7 = 0
        }
        if (t(y, m, i) == '5-5-5') {
            document.body.innerHTML += y + &quot;-&quot; + m + &quot;&lt;br/&gt;&quot;
        }
    }
}
for (var j = 2009; j &lt;= 2099; j++) {
    ry(j)
}
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea></p>
<p><input type="button" value="运行" class="runcode_button" onclick="runcode_open_new('runcode_79SlSG');"/> <input type="button" value="复制" class="runcode_button" onclick="runcode_copy('runcode_79SlSG');"/> 提示：你可以先修改部分代码再运行。</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://striblog.com/2011/07/5fr-5sa-5su/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

