<?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>Lefter &#187; ue</title>
	<atom:link href="http://lefter.net/blog/tag/ue/feed/" rel="self" type="application/rss+xml" />
	<link>http://lefter.net/blog</link>
	<description>blog of lefter</description>
	<lastBuildDate>Wed, 16 May 2012 03:54:13 +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>小窗口的的浏览体验</title>
		<link>http://lefter.net/blog/minify_view/</link>
		<comments>http://lefter.net/blog/minify_view/#comments</comments>
		<pubDate>Sat, 19 Sep 2009 03:58:56 +0000</pubDate>
		<dc:creator>lujo</dc:creator>
				<category><![CDATA[体验&交互&平面&策划]]></category>
		<category><![CDATA[前端开发&架构]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ue]]></category>

		<guid isPermaLink="false">http://lefter.net/blog/?p=1026</guid>
		<description><![CDATA[小窗口的的浏览体验是必须的，在保证页面内容的完整性的前提下，满足多终端设备的访问，细小部分的处理更能体现一个企业的水准。出现小窗口浏览的情形有很多，比如和女朋友抢电脑用... ]]></description>
			<content:encoded><![CDATA[小窗口的的浏览体验是必须的，在保证页面内容的完整性的前提下，满足多终端设备的访问，细小部分的处理更能体现一个企业的水准。出现小窗口浏览的情形有很多，比如和女朋友抢电脑用的时候，女朋友要看电影，用户要看新闻，在难分高下的时候只能“AA”，因此浏览新闻就只能缩小窗口了：）
<br/><strong>看了一下国内网站（满屏自适应部分）基本上没有考虑这点</strong>
<img src="/blog/wp-content/uploads/2009/09/tenPay_full.gif" alt="tenPay_full" title="tenPay_full" />
<img src="/blog/wp-content/uploads/2009/09/tenPay_minify.gif" alt="tenPay_minify" title="tenPay_minify" />
<img src="/blog/wp-content/uploads/2009/09/baidu.gif" alt="baidu" title="baidu" />
<img src="/blog/wp-content/uploads/2009/09/baidu_full.gif" alt="baidu_full" title="baidu_full" />
<img src="/blog/wp-content/uploads/2009/09/taobao.gif" alt="taobao" title="taobao" />
<img src="/blog/wp-content/uploads/2009/09/qq.gif" alt="qq" title="qq"  />
<strong>再看Yahoo</strong>最上面的提示条满屏的时候是100%，占据整个宽度
<img src="/blog/wp-content/uploads/2009/09/yahoo.gif" alt="yahoo" title="yahoo" />
缩小的时候页面内容完整，布局没有错乱
<img src="/blog/wp-content/uploads/2009/09/yahoo_small.gif" alt="yahoo_small" title="yahoo_small" />
<p>对于块级元素,宽度默认会继承父级的宽度也就是100%（内联元素没有宽度，即使定义了也无效），而最外层元素HTML的宽度一般是随窗口的改变而改变的(改变窗口大小再点击下面代码)</p>
<pre><code>alert(document.body.offsetWidth + "px")</code></pre>
<p>YAHOO的做法是为满屏的元素（顶部提示条）加上min-width ,IE6不支持此属性不知道是YAHOO是怎么解决的，但是让IE6支持min-width实现方法可以用执行表达式 Expression:</p>
<pre><code>width:expression((documentElement.clientWidth &lt; 400) ? "400px" : "auto" )</code></pre>
<p>另一种方法是用border-width来模拟</p>
<pre><code>* html .minwidth { 
	border-left:600px solid #fff; float:left
}
* html .container { 
	margin-left:-600px; float:left;	 position:relative;
}</code></pre>
<p><strong><a href="/demo/ie6_min-width.htm">查看演示</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://lefter.net/blog/minify_view/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>创意与用户体验之间的需求差异</title>
		<link>http://lefter.net/blog/originality-ue/</link>
		<comments>http://lefter.net/blog/originality-ue/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 09:24:22 +0000</pubDate>
		<dc:creator>lujo</dc:creator>
				<category><![CDATA[体验&交互&平面&策划]]></category>
		<category><![CDATA[ue]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://lefter.net/blog/?p=530</guid>
		<description><![CDATA[从设计的角度来讲，设计与艺术有本质的区别。艺术就是可以随意创作。而设计会有一个用户体验的前提。必须在这个前提下进行设计。只是说怎么用艺术上更好地方法来解决这个问题。设计... ]]></description>
			<content:encoded><![CDATA[<p>从设计的角度来讲，设计与艺术有本质的区别。艺术就是可以随意创作。而设计会有一个用户体验的前提。必须在这个前提下进行设计。只是说怎么用艺术上更好地方法来解决这个问题。设计不是艺术，但是它有美学的成分。但本质不是艺术，而是为用户服务。要站在用户的角度去创新。这两点没有矛盾。这里我们应该理解创意、创新的概念。就广义来讲，创意并不是画抽象画，从产品设计的角度，把产品做得好，做得对用户有用，就是创新。 设计在于根据采集到的信息，通过设计师来演驿。不同的设计师有不同的解决方案。这个就是设计师需要做的事情。而怎么去演驿怎么去解决得更好，同样一个问题，十个设计师有十种方法去解决。每个设计师对设计的理解都不一样。你的比他的好，对用户有用这就是创新。</p>
<blockquote><p><strong>user experience</strong> the user experience, mostly called “customer experience” when referring to e-commerce websites; the totality of the experience of a user when visiting a website. Their impressions and feelings. Whether they&#8217;re successful. Whether they enjoy themselves. Whether they feel like coming back again. The extent to which they encounter problems, confusions, and bugs.</p></blockquote>
<p>用户体验是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。应该对用户体验有正确的预估，认识用户的真实期望和目的，并尽可能的满足用户</p>
<p>互联网的用户体验与产品的用户体验,其本质上是没有差别的。只不过使用方法不一样，互联网是用户通过点击，互联网可用性的评价标准就是与用户互动做到了什么样的程度。产品则是用户怎么用它，产品和人之间的互动，而互联网是网与人的互动，本质上是一样的</p>
<p>国内一些高端的企业已经把国外最新的概念引进来。或者有过之而不及。比如，WEB2.0 在中国好像只要是个网站就强调WEB2.0 ，实际上，在国外，这一点上是比较谨慎的。有所取舍。不同的网站有不同的用户，不同的用户对于网站的需求也不一样。如果用户没有这方面的需求，就没有必要跟风去做,认为现在是2.0了。我们必须上，不上就落后了。其实对于用户来说，他对于什么是WEB2.0也许并不没有一个清晰的概念。很多网站对于用户到底要不要，为什么要，要的是什么都不清楚。如果你做用户体验研究就知道;互联网还是要从产品特性出发，要不盲目跟风。我发现中国有一个现象。很多网站都是千篇一律，一个风格，我不知道是什么原因。每个网站都会有两张轮换的大图。所有的网站都有。奥运会期间，新浪有了火炬的背景，后来所有的网站都用这个背景，哪天一个网站拿下来了，所有网站也跟着没有了，没有根据自身的特点来做。觉得别人有了，我也要有。别人12寸的图，我就来个12寸的。这个是从众心理，互联网应该避免这样做。</p>
]]></content:encoded>
			<wfw:commentRss>http://lefter.net/blog/originality-ue/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

