<?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>Miife Blog &#187; 使用者介面</title>
	<atom:link href="http://blog.miife.com/tags/%e4%bd%bf%e7%94%a8%e8%80%85%e4%bb%8b%e9%9d%a2/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.miife.com</link>
	<description>Me 2 for Your Life</description>
	<lastBuildDate>Sun, 09 Jan 2011 03:44:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>JASIST 論文系列 &#8211; 以 Amazon.com 為例談使用者介面的改進</title>
		<link>http://blog.miife.com/2008/02/jasist-2.html</link>
		<comments>http://blog.miife.com/2008/02/jasist-2.html#comments</comments>
		<pubDate>Sat, 02 Feb 2008 12:09:00 +0000</pubDate>
		<dc:creator>盧保羅</dc:creator>
				<category><![CDATA[專題報導]]></category>
		<category><![CDATA[Amazon]]></category>
		<category><![CDATA[使用者介面]]></category>

		<guid isPermaLink="false">http://192.168.1.3/wp25/?p=220</guid>
		<description><![CDATA[這是一篇很簡單的論文，是由美國 AOL（American Online）專門作使用者介面（User Interface） 的專家對於 Amazon.com 在搜尋物品的操作介面上所作的改進建議，左圖是 Amazon.com 的首頁，大家可以看到整個搜尋是由一個下拉式選單（drop down list）再加上一個可以輸入關鍵字的文字方塊（textbox）所組成。這個下拉式選單基本上是一個範圍篩選器（scope limiter），當使用者在首頁時，下拉式選單會秀出第一層分類內容，然而當使用者進入某個次分類的時候，下拉式選單的內容則會變成與目前所在分類同階層的所有類別，例如，假設你在「書籍」之下的「小說」這個次分類的話，選單的內容可能會顯示像是電腦、小說、科幻小說‥‥‥等等，使用者可以藉由這個範圍篩選器去縮小搜尋的範圍，藉以提高搜尋的精準度。[1]

AOL 的專家想要改進的就是下拉式選單，他們所做的改進，基本上大家看圖就可以了解，所以，我們就來看圖說故事吧！這個選單顯示的是當使用者所觀看的網頁位於「Electronics」這個分類的情況，除了列出與「Electronics」同階層的所有類別以外，還特別把「Electronics」變成粗體字，以提醒使用者目前在這個分類下，至於最後一個「All Products」則是讓使用者可以快速搜尋整個網站的，所以，基本上無論在那一層的分類都會出現這個選項，讓人何時何地都可以搜尋整個網站，附帶一提，到這裡為止下拉式選單中所顯示的內容大致都與 Amazonc.com 原本的設計差異不大。
當使用者進入下一層分類時，假設是進入了「Camera and Optical」這一個類別，並且這也是「Electronics」下唯一的分類，所以各位可以看見「Camera and Optical」變成了粗體字，並且也不會有其他同階層的類別。從這裡開始，就開始跟 Amazon.com 有些不一樣的設計了，他做了一項改變，就是‥‥‥把上一層的分類也加入了選項，所以你看到了「Electronics」。
這時候，當使用者又進入到下一層分類，到了「Camcorder」，這層也只有一個分類，所以各位可以看到的選項是上兩層的分類，並且加上這層的所有分類（瞭解嗎？這層只有一個「Camcorder」），然後加上「All Products」。
這是最後一層分類，「Camcorder」維持粗體字，作者認為不把粗體字放下去的原因是因為常常最後一層分類都太細了，導致使用者會搞不清楚要搜尋的物品在那一分類下，所以維持在上一層才是最好的作法，最後一層有三個分類，分別是 Digital、VHS、Hi 8mm，下拉式選單中的選項還是包括了上幾層的分類。
基本上，這就是他的改進，他做了簡單的實驗，說這樣的設計的確改善了使用者的搜尋，不過實驗的方法並沒有說明的很詳細，算不上是非常正式的論文，標準論文的理論參考等內容也沒有提到。
老實說，我想大家看到他的改進時，一定會想「這算啥改進，只是小小的改了一點點，也值得拿出來寫一篇？」，但是這也是我挑選這篇論文的主要目的，或許 Amazon.com 的使用者用了這個改進以後，可以在搜尋上加快了 0.5 秒，0.5 秒或許很少，但是當有 1000 萬使用者時，所產出的效果就很可觀，同樣的，當我們在思考創意時，天馬行空固然很好，但是其實有些時候最佳創意可能就只是在身邊的那一點點小地方。
[1] Amazon.com 已經改變他們搜尋功能的下拉式選單內容的顯示規則，但並不是採用這篇論文的建議。
圖片、資料來源 : Gremett, P. (2006). Utilizing a User&#8217;s Context to improve search results. Journal of American Society for Information Science and Technology, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://blog.miife.com/wp-content/uploads/2008/04/jasist-v57-p808-812-1.jpg"><img class="alignleft size-medium wp-image-264" style="margin: 0pt 10px 10px 0pt; float: left;" title="jasist-v57-p808-812-1" src="http://blog.miife.com/wp-content/uploads/2008/04/jasist-v57-p808-812-1-300x230.jpg" alt="" width="293" height="224" /></a>這是一篇很簡單的論文，是由美國 AOL（American Online）專門作使用者介面（User Interface） 的專家對於 <a href="http://www.amazon.com/">Amazon.com</a> 在搜尋物品的操作介面上所作的改進建議，左圖是 Amazon.com 的首頁，大家可以看到整個搜尋是由一個下拉式選單（drop down list）再加上一個可以輸入關鍵字的文字方塊（textbox）所組成。這個下拉式選單基本上是一個範圍篩選器（scope limiter），當使用者在首頁時，下拉式選單會秀出第一層分類內容，然而當使用者進入某個次分類的時候，下拉式選單的內容則會變成與目前所在分類同階層的所有類別，例如，假設你在「書籍」之下的「小說」這個次分類的話，選單的內容可能會顯示像是電腦、小說、科幻小說‥‥‥等等，使用者可以藉由這個範圍篩選器去縮小搜尋的範圍，藉以提高搜尋的精準度。<span style="font-size:85%;">[1]</span></p>
<p><span id="more-174"></span></p>
<p style="text-align: justify;"><img class="alignnone size-medium wp-image-270" style="margin: 0pt 10px 10px 0pt; float: left;" title="jasist-v57-p808-812-2" src="http://blog.miife.com/wp-content/uploads/2008/04/jasist-v57-p808-812-2-191x300.jpg" alt="" width="105" height="166" />AOL 的專家想要改進的就是下拉式選單，他們所做的改進，基本上大家看圖就可以了解，所以，我們就來看圖說故事吧！這個選單顯示的是當使用者所觀看的網頁位於「Electronics」這個分類的情況，除了列出與「Electronics」同階層的所有類別以外，還特別把「Electronics」變成粗體字，以提醒使用者目前在這個分類下，至於最後一個「All Products」則是讓使用者可以快速搜尋整個網站的，所以，基本上無論在那一層的分類都會出現這個選項，讓人何時何地都可以搜尋整個網站，附帶一提，到這裡為止下拉式選單中所顯示的內容大致都與 Amazonc.com 原本的設計差異不大。</p>
<p style="text-align: justify;"><img class="alignright size-medium wp-image-266" style="margin: 0pt 10px 0px 10pt; float: right;" title="jasist-v57-p808-812-3" src="http://blog.miife.com/wp-content/uploads/2008/04/jasist-v57-p808-812-3.jpg" alt="" width="135" height="93" />當使用者進入下一層分類時，假設是進入了「Camera and Optical」這一個類別，並且這也是「Electronics」下唯一的分類，所以各位可以看見「Camera and Optical」變成了粗體字，並且也不會有其他同階層的類別。從這裡開始，就開始跟 Amazon.com 有些不一樣的設計了，他做了一項改變，就是‥‥‥把上一層的分類也加入了選項，所以你看到了「Electronics」。</p>
<p style="text-align: justify;"><img class="alignleft size-medium wp-image-267" style="margin: 0pt 10px 10px 0pt; float: left;" title="jasist-v57-p808-812-4" src="http://blog.miife.com/wp-content/uploads/2008/04/jasist-v57-p808-812-4.jpg" alt="" width="129" height="98" />這時候，當使用者又進入到下一層分類，到了「Camcorder」，這層也只有一個分類，所以各位可以看到的選項是上兩層的分類，並且加上這層的所有分類（瞭解嗎？這層只有一個「Camcorder」），然後加上「All Products」。</p>
<p style="text-align: justify;"><img class="alignright size-medium wp-image-268" style="margin: 0pt 10px 0px 10pt; float: right;" title="jasist-v57-p808-812-5" src="http://blog.miife.com/wp-content/uploads/2008/04/jasist-v57-p808-812-5.jpg" alt="" width="118" height="118" />這是最後一層分類，「Camcorder」維持粗體字，作者認為不把粗體字放下去的原因是因為常常最後一層分類都太細了，導致使用者會搞不清楚要搜尋的物品在那一分類下，所以維持在上一層才是最好的作法，最後一層有三個分類，分別是 Digital、VHS、Hi 8mm，下拉式選單中的選項還是包括了上幾層的分類。</p>
<p style="text-align: justify;">基本上，這就是他的改進，他做了簡單的實驗，說這樣的設計的確改善了使用者的搜尋，不過實驗的方法並沒有說明的很詳細，算不上是非常正式的論文，標準論文的理論參考等內容也沒有提到。</p>
<p style="text-align: justify;">老實說，我想大家看到他的改進時，一定會想「這算啥改進，只是小小的改了一點點，也值得拿出來寫一篇？」，但是這也是我挑選這篇論文的主要目的，或許 Amazon.com 的使用者用了這個改進以後，可以在搜尋上加快了 0.5 秒，0.5 秒或許很少，但是當有 1000 萬使用者時，所產出的效果就很可觀，同樣的，當我們在思考創意時，天馬行空固然很好，但是其實有些時候最佳創意可能就只是在身邊的那一點點小地方。</p>
<p>[1] Amazon.com 已經改變他們搜尋功能的下拉式選單內容的顯示規則，但並不是採用這篇論文的建議。</p>
<p>圖片、資料來源 : Gremett, P. (2006). Utilizing a User&#8217;s Context to improve search results. Journal of American Society for Information Science and Technology, Vol 57(6), pp 808-812</p>
   ]]></content:encoded>
			<wfw:commentRss>http://blog.miife.com/2008/02/jasist-2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JASIST 論文系列 &#8211; 小學生的搜尋引擎介面設計</title>
		<link>http://blog.miife.com/2008/01/jasist-3.html</link>
		<comments>http://blog.miife.com/2008/01/jasist-3.html#comments</comments>
		<pubDate>Tue, 15 Jan 2008 05:03:00 +0000</pubDate>
		<dc:creator>盧保羅</dc:creator>
				<category><![CDATA[專題報導]]></category>
		<category><![CDATA[使用者介面]]></category>

		<guid isPermaLink="false">http://192.168.1.3/wp25/?p=205</guid>
		<description><![CDATA[這是一篇很有趣的論文，主要是研究小學生（6-11 歲）對於搜尋引擎和瀏覽的介面設計，作者用了 International Children&#8217;s Digital Library [1] 為實驗的對象，大家都知道在目前少子化的趨勢下，小孩各各都是寶，父母願意為小孩子花的錢也是節節高升，可是目前以小孩為主的網站似乎還是屬於少數，或許這也是另一種商機。
裡面複雜的設計因素和實驗方法就不多說了，作者在裡面提出了四點設計指南（design guidelines），以下我就對這四點簡單的做個說明，希望能對相關設計者有所幫助。

首先，作者指出傳統式的關鍵字搜尋（keyword search）對於小學生並不是很好的搜尋方法，因為小學生懂得詞彙不是很多，關鍵字搜尋對小學生來說是十分困難的；另一種常見方法則是階層式分類（category hierarchies）[2]，但是小學生對於階層式架構還沒有概念，同樣會造成小學生搜尋的困難，因此作者主張應該把階層平坦化（flatten），換句話說，就是減少階層的設計，並且使用同時性展示（simultaneous presentation）的方式，最好是能夠在同一頁面上顯示所有的目錄，可以讓小學生點選，這樣可以加速小學生搜尋資料的速度。
第二點，他們發現同時性展示和平坦式設計也可以有效的幫助小學生使用布林運算（boolean），並且幫助小學生創造更多的布林，使得小學生可以在更少的提示（hint）幫助下，更快速的找到正確的資料。
第三點，作者也提出不是每個小學生都可以有效的了解布林運算，尤其在中低年級上，所以說在設計上，一些輔助性的功能是需要的，像是自動創造布林運算、將一些無關緊要的目錄灰化（graying out），讓小學生不能點選，都可以幫助小學生更有效的使用布林運算。
第四點，搜尋工具（navigation tool）圖形必須做得大而且很明顯，在實驗中，他們發現，一個只有一層的目錄，但是其目錄群佔滿了整個頁面，使目錄的圖像（icon）縮小還不如將分成兩階段，使目錄群的圖像變大的效果好。
最後作一個總結吧，我想作者在這篇研究裡，最關鍵的是想要找出階層式的設計對於小學生的影響，當然能夠分類成一層讓小學生一目了然是最好，但是在目前資訊總類繁多的情況下，要分成一層又同一頁面下，幾乎是不可能的事，因此能找出一個平衡點或許才是最佳的解決辦法。
[1] International Children&#8217;s Digital Library : http://www.icdlbooks.org
[2] 所謂階層式架構就是有點像是目前圖書館的分類，像是西洋 -&#62; 丹麥 -&#62; 童話故事 -&#62; 小紅帽
圖片、資料來源 : Hutchinson H. B., Druin A., &#38; Bederson B. B. (2007). Supporting Elementary-Age Children&#8217;s Searching and Browsing : Design and Evaluation Using the International Children&#8217;s Digital Library. Journal [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://blog.miife.com/wp-content/uploads/2008/04/jasist-v58-p1618-1630.jpg"><img class="alignleft size-medium wp-image-263" style="margin: 0pt 10px 10px 0pt; float: left;" title="jasist-v58-p1618-1630" src="http://blog.miife.com/wp-content/uploads/2008/04/jasist-v58-p1618-1630-300x229.jpg" alt="" width="288" height="219" /></a>這是一篇很有趣的論文，主要是研究小學生（6-11 歲）對於搜尋引擎和瀏覽的介面設計，作者用了 International Children&#8217;s Digital Library<span style="font-size:85%;"> <a href="http://www.icdlbooks.org/">[1]</a></span> 為實驗的對象，大家都知道在目前少子化的趨勢下，小孩各各都是寶，父母願意為小孩子花的錢也是節節高升，可是目前以小孩為主的網站似乎還是屬於少數，或許這也是另一種商機。</p>
<p style="text-align: justify;">裡面複雜的設計因素和實驗方法就不多說了，作者在裡面提出了四點設計指南（design guidelines），以下我就對這四點簡單的做個說明，希望能對相關設計者有所幫助。</p>
<p><span id="more-164"></span></p>
<p style="text-align: justify;">首先，作者指出傳統式的關鍵字搜尋（keyword search）對於小學生並不是很好的搜尋方法，因為小學生懂得詞彙不是很多，關鍵字搜尋對小學生來說是十分困難的；另一種常見方法則是階層式分類（category hierarchies）<span style="font-size:85%;">[2]</span>，但是小學生對於階層式架構還沒有概念，同樣會造成小學生搜尋的困難，因此作者主張應該把階層平坦化（flatten），換句話說，就是減少階層的設計，並且使用同時性展示（simultaneous presentation）的方式，最好是能夠在同一頁面上顯示所有的目錄，可以讓小學生點選，這樣可以加速小學生搜尋資料的速度。</p>
<p style="text-align: justify;">第二點，他們發現同時性展示和平坦式設計也可以有效的幫助小學生使用布林運算（boolean），並且幫助小學生創造更多的布林，使得小學生可以在更少的提示（hint）幫助下，更快速的找到正確的資料。</p>
<p style="text-align: justify;">第三點，作者也提出不是每個小學生都可以有效的了解布林運算，尤其在中低年級上，所以說在設計上，一些輔助性的功能是需要的，像是自動創造布林運算、將一些無關緊要的目錄灰化（graying out），讓小學生不能點選，都可以幫助小學生更有效的使用布林運算。</p>
<p style="text-align: justify;">第四點，搜尋工具（navigation tool）圖形必須做得大而且很明顯，在實驗中，他們發現，一個只有一層的目錄，但是其目錄群佔滿了整個頁面，使目錄的圖像（icon）縮小還不如將分成兩階段，使目錄群的圖像變大的效果好。</p>
<p style="text-align: justify;">最後作一個總結吧，我想作者在這篇研究裡，最關鍵的是想要找出階層式的設計對於小學生的影響，當然能夠分類成一層讓小學生一目了然是最好，但是在目前資訊總類繁多的情況下，要分成一層又同一頁面下，幾乎是不可能的事，因此能找出一個平衡點或許才是最佳的解決辦法。</p>
<p>[1] International Children&#8217;s Digital Library : <a href="http://www.icdlbooks.org/">http://www.icdlbooks.org</a><br />
[2] 所謂階層式架構就是有點像是目前圖書館的分類，像是西洋 -&gt; 丹麥 -&gt; 童話故事 -&gt; 小紅帽</p>
<p>圖片、資料來源 : Hutchinson H. B., Druin A., &amp; Bederson B. B. (2007). Supporting Elementary-Age Children&#8217;s Searching and Browsing : Design and Evaluation Using the International Children&#8217;s Digital Library. Journal of the American Society for Information Science and Technology, Vol 58(11), pp. 1618-1630</p>
   ]]></content:encoded>
			<wfw:commentRss>http://blog.miife.com/2008/01/jasist-3.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

