<?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>It's FROGiology &#187; user experience</title>
	<atom:link href="http://blog.frogiology.com/tag/user-experience/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.frogiology.com</link>
	<description>the study about me</description>
	<lastBuildDate>Sat, 16 Jan 2010 19:26:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>用戶體驗 &#8211; User Experience</title>
		<link>http://blog.frogiology.com/2009/09/04/user-experience/</link>
		<comments>http://blog.frogiology.com/2009/09/04/user-experience/#comments</comments>
		<pubDate>Thu, 03 Sep 2009 18:43:46 +0000</pubDate>
		<dc:creator>Stanley Fok</dc:creator>
				<category><![CDATA[一般文章]]></category>
		<category><![CDATA[推介網站]]></category>
		<category><![CDATA[資訊科技]]></category>
		<category><![CDATA[RIA]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://blog.frogiology.com/?p=692</guid>
		<description><![CDATA[在我還小的時候，互聯網剛剛起步，網站設計的焦點都是放在外觀為主。現在我們身處web 2.0的世代，網站已再不是單向的為我們提供資訊的工具了。我們除了在網站上取得內容 (retrieving information)，還會處理資訊 (processing information)，甚至是建立資料 (creating information)。由此看見，用戶跟網站的溝通已經變成了雙向、互動的模式。用戶體驗 (User experience，或UX) 一詞，也漸漸被網站設計師及程式員所重視。 那甚麼是用戶體驗? 簡單來說就是指用戶根據某一個設計，經過使用後他所得出的感受。Jesse James Garret 可以說是對用戶體驗有深入理解的佼佼者了。早在2000年時，他已為用戶體驗進行深入探討，並且定下用戶體驗的重要元素，由抽象的概念慢慢延伸至具體的表現方法: User Needs: 研究用戶習慣，了解網站目的 Functional Specification: 詳細描述網站的功能，必須為解決用戶需求為大前提 Interaction Design: 計劃用戶在網站內的流程 (page flow)，以及用戶與資料互動的模式 Information Design: 考慮資訊在網站中表達的方法，並且要令介面乎合用戶互動的模式 Visual Design: 主要是從美學角度設計網站外觀及感覺 (look and free) Source: &#8220;The Elements of User Experience.&#8221; Jesse James Garret. (PDF) 以下這個powerpoint，在Interaction Design 及 Information Design 這兩個層面說得也很精彩，Stanley 在此極力推介呢! Designing Rich [...]]]></description>
			<content:encoded><![CDATA[<p>在我還小的時候，互聯網剛剛起步，網站設計的焦點都是放在外觀為主。現在我們身處web 2.0的世代，網站已再不是單向的為我們提供資訊的工具了。我們除了在網站上取得內容 (retrieving information)，還會處理資訊 (processing information)，甚至是建立資料 (creating information)。由此看見，用戶跟網站的溝通已經變成了雙向、互動的模式。用戶體驗 (User experience，或UX) 一詞，也漸漸被網站設計師及程式員所重視。</p>
<p>那甚麼是用戶體驗? 簡單來說就是指用戶根據某一個設計，經過使用後他所得出的感受。<a title="Jesse James Garrett" href="http://www.jjg.net/about/" target="_blank">Jesse James Garret</a> 可以說是對用戶體驗有深入理解的佼佼者了。早在2000年時，他已為用戶體驗進行深入探討，並且定下用戶體驗的重要元素，由抽象的概念慢慢延伸至具體的表現方法:</p>
<ul>
<li>User Needs: 研究用戶習慣，了解網站目的</li>
<li>Functional Specification: 詳細描述網站的功能，必須為解決用戶需求為大前提</li>
<li>Interaction Design: 計劃用戶在網站內的流程 (page flow)，以及用戶與資料互動的模式</li>
<li>Information Design: 考慮資訊在網站中表達的方法，並且要令介面乎合用戶互動的模式</li>
<li>Visual Design: 主要是從美學角度設計網站外觀及感覺 (look and free)</li>
</ul>
<div id="attachment_695" class="wp-caption alignnone" style="width: 310px"><a href="http://blog.frogiology.com/wp-content/uploads/2009/09/jjg-elements-ux.png" rel="lightbox[692]"><img class="size-medium wp-image-695 " title="jjg-elements-ux" src="http://blog.frogiology.com/wp-content/uploads/2009/09/jjg-elements-ux-300x224.png" alt="The Elements of User Experience" width="300" height="224" /></a><p class="wp-caption-text">The Elements of User Experience</p></div>
<p>Source: <a href="http://www.jjg.net/ia/">&#8220;The Elements of User Experience.&#8221;</a> Jesse James Garret. <a href="http://www.jjg.net/ia/elements.pdf">(PDF)</a></p>
<p>以下這個powerpoint，在Interaction Design 及 Information Design 這兩個層面說得也很精彩，Stanley 在此極力推介呢!</p>
<div id="__ss_1831872" style="width: 425px; text-align: left;"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" title="Designing Rich Applications " href="http://www.slideshare.net/theresaneil/designing-rich-applications">Designing Rich Applications </a><object style="margin:0px" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=delveny4slideshare-090808215304-phpapp02&amp;stripped_title=designing-rich-applications" /><param name="allowfullscreen" value="true" /><embed style="margin:0px" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=delveny4slideshare-090808215304-phpapp02&amp;stripped_title=designing-rich-applications" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">documents</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/theresaneil">Theresa Neil</a>.</div>
<div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px;"></div>
</div>
<p>更多資料:<br />
<a href="http://konigi.com/wiki/user-experience-design" target="_blank">http://konigi.com/wiki/user-experience-design</a><br />
<a href="http://semanticstudios.com/publications/semantics/000029.php" target="_blank">http://semanticstudios.com/publications/semantics/000029.php</a><br />
<a href="http://www.jjg.net/elements/" target="_blank">http://www.jjg.net/elements/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.frogiology.com/2009/09/04/user-experience/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

