<?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>Don&#039;t Panic &#187; web</title>
	<atom:link href="http://danielfree.net/archives/tag/web/feed" rel="self" type="application/rss+xml" />
	<link>http://danielfree.net</link>
	<description>时间足够你爱</description>
	<lastBuildDate>Wed, 08 Feb 2012 15:45:42 +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://danielfree.net/archives/620?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e7%25bb%2586%25e8%258a%2582%25e5%2586%25b3%25e5%25ae%259a%25e7%2594%25a8%25e6%2588%25b7%25e4%25bd%2593%25e9%25aa%258c</link>
		<comments>http://danielfree.net/archives/620#comments</comments>
		<pubDate>Mon, 24 Aug 2009 21:22:29 +0000</pubDate>
		<dc:creator>Daniel</dc:creator>
				<category><![CDATA[术业]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://daniel.codetea.co.uk/archives/620</guid>
		<description><![CDATA[记一点悟出的道理&#160; 用户体验往往都在于对细节的处理&#160; 事小但效果明显 印象中读到的一个经典例子就是很多连锁餐厅 比如麦当劳这种 它们的厕所都是没有把的 为什么? 因为没有把的门 用户就只能去推 而有把的门很多人却会选择去拉 这种厕所的设计在英国这里基本上是标准设计 今天是看到开心网首页的那些转帖标题想到的 转帖占据了大量的首页feed信息&#160; 而帖子标题往往都很长 开兴网的处理方式是采取直接截断&#160; 加上&#8230;字符输出 逻辑没有问题 但是标题被截断后往往无法了解其全部内容 容易丧失用户的兴趣 举例说明 开心网里的格式是这样的 【让你开开眼界，年度点击率最高的&#8230;(转自****的日记) 其实要加上全部标题内容也很简单 给&#60;a&#62;标签里加上title属性即可 【让你开开眼界，年度点击率最高的&#8230;(转自****的日记) 把鼠标放到链接上 全部名字就出现在悬浮文字里 类似这种 代价很小 但能有效提高用户体验的东西 以后要多注意积累学习一些]]></description>
			<content:encoded><![CDATA[<div>记一点悟出的道理&nbsp; 用户体验往往都在于对细节的处理&nbsp; 事小但效果明显</div>
<div>印象中读到的一个经典例子就是很多连锁餐厅 比如麦当劳这种 它们的厕所都是没有把的</div>
<div>为什么? 因为没有把的门 用户就只能去推 而有把的门很多人却会选择去拉</div>
<div>这种厕所的设计在英国这里基本上是标准设计</div>
<div></div>
<div>今天是看到开心网首页的那些转帖标题想到的</div>
<div>转帖占据了大量的首页feed信息&nbsp; 而帖子标题往往都很长</div>
<div>开兴网的处理方式是采取直接截断&nbsp; 加上&#8230;字符输出</div>
<div>逻辑没有问题 但是标题被截断后往往无法了解其全部内容 容易丧失用户的兴趣</div>
<div>举例说明 开心网里的格式是这样的</div>
<div><a href="http://localhost">【让你开开眼界，年度点击率最高的&#8230;</a><span class="sl"><span class="c6">(转自<span class="sl">****</span>的日记)</span></span></div>
<div><span class="sl"><span class="c6">其实要加上全部标题内容也很简单 给&lt;a&gt;标签里加上title属性即可<a title="【让你开开眼界，年度点击率最高的10张图片】" href="http://localhost"></a></span></span></div>
<div><span class="sl"><span class="c6"><a title="【让你开开眼界，年度点击率最高的10张图片】" href="http://localhost">【让你开开眼界，年度点击率最高的&#8230;</a><span class="sl"><span class="c6">(转自<span class="sl">****</span>的日记)</span></span></span></span></div>
<div><span class="sl"><span class="c6">把鼠标放到链接上 全部名字就出现在悬浮文字里</span></span></div>
<div></div>
<div><span class="sl"><span class="c6">类似这种 代价很小 但能有效提高用户体验的东西 以后要多注意积累学习一些<br /></span></span></div>
]]></content:encoded>
			<wfw:commentRss>http://danielfree.net/archives/620/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Microsoft依然是家伟大的公司</title>
		<link>http://danielfree.net/archives/613?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=microsoft%25e4%25be%259d%25e7%2584%25b6%25e6%2598%25af%25e5%25ae%25b6%25e4%25bc%259f%25e5%25a4%25a7%25e7%259a%2584%25e5%2585%25ac%25e5%258f%25b8</link>
		<comments>http://danielfree.net/archives/613#comments</comments>
		<pubDate>Sat, 08 Aug 2009 22:11:52 +0000</pubDate>
		<dc:creator>Daniel</dc:creator>
				<category><![CDATA[术业]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://daniel.codetea.co.uk/archives/613</guid>
		<description><![CDATA[虽然windows操作系统一直都饱受各种批评指责 虽然在互联网的很多方面都没有做到先锋和翘首 但是不能否认的是微软坚持学习 坚持加入游戏的毅力 而因为媒体的渲染 很多的努力其实都被遮掩了 比如说今天逛到的这个网站&#160;http://wonderwall.msn.com 真是让我眼前一亮 &#160;横版的页面设计 AJAX加载更新内容 那个用图片构建起来的flash网格 真是一个非常酷的web app 点击每个图片之后都会在横版上插入网页的内容 这个设计感觉很赞&#160; 我对flash的设计不是很了解 不知道这种实现是不是很复杂 微软的这个网站还是让我很佩服的..]]></description>
			<content:encoded><![CDATA[<p>虽然windows操作系统一直都饱受各种批评指责 虽然在互联网的很多方面都没有做到先锋和翘首</p>
<p>但是不能否认的是微软坚持学习 坚持加入游戏的毅力 而因为媒体的渲染 很多的努力其实都被遮掩了</p>
<p>比如说今天逛到的这个网站&nbsp;<a href="http://wonderwall.msn.com" target="_blank">http://wonderwall.msn.com</a></p>
<p>真是让我眼前一亮 &nbsp;横版的页面设计 AJAX加载更新内容 那个用图片构建起来的flash网格 真是一个非常酷的web app</p>
<p>点击每个图片之后都会在横版上插入网页的内容 这个设计感觉很赞&nbsp;</p>
<p>我对flash的设计不是很了解 不知道这种实现是不是很复杂 微软的这个网站还是让我很佩服的..</p>
]]></content:encoded>
			<wfw:commentRss>http://danielfree.net/archives/613/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Safari下的input 样式</title>
		<link>http://danielfree.net/archives/585?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=safari%25e4%25b8%258b%25e7%259a%2584input-%25e6%25a0%25b7%25e5%25bc%258f</link>
		<comments>http://danielfree.net/archives/585#comments</comments>
		<pubDate>Mon, 02 Mar 2009 23:45:21 +0000</pubDate>
		<dc:creator>Daniel</dc:creator>
				<category><![CDATA[术业]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://daniel.codetea.co.uk/archives/585</guid>
		<description><![CDATA[参见这篇文章http://www.bartelme.at/journal/archive/safaris_search_field Safari加入了一个新的html input类型 &#60;input type=&#8217;search&#8217;&#62; 这个类型只在Safari下有自己的样式效果 圆角边框, 并且加入了很多独有的属性, 其效果就是和Leopard里系统随处可见的搜索框一模一样 可以保存搜索历史, 有右边的小叉清除按钮 虽然说很好看 也很好用 但严重的问题是和其他浏览器以及CSS标准全都不兼容(不知道其他基于WebKit的浏览器支不支持) 苹果的脾气就是这样&#8230; 上面那个网站演示了一个解决办法, 用一个javascript 判断浏览器是否是Safari 然后替换标准的&#60;input type=&#8217;text&#8217;&#62;成为&#60;input type=&#8217;search&#8217;&#62;&#160; 具体代码就不具体分析了&#8230;我暂时还不考虑专门为Safari的美化去研究这个&#8230; 另外 Safari 4 Beta的确比Firefox 3.1要快不少, 另外Chrome在windows下也是很抢眼, 现在就期待Chrome的mac能尽早出来了&#8230;]]></description>
			<content:encoded><![CDATA[<p>参见这篇文章<a href="http://www.bartelme.at/journal/archive/safaris_search_field" target="_blank">http://www.bartelme.at/journal/archive/safaris_search_field</a></p>
<p>Safari加入了一个新的html input类型 &lt;input type=&#8217;search&#8217;&gt; 这个类型只在Safari下有自己的样式效果</p>
<p>圆角边框, 并且加入了很多独有的属性, 其效果就是和Leopard里系统随处可见的搜索框一模一样</p>
<p>可以保存搜索历史, 有右边的小叉清除按钮</p>
<p>虽然说很好看 也很好用 但严重的问题是和其他浏览器以及CSS标准全都不兼容(不知道其他基于WebKit的浏览器支不支持)</p>
<p>苹果的脾气就是这样&#8230;</p>
<p>上面那个网站演示了一个解决办法, 用一个javascript 判断浏览器是否是Safari 然后替换标准的&lt;input type=&#8217;text&#8217;&gt;成为&lt;input type=&#8217;search&#8217;&gt;&nbsp; 具体代码就不具体分析了&#8230;我暂时还不考虑专门为Safari的美化去研究这个&#8230;</p>
<p>另外 Safari 4 Beta的确比Firefox 3.1要快不少, 另外Chrome在windows下也是很抢眼, 现在就期待Chrome的mac能尽早出来了&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://danielfree.net/archives/585/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Served from: danielfree.net @ 2012-02-10 10:52:11 by W3 Total Cache -->
