<?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>Haw Hsu : Branding &#38; Brand Marketing Consultant - 徐顥 :  品牌行銷顧問 &#187; Web Development</title>
	<atom:link href="http://www.hawhsu.com/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.hawhsu.com</link>
	<description>Less is More</description>
	<lastBuildDate>Tue, 20 Sep 2011 16:48:09 +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>關於Adobe購併Business Catalyst事件的一些隨想</title>
		<link>http://www.hawhsu.com/adobe-merges-business-catalyst/</link>
		<comments>http://www.hawhsu.com/adobe-merges-business-catalyst/#comments</comments>
		<pubDate>Fri, 23 Oct 2009 07:07:26 +0000</pubDate>
		<dc:creator>Haw Hsu</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.hawhsu.com/?p=362</guid>
		<description><![CDATA[Adobe在2009年8月29日的新聞稿宣布購併一家名為Business Catalyst的Software-as-a-Service (SaaS) 公司，甚麼是Software-as-a-Service？其實就是把應用軟體透過網際網路，提供終端用戶線上使用，例如Google的Google Apps，Salesforce所提供的企業線上CRM服務，或是BaseCamp所提供的企業線上專案管理服務。Adobe自從2005購併了Macromedia之後便不斷地藉由購併將版圖延伸至網際網路的線上應用，著名的案例包括：2007年作隨選跨媒體整合的Scene7，以及最近專精於線上分析的Omniture等等，姑且不論Adobe的企圖心如何，從此次的Business Catalyst的購併其實也隱約透露出未來的網業設計與網站建置的產業趨勢，以及相關專業的整併。 Business Catalyst在產業界可能不是那麼知名，但是她的服務品牌：GoodBarry，應該就相對有名些；GoodBarry的主要業務為提供一般消費者線上DIY架站所需的版型設計、系統機制，及資料代管服務，乍聽之下，似乎跟Webs.com或Weebly這些市場成名已久的自助架站服務供應商沒什麼兩樣，沒錯，我一開始接觸Good Barry也是這樣認為，所以很快就略過，但後來有機會再回來看時，才發現她有一個針對專業人員的經銷商專區，而且在系統功能部分，也較一般自助架站要專業完整，且其中也包括了專業人員常用的CRM及Email Marketing系統，因此，在產品線上，GoodBarry的確是與一般自助架站服務網站有所區隔，雖然如此，還是有些納悶：既然服務的主要族群是專業人員，為何還提供所有人免費試用？這就好像明明是作通路的生意，但自己也開起零售店&#8230;不過，在這次Adobe的購併Q&#38;A裏，解答了這個疑惑，GoodBarry在2009年10月1日起停止了免費試用，同時並宣布未來將完全專注於經營專業人員市場，不再兼作一般消費市場，當然，這樣的決定，一方面也符合Adobe向來的產品的專業工具定位，另一方面也是賦予GoodBarry一個明顯的品牌區隔，藉以跳脫自助架站服務產業的紅海競爭。 從Adobe購併Business Catalyst的事件到底看到了什麼趨勢？從產業常態來看：理論上，當架站技術欲來欲普遍，產業的入門門檻理當愈平易近人，例如：今天任何人想擁有一個自己的Blog，只要上網申請即可，而且有無數選擇，同時可立即擁有，甚至還可以依自己的喜好設計外觀，而同樣的情形也發生在企業網站，企業主只要到前述的Webs.com申請一個免費帳號，便可以開始架站，或是也可以選擇每個月多付個美金99元，就可以有更多的版型選擇，或專屬網址，同時也幾乎是零等待便可立即擁有；產業現況似乎在告訴我們，過去要花數十萬甚至是數百萬建置一個網站的時代已經愈來愈遙遠，取而代之的是庶民經濟時代的「免費」或「平價」產品，而其結果是讓更多的消費者可以輕易擁有一個網站。的確，從一般消費者的觀點看的確是如此，但若從專業人員的觀點是否如此呢？是不是所有專業人員都必須投入「免費」產業的研發設計呢？或是應該更清楚地自我區隔「免費」市場，另闢產業藍海呢？因此，從Adobe購併Business Catalyst的事件，我們看到Adobe對於專業人員的未來其實是非常正面的，但前提是「專業」本身必須被重新定義。 當一般人不需要任何HTML及CMS知識即可免費擁有一個網站時，其代表的應該不是HTML或CMS就變得沒有價值呢？其實正好相反，此時的HTML文件應該變得更昂貴且更有價值，因為它將是結合經驗設計、內容規劃、溝通規畫等專業顧問服務所產生的更專業、更語意化、更結構化、更友好搜尋的標準HTML，而非過往缺乏結構的HTML，例如：Happy Cog Studios便是這樣一家「專業」公司，他沒有很炫的Flash作品，但他卻是收費屬一屬二的網站建置顧問公司，因此，我們應該有此認定：當許多結果可以無償取得時，其相對的客製化服務應該變得更有價值，亦即提供客製服務的專業收費也應該更高，因為他所創造的結果在充斥著一般性的庶民經濟時代是絕對獨特的。也因此，Business Catalyst在做的即是將過去的「製作專業」系統工具化，讓專業人員可以更專注於更高價值的「顧問與設計專業」上，並以此區隔低價的製作勞務與高價的顧問與設計服務。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.adobe.com/" target="_blank">Adobe</a>在2009年8月29日的新聞稿宣布購併一家名為<a href="http://businesscatalyst.com/" target="_blank">Business Catalyst</a>的Software-as-a-Service (SaaS) 公司，甚麼是Software-as-a-Service？其實就是把應用軟體透過網際網路，提供終端用戶線上使用，例如Google的Google Apps，<a href="http://www.salesforce.com/" target="_blank">Salesforce</a>所提供的企業線上CRM服務，或是<a href="http://basecamphq.com/" target="_blank">BaseCamp</a>所提供的企業線上專案管理服務。Adobe自從2005購併了Macromedia之後便不斷地藉由購併將版圖延伸至網際網路的線上應用，著名的案例包括：2007年作隨選跨媒體整合的<a href="http://www.scene7.com/" target="_blank">Scene7</a>，以及最近專精於線上分析的<a href="http://www.omniture.com/en/" target="_blank">Omniture</a>等等，姑且不論Adobe的企圖心如何，從此次的Business Catalyst的購併其實也隱約透露出未來的網業設計與網站建置的產業趨勢，以及相關專業的整併。</p>
<p><img class="size-full wp-image-368 alignnone" title="bc" src="http://www.hawhsu.com/wp-content/uploads/2009/10/bc.jpg" alt="bc" width="520" height="310" /></p>
<p>Business Catalyst在產業界可能不是那麼知名，但是她的服務品牌：<a href="http://goodbarry.com/" target="_blank">GoodBarry</a>，應該就相對有名些；GoodBarry的主要業務為提供一般消費者線上DIY架站所需的版型設計、系統機制，及資料代管服務，乍聽之下，似乎跟<a href="http://www.webs.com/" target="_blank">Webs.com</a>或<a href="http://www.weebly.com/">Weebly</a>這些市場成名已久的自助架站服務供應商沒什麼兩樣，沒錯，我一開始接觸Good Barry也是這樣認為，所以很快就略過，但後來有機會再回來看時，才發現她有一個針對專業人員的經銷商專區，而且在系統功能部分，也較一般自助架站要專業完整，且其中也包括了專業人員常用的CRM及Email Marketing系統，因此，在產品線上，GoodBarry的確是與一般自助架站服務網站有所區隔，雖然如此，還是有些納悶：既然服務的主要族群是專業人員，為何還提供所有人免費試用？這就好像明明是作通路的生意，但自己也開起零售店&#8230;不過，在這次Adobe的購併<a href="http://goodbarry.com/announcements/info" target="_blank">Q&amp;A</a>裏，解答了這個疑惑，GoodBarry在2009年10月1日起停止了免費試用，同時並宣布未來將完全專注於經營專業人員市場，不再兼作一般消費市場，當然，這樣的決定，一方面也符合Adobe向來的產品的專業工具定位，另一方面也是賦予GoodBarry一個明顯的品牌區隔，藉以跳脫自助架站服務產業的紅海競爭。</p>
<p>從Adobe購併Business Catalyst的事件到底看到了什麼趨勢？從產業常態來看：理論上，當架站技術欲來欲普遍，產業的入門門檻理當愈平易近人，例如：今天任何人想擁有一個自己的Blog，只要上網申請即可，而且有無數選擇，同時可立即擁有，甚至還可以依自己的喜好設計外觀，而同樣的情形也發生在企業網站，企業主只要到前述的<a href="http://www.webs.com/" target="_blank">Webs.com</a>申請一個免費帳號，便可以開始架站，或是也可以選擇每個月多付個美金99元，就可以有更多的版型選擇，或專屬網址，同時也幾乎是零等待便可立即擁有；產業現況似乎在告訴我們，過去要花數十萬甚至是數百萬建置一個網站的時代已經愈來愈遙遠，取而代之的是庶民經濟時代的「免費」或「平價」產品，而其結果是讓更多的消費者可以輕易擁有一個網站。的確，從一般消費者的觀點看的確是如此，但若從專業人員的觀點是否如此呢？是不是所有專業人員都必須投入「免費」產業的研發設計呢？或是應該更清楚地自我區隔「免費」市場，另闢產業藍海呢？因此，從Adobe購併Business Catalyst的事件，我們看到Adobe對於專業人員的未來其實是非常正面的，但前提是「專業」本身必須被重新定義。</p>
<p>當一般人不需要任何HTML及CMS知識即可免費擁有一個網站時，其代表的應該不是HTML或CMS就變得沒有價值呢？其實正好相反，此時的HTML文件應該變得更昂貴且更有價值，因為它將是結合經驗設計、內容規劃、溝通規畫等專業顧問服務所產生的更專業、更語意化、更結構化、更友好搜尋的標準HTML，而非過往缺乏結構的HTML，例如：<a href="http://www.happycog.com/">Happy Cog Studios</a>便是這樣一家「專業」公司，他沒有很炫的Flash作品，但他卻是收費屬一屬二的網站建置顧問公司，因此，我們應該有此認定：當許多結果可以無償取得時，其相對的客製化服務應該變得更有價值，亦即提供客製服務的專業收費也應該更高，因為他所創造的結果在充斥著一般性的庶民經濟時代是絕對獨特的。也因此，Business Catalyst在做的即是將過去的「製作專業」系統工具化，讓專業人員可以更專注於更高價值的「顧問與設計專業」上，並以此區隔低價的製作勞務與高價的顧問與設計服務。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hawhsu.com/adobe-merges-business-catalyst/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designing with Web Standards</title>
		<link>http://www.hawhsu.com/designing-with-web-standards/</link>
		<comments>http://www.hawhsu.com/designing-with-web-standards/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 16:23:41 +0000</pubDate>
		<dc:creator>Haw Hsu</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Designing with Web Standards]]></category>
		<category><![CDATA[Jeffrey Zeldman]]></category>
		<category><![CDATA[Semantically Correct Markup]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Valid Code]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.hawhsu.com/?p=322</guid>
		<description><![CDATA[最近買辦正在進行一個所謂&#8221;Designing with Web Standards&#8221;的專案，合約裏清楚地規範了所有產出的HTML Markup都必須通過W3C XHTML 1.0 Transitional Markup Validation的零錯誤驗證才得以交付。哇！光聽這一連串的名字就覺得好像是一件很偉大的事，沒錯，這的確是件偉大的事，只不過偉大的是客戶的素質，而非工作本身，為何？在凡事講求表面的台灣社會，作網站其實也不例外，只要網站夠炫，Flash夠有趣，就是好網站，誰管你Markup 寫得有多精簡，多結構化&#8230;因為，根本沒有人會去看，百分之八十以上的人甚至不曉得要從哪裡看，因此，在普遍不重視的狀況下，試問，有甚麼樣的客戶會願意多花數倍的時間及費用撰寫一般人看不到的標準Markup呢？所以，我們覺得是客戶偉大。 圖片取自於：http://www.wait-till-i.com 為甚麼Web Standards很重要？有別於Java或VB等程式語言，HTML其實是一種標記語言，它的語言結構並不執行功能，而僅是標註資料的來源、畫面的位置，以及功能的呈現&#8230;，以蓋房子為例簡單說明之，HTML就像是看不到的管線，當蓋一棟房子時，理論上，每一組管線都應詳細標示它的配置、走向及規格，以方便日後的維修，是以，標示得愈清楚，愈符合國際標準，未來的維護成本相對地就愈低，反之，標示得不清不楚，一旦出現問題，就得碰運氣猜猜看了，一旦日子久了，管線變變得愈來愈複雜，屆時，維護也愈來愈困難，因此，Web Standards其實就是為了有系統地維護網頁，而且是讓所有人都能夠輕鬆地維護。 Web Standards的最大特色便在於透過CSS的運用，將結構語言（Structural Language）與呈現語言（Presentation Language）徹底分離，因而整個網頁文件的程式碼因此變得更精簡，而程式碼一旦精簡，檔案便相對地會變小，而瀏覽器的處理速度也因此變快。傳統的Web習慣以Table的方式編排畫面，因而導致內容與視覺定義混淆在一起，不僅不易閱讀，檔案相對地也比較大，而Web Standards則是以CSS定義畫面，以Table-less的方式進行編排，再加上Semantically Correct Markup以及Valid Code，因此所產生的網頁，不僅讓所有人都能夠一目瞭然，易讀易懂，當然其中也包括搜尋引擎的機器人，而未來，Web Standards的網頁也只要透過CSS Style的修改，便可以重新改版，完全無須更動HTML的架構，因此，導入Web Standards的優勢，從長遠來看，無論是成本、時間，乃至於效益，甚至是跨平台整合（iPhone、Web Appliance&#8230;等上網裝置）都比傳統Web要來得划算。 當然，此次對買辦的挑戰，不僅僅是Web Standards的Markup而以，還包括Javascript、前後端程式碼，以及Framework都要標準化；過去以來，買辦在Web的產業優勢便一直站穩在多國語言網站的建置管理及維護上，其中更是偏重於內容管理與品牌視覺管理，而今還必須多加一項：程式碼管理。隨著HTML語言語上網裝置的逐漸進化，Web Standards已是不可忽略的趨勢，特別是當大家一窩蜂都在熱衷於搜尋引擎關鍵字行銷時，別忘了，SEO（Search Engine Optimization）的最根本還是在於網頁本身，倘若網頁的體質是不良的，甭論買了多少關鍵字廣告，其效果都只是暫時的，但相反地，網頁本身若符合Web Standards，SEO的效果將會隨著時間愈來愈顯著，一切行銷活動也將因此而水到渠成。 雖然Web Standards在產業界早已經不是什麼新聞了，但有興趣的人，還是可以推薦你有空可以看看Jeffrey Zeldman的Designing with Web Standards (3rd Edition)，你可以點文字上的連結，直接連到Amazon購買。]]></description>
			<content:encoded><![CDATA[<p>最近買辦正在進行一個所謂&#8221;Designing with Web Standards&#8221;的專案，合約裏清楚地規範了所有產出的HTML Markup都必須通過<a href="http://validator.w3.org/" target="_blank">W3C XHTML 1.0 Transitional Markup Validation</a>的零錯誤驗證才得以交付。哇！光聽這一連串的名字就覺得好像是一件很偉大的事，沒錯，這的確是件偉大的事，只不過偉大的是客戶的素質，而非工作本身，為何？在凡事講求表面的台灣社會，作網站其實也不例外，只要網站夠炫，Flash夠有趣，就是好網站，誰管你Markup 寫得有多精簡，多結構化&#8230;因為，根本沒有人會去看，百分之八十以上的人甚至不曉得要從哪裡看，因此，在普遍不重視的狀況下，試問，有甚麼樣的客戶會願意多花數倍的時間及費用撰寫一般人看不到的標準Markup呢？所以，我們覺得是客戶偉大。</p>
<p><img class="alignnone size-full wp-image-336" title="481076236_aaa97cde45" src="http://www.hawhsu.com/wp-content/uploads/2009/09/481076236_aaa97cde45.jpg" alt="481076236_aaa97cde45" width="410" height="500" /></p>
<h6>圖片取自於：<a href="http://www.wait-till-i.com/2007/05/02/time-for-action-no-more-empty-web-standards-threats/">http://www.wait-till-i.com</a></h6>
<p>為甚麼Web Standards很重要？有別於Java或VB等程式語言，HTML其實是一種標記語言，它的語言結構並不執行功能，而僅是標註資料的來源、畫面的位置，以及功能的呈現&#8230;，以蓋房子為例簡單說明之，HTML就像是看不到的管線，當蓋一棟房子時，理論上，每一組管線都應詳細標示它的配置、走向及規格，以方便日後的維修，是以，標示得愈清楚，愈符合國際標準，未來的維護成本相對地就愈低，反之，標示得不清不楚，一旦出現問題，就得碰運氣猜猜看了，一旦日子久了，管線變變得愈來愈複雜，屆時，維護也愈來愈困難，因此，Web Standards其實就是為了有系統地維護網頁，而且是讓所有人都能夠輕鬆地維護。</p>
<p>Web Standards的最大特色便在於透過CSS的運用，將結構語言（Structural Language）與呈現語言（Presentation Language）徹底分離，因而整個網頁文件的程式碼因此變得更精簡，而程式碼一旦精簡，檔案便相對地會變小，而瀏覽器的處理速度也因此變快。傳統的Web習慣以Table的方式編排畫面，因而導致內容與視覺定義混淆在一起，不僅不易閱讀，檔案相對地也比較大，而Web Standards則是以CSS定義畫面，以Table-less的方式進行編排，再加上Semantically Correct Markup以及Valid Code，因此所產生的網頁，不僅讓所有人都能夠一目瞭然，易讀易懂，當然其中也包括搜尋引擎的機器人，而未來，Web Standards的網頁也只要透過CSS Style的修改，便可以重新改版，完全無須更動HTML的架構，因此，導入Web Standards的優勢，從長遠來看，無論是成本、時間，乃至於效益，甚至是跨平台整合（iPhone、Web Appliance&#8230;等上網裝置）都比傳統Web要來得划算。</p>
<p>當然，此次對買辦的挑戰，不僅僅是Web Standards的Markup而以，還包括Javascript、前後端程式碼，以及Framework都要標準化；過去以來，買辦在Web的產業優勢便一直站穩在多國語言網站的建置管理及維護上，其中更是偏重於內容管理與品牌視覺管理，而今還必須多加一項：程式碼管理。隨著HTML語言語上網裝置的逐漸進化，Web Standards已是不可忽略的趨勢，特別是當大家一窩蜂都在熱衷於搜尋引擎關鍵字行銷時，別忘了，SEO（Search Engine Optimization）的最根本還是在於網頁本身，倘若網頁的體質是不良的，甭論買了多少關鍵字廣告，其效果都只是暫時的，但相反地，網頁本身若符合Web Standards，SEO的效果將會隨著時間愈來愈顯著，一切行銷活動也將因此而水到渠成。</p>
<p>雖然Web Standards在產業界早已經不是什麼新聞了，但有興趣的人，還是可以推薦你有空可以看看Jeffrey Zeldman的<a href="http://www.amazon.com/gp/product/0321616952?ie=UTF8&#038;tag=bloghawhscome-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=0321616952">Designing with Web Standards (3rd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=bloghawhscome-20&#038;l=as2&#038;o=1&#038;a=0321616952" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />，你可以點文字上的連結，直接連到Amazon購買。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hawhsu.com/designing-with-web-standards/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>淺談企業網站的Web 2.0策略</title>
		<link>http://www.hawhsu.com/web-20-strategies-for-corporate-website/</link>
		<comments>http://www.hawhsu.com/web-20-strategies-for-corporate-website/#comments</comments>
		<pubDate>Thu, 14 Aug 2008 08:18:04 +0000</pubDate>
		<dc:creator>Haw Hsu</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[api application programming interface]]></category>
		<category><![CDATA[application programming interface]]></category>
		<category><![CDATA[asynchronous javascript and xml]]></category>
		<category><![CDATA[basecamp]]></category>
		<category><![CDATA[david heinemeier hansson]]></category>
		<category><![CDATA[digg]]></category>
		<category><![CDATA[o reilly]]></category>
		<category><![CDATA[ror]]></category>
		<category><![CDATA[ruby on rails]]></category>
		<category><![CDATA[signals]]></category>
		<category><![CDATA[syndication]]></category>

		<guid isPermaLink="false">http://www.hawhsu.com/?p=201</guid>
		<description><![CDATA[Tim O&#8217;Reilly在 &#8216;What is Web 2.0 ?&#8217; 一文中認為Web 2.0的最大特色在於「參與式」的網路軟體架構；甚麼是「參與式」的網路軟體架構？意即任何人只要透過網際網路，均可以在Web 2.0的網路軟體上貢獻自己的資料或服務，同時藉由協同開發的分享互動，持續更新軟體，創造軟體的應用價值，進而共同發展出最適用於全球使用者的網路應用 程式。以當前全球最受歡迎的推文網站Digg為例，任何人均可以在Digg發表自己的文章，同時也可以推薦、評價、甚至評論其他人發表的文章，評價愈高的文章便享有愈前面的排序，透過全球使用者的參與，以及不斷地文章發表，Digg基本上便是運用了「參與式」的網路軟體概念，創造了一個最典型的Web 2.0「參與式」軟體平台。 Digg運用了「參與式」的網路軟體概念，創造了一個最典型的Web 2.0「參與式」軟體平台 Web 2.0的重要關鍵技術 網路技術的演進，基本上對整個Web 2.0的發展成敗具有決定性的影響；其中重要的關鍵技術包括Ajax（Asynchronous JavaScript and XML）、RoR（Ruby on Rails）、RSS（ Really Simple Syndication ），以及API（ Application Programming Interface ）等等。分述如下： Ajax技術的出現，基本上改變了整個網頁的瀏覽經驗，透過Ajax拖拉置放（drag-and-drop）、動態影像尺寸放大縮小、部分頁面刷新&#8230;等直覺化互動技術，使用者幾乎可以完全延續桌面系統的操作行為於網路瀏覽介面上，而Web 2.0的網站也因為Ajax技術的大量運用，充分將「參與式」的架構概念整合至操作行為中，進而完整展現整個平台的高度互動情境。 RoR一套由Ruby程式語言所開發的網頁應用程式架構，最早其應用在37 Signals的David Heinemeier Hansson所開發BaseCamp線上專案管理軟體上，直到2004年7月才以開放原始碼的方式進行全球發佈；RoR最大的特色在於精簡的程式碼以及Model-View-Control的 程式邏輯與資料庫清楚分離架構，因此，透過RoR的程式與資料庫架構，開發者可以大幅縮短網路軟體的開發時程，在RoR的官網上甚至號稱可以在15分鐘內開發一套 Weblog應用程式，同時，所用的程式碼也僅需58行即可完成，可見其程式精簡之程度，當前以RoR開發的知名網站包括有Twitter、YellowPages，以及台灣知名的書籤分享網站HEMiDEMi等。 RSS是在Netscape時代就出現的資料推播技術，透過RSS的訂閱推播，網站資料便可以出版在任何網站，達到資訊分享的目的，O&#8217;Reilly認為在Web2.0時代，資料將是未來的Intel Inside，RSS除了作為資料發佈的工具之外，同時也是整合的工具，像是Google旗下的FeedBurner便是一個提供資料發佈者整合所有RSS Feeds的網站，而所有的網路使用者也可以透過瀏覽器或是Google Reader等RSS管理平台整合所有訂閱的RSS Feeds，RSS幾乎已成為Web 2.0時代最直接的資料溝通工具。 API則是Web 2.0作為開放服務平台的另一個指標性網路技術，主要的功能是提供網路使用者協同開發的工具平台，透過API的開放，Web 2.0的網站不僅可以藉由Meshup嵌入的方式迅速擴展服務內容，同時也可以藉此拉動長尾的影響力，逐漸凝聚網站本身的應用服務品牌附加價值，其中最明顯的例子莫過於Google Maps，Google Maps提供非常簡單的API，讓使用者可以輕易地運用地圖資料在任何自行開發的應用程式。其他案例如Facebook；Facebook透過API的開放，提供使用者自行開發Facebook平台上的應用程式，根據Faceview的預測，2008年，Facebook平台上的應用程式數量將會超過37000個，所產生的影響也將逐漸逼近Google的龍頭地位。 「分享式」行為模型與「參與式」軟體架構的高度整合 除了網路技術之外，Web 2.0的價值也同時體現在「分享式」行為模型與「參與式」軟體架構的高度整合；甚麼是「分享式」的行為模型？網際網路的使用模式其實是一種樹狀架構，使用 者在架構中往往必須做出許多抉擇，以決定瀏覽的標的以及互動的回饋，在Web 1.0的時代，這個樹狀往往是單一的分岔及線型的流程，所有的瀏覽情境與動線規劃完全掌握在開發者的預期內，使用者只要依據內容的指示，即可取得整個網站的完整瀏覽經驗；然而，在Web [...]]]></description>
			<content:encoded><![CDATA[<p>Tim O&#8217;Reilly在 &#8216;What is Web 2.0 ?&#8217; 一文中認為Web 2.0的最大特色在於「參與式」的網路軟體架構；甚麼是「參與式」的網路軟體架構？意即任何人只要透過網際網路，均可以在Web 2.0的網路軟體上貢獻自己的資料或服務，同時藉由協同開發的分享互動，持續更新軟體，創造軟體的應用價值，進而共同發展出最適用於全球使用者的網路應用 程式。以當前全球最受歡迎的推文網站<a href="http://www.digg.com/" target="_blank">Digg</a>為例，任何人均可以在<a href="http://www.digg.com/" target="_blank">Digg</a>發表自己的文章，同時也可以推薦、評價、甚至評論其他人發表的文章，評價愈高的文章便享有愈前面的排序，透過全球使用者的參與，以及不斷地文章發表，<a href="http://www.digg.com/" target="_blank">Digg</a>基本上便是運用了「參與式」的網路軟體概念，創造了一個最典型的Web 2.0「參與式」軟體平台。</p>
<p><img class="alignnone size-full wp-image-198" title="digg" src="http://www.hawhsu.com/wp-content/uploads/2008/08/digg.jpg" alt="" width="400" height="258" /></p>
<h6>Digg運用了「參與式」的網路軟體概念，創造了一個最典型的Web 2.0「參與式」軟體平台</h6>
<h3>Web 2.0的重要關鍵技術</h3>
<p>網路技術的演進，基本上對整個Web 2.0的發展成敗具有決定性的影響；其中重要的關鍵技術包括Ajax（Asynchronous JavaScript and XML）、RoR（Ruby on Rails）、RSS（ Really Simple Syndication ），以及API（ Application Programming Interface ）等等。分述如下：</p>
<ul>
<li>Ajax技術的出現，基本上改變了整個網頁的瀏覽經驗，透過Ajax拖拉置放（drag-and-drop）、動態影像尺寸放大縮小、部分頁面刷新&#8230;等直覺化互動技術，使用者幾乎可以完全延續桌面系統的操作行為於網路瀏覽介面上，而Web 2.0的網站也因為Ajax技術的大量運用，充分將「參與式」的架構概念整合至操作行為中，進而完整展現整個平台的高度互動情境。</li>
<li>RoR一套由Ruby程式語言所開發的網頁應用程式架構，最早其應用在<a href="http://www.37signals.com/" target="_blank">37 Signals</a>的David Heinemeier Hansson所開發<a href="http://www.basecamphq.com/" target="_blank">BaseCamp</a>線上專案管理軟體上，直到2004年7月才以開放原始碼的方式進行全球發佈；RoR最大的特色在於精簡的程式碼以及Model-View-Control的 程式邏輯與資料庫清楚分離架構，因此，透過RoR的程式與資料庫架構，開發者可以大幅縮短網路軟體的開發時程，在<a href="http://www.rubyonrails.org/" target="_blank">RoR的官網</a>上甚至號稱可以在15分鐘內開發一套 Weblog應用程式，同時，所用的程式碼也僅需58行即可完成，可見其程式精簡之程度，當前以RoR開發的知名網站包括有<a href="http://twitter.com/" target="_blank">Twitter</a>、<a href="http://www.yellowpages.com/" target="_blank">YellowPages</a>，以及台灣知名的書籤分享網站<a href="http://www.hemidemi.com" target="_blank">HEMiDEMi</a>等。</li>
<li>RSS是在Netscape時代就出現的資料推播技術，透過RSS的訂閱推播，網站資料便可以出版在任何網站，達到資訊分享的目的，O&#8217;Reilly認為在Web2.0時代，資料將是未來的Intel Inside，RSS除了作為資料發佈的工具之外，同時也是整合的工具，像是Google旗下的<a href="http://www.feedburner.com/fb/a/home" target="_blank">FeedBurner</a>便是一個提供資料發佈者整合所有RSS Feeds的網站，而所有的網路使用者也可以透過瀏覽器或是<a href="http://www.google.com/reader" target="_blank">Google Reader</a>等RSS管理平台整合所有訂閱的RSS Feeds，RSS幾乎已成為Web 2.0時代最直接的資料溝通工具。</li>
<li>API則是Web 2.0作為開放服務平台的另一個指標性網路技術，主要的功能是提供網路使用者協同開發的工具平台，透過API的開放，Web 2.0的網站不僅可以藉由Meshup嵌入的方式迅速擴展服務內容，同時也可以藉此拉動長尾的影響力，逐漸凝聚網站本身的應用服務品牌附加價值，其中最明顯的例子莫過於<a href="http://maps.google.com" target="_blank">Google Maps</a>，<a href="http://maps.google.com" target="_blank">Google Maps</a>提供非常簡單的API，讓使用者可以輕易地運用地圖資料在任何自行開發的應用程式。其他案例如<a href="http://www.facebook.com" target="_blank">Facebook</a>；<a href="http://www.facebook.com" target="_blank">Facebook</a>透過API的開放，提供使用者自行開發<a href="http://www.facebook.com" target="_blank">Facebook</a>平台上的應用程式，根據<a href="http://facereviews.com/" target="_self">Faceview</a>的預測，2008年，Facebook平台上的應用程式數量將會超過37000個，所產生的影響也將逐漸逼近Google的龍頭地位。</li>
</ul>
<h3>「分享式」行為模型與「參與式」軟體架構的高度整合</h3>
<p>除了網路技術之外，Web 2.0的價值也同時體現在「分享式」行為模型與「參與式」軟體架構的高度整合；甚麼是「分享式」的行為模型？網際網路的使用模式其實是一種樹狀架構，使用 者在架構中往往必須做出許多抉擇，以決定瀏覽的標的以及互動的回饋，在Web 1.0的時代，這個樹狀往往是單一的分岔及線型的流程，所有的瀏覽情境與動線規劃完全掌握在開發者的預期內，使用者只要依據內容的指示，即可取得整個網站的完整瀏覽經驗；然而，在Web 2.0的時代，這個樹狀卻呈現出極為複雜的非線型混搭（Mashup）模式，使用者的瀏覽經驗早已超脫開發者的預期，任何時間、任何地點均有可能新生一處節點需要使用者作點選抉擇，同時，不同使用者的瀏覽樹狀也因此在此產生交集，進而分享並產生大量的互動對話（Conversation），而這種來自於不 同使用者之間的對話情境即稱之為「分享式」的行為模型。</p>
<p>「分享」同時也是整個Web 2.0的核心價值，無論是在個人資訊整合面向或是企業協同應用面向。Peter F. Drucker認為在「資訊科技」的年代裏，真正推動社會進步的不是「科技」，而是「資訊」本身，而「資訊」只要透過分享的非線型混搭傳播，其影響的層面 便可以從一個小網站擴及至整個社會，因此，從商業的角度審視Web 2.0的效應，除了協同工作面之外，最明顯的優勢當然就在行銷溝通面上，Web 2.0的平台可以讓企業輕易地整合各個面向的資訊與意見，包括員工、客戶、業務、夥伴&#8230;等，透過分享，快速地將產品及服務資訊，甚至是概念發佈至網路 上任何一個延伸可及的角落。所以，「分享」的目的在於集結群體智慧，透過使用者主動積極的參與和貢獻進而創造價值，這個價值包括：協同、參與、簡單、容易 取得、輕量、目標導向、使用者導向&#8230;等等許多由Web 2.0所衍伸出的關鍵概念，而這個價值也正是當前所有成功的Web 2.0網站之信仰所在。</p>
<h3>Web 2.0是一個服務平台的概念</h3>
<p>O&#8217;Reilly在 &#8216;What is Web 2.0 ?&#8217;一文中繼續提到Web 2.0所強調的是服務模式，而非套裝軟體，而服務也是Web 2.0企業的核心競爭力之一；基本上Web 2.0的服務依不同的使用者背景可區分為B2C的個人服務與B2B的企業服務兩種：B2C像是<a href="http://www.myspace.com" target="_blank">MySpace</a>所提供的個人社交服務、<a href="http://www.flickr.com" target="_blank">Flickr</a>所提供的個人相簿分享服務，或是<a href="http://www.youtube.com" target="_blank">YouTube</a>所提供的個人影音分享服務，而B2B則像是<a href="http://www.salesforce.com" target="_blank">Salesforce</a>所提供的企業線上CRM服務，或是<a href="http://www.basecamphq.com/" target="_blank">BaseCamp</a>所提供的企業線上專案管理服務，一般而言，B2C的服務往往是免費的，而B2B的服務通常會依使用者多寡收取月費或年費。</p>
<p><img class="alignnone size-full wp-image-199" title="salesforce" src="http://www.hawhsu.com/wp-content/uploads/2008/08/salesforce.jpg" alt="" width="400" height="279" /></p>
<h6>Salesforce是網路作為服務平台的典型範例</h6>
<p>然而B2C與B2B的服務，其間的界限真的有如此明顯嗎？其實不然，因為溝通便利與行銷操作使然，已有愈來愈多的企業選擇運用B2C的服務來完成B2B之間的應用，例如將影像存放在<a href="http://www.flickr.com" target="_blank">Flickr</a>、將多媒體存在<a href="http://www.youtube.com" target="_blank">YouTube</a>、使用Gmail作為公司主要的郵件系統，或是像知名跨國軟體公司Serena甚至選擇以<a href="http://www.facebook.com" target="_blank">Facebook</a>取代原有的Lotus Notes作為企業的資訊交換平台；因此，就整體趨勢而言，未來Web 2.0的服務平台將不再僅是針對一般使用者，它必須同時滿足個人在生活、商務、社交、工作、溝通&#8230;等所有多方面需求。</p>
<h3>企業網站的Web 2.0策略</h3>
<p>若從服務平台的角度重新思考Web 2.0的企業網站概念，不難發現，未來的企業網站的核心價值也勢必建構在其所提供之服務的核心理念之上，因此，整個規劃策略也會基於此觀點進行發展，以下便列舉八項當前企業網站的Web 2.0策略，分述如下：</p>
<p><strong>策略一：人性化的內容溝通</strong></p>
<p>Web 2.0最普遍的應用便是部落格，而部落格最大的特色便在於其真誠、說故事般、平易近人的內容溝通方式，相較之下，傳統企業網站的內容便顯得有些教條，因 此，在Web 2.0講求個人溝通的時代，在企業網站上，與其扮演一位公司發言人的角色，以非常八股制式的方式介紹公司，倒不如化身為鄰家朋友，以說故事的方式，娓娓道來，分享公司的產品服務給每一位到訪的朋友，如此，所有訪客都會非常樂意瀏覽企業網站的內容，因為整個瀏覽的經驗就像是閱讀一篇生動有趣的部落格文章，完全沒有企業簡介帶來的沉重閱讀負擔。</p>
<p><strong>策略二：應用聚合式的內容嵌入規畫</strong></p>
<p>應用聚合（Mashup）是Web 2.0網站內容的一大特色，一般而言企業網站可透過Widget的技術作到自身內容的應用聚合（例如：產品與相關的解決方案），或是應用聚合其他相關網站的內容或應用服務（例如：產品與其他網站的測試評論，或直接嵌入<a href="http://www.youtube.com" target="_blank">YouTube</a>的Demo動畫等），當然，除了自身的應用聚合之外，企業網站也可以透過RSS或API的方式將自身網站的動態更新內容，應用聚合嵌入至其他的網站，進一步展現一加一大於二的網路品牌傳播效應。</p>
<p><strong>策略三：善用RSS的同步推播</strong></p>
<p>就企業而言，RSS所提供的最大便利在於即時訊息的推播，所有企業的重要訊息如：新聞發佈、新產品上市、檔案更新下載&#8230;等，在過去，往往必須依 賴電子郵件或媒體代理商傳遞播送，既慢又無效率，如今，只要透過RSS或Podcasts等推播機制，即可在第一時間送達所有訂閱者的瀏覽器或其他上網的 工具上。</p>
<p><strong>策略四：Ajax直覺式互動設計</strong></p>
<p>Ajax的應用解決了許多過去因資料交換所產生的瀏覽不便，例如註冊表單填寫，過去必須不斷地刷新頁面以檢查使用者代碼有無重複，而今，只要透過 Ajax，使用者在填入資料的同時即可進行重複資料的比對，並立即將結果呈現在網頁上，大幅提升使用者提供資料的意願；當然，這僅是Ajax相關應用的一小部分，如前所述，Ajax技術的真正目的其實應是如何完整延續使用者在桌面系統的操作行為於網路瀏覽介面上，因此，Web 2.0的企業網站應擺脫過去傳統Brochureware的設計思維，而開始思考如何建置一個全新的Ajax直覺式互動網站，而今，Ajax已大量被運用 在<a href="http://www.google.com" target="_blank">Google</a>、<a href="http://www.facebook.com" target="_blank">Facebook</a>、<a href="http://www.flickr.com" target="_blank">Flickr</a>、<a href="http://del.icio.us" target="_blank">Delicious</a>&#8230;等諸多社交或入口網站上，相關應用，不妨從這些知名網站逐一探索。</p>
<p><strong>策略五：雙向對話而非單向傳播</strong></p>
<p>Web 2.0的核心價值在於內容「參與」與「分享」，因此，就企業網站而言，其中最大的變革當屬Web 2.0的企業網站不在是一言堂式的單向傳播網站，而是雙向互動的對話（Conversation）網站；一般而言，產生對話的方法包括：</p>
<ul>
<li>建置一個具備回應功能的企業部落格</li>
<li>在主要的內容頁面，像是：新聞發布、產品簡介、成功案例&#8230;等，提供使用者回應或評價機制</li>
<li>建置即時客服系統，提供使用者立即性的問題解決</li>
<li>建置線上討論區系統，啟動使用者的社群對話機制</li>
<li>建置問卷系統，蒐集使用者對網站的提問回饋</li>
<li>建置客戶入口網站（Customer Portal），建立使用者之間的社交關係</li>
</ul>
<p>基本上，產生對話不僅可提升使用者與網站之間使用黏度，同時因為與使用者間距離的縮短，對於企業本身品牌形象提升也有極大之助益。</p>
<p><strong>策略六：善用眾人的集體智慧</strong></p>
<p>集結眾人智慧，是Web 2.0的另一個重要應用，透過「參與式」的網路軟體架構，每一個人都可以成為企業網站內容的作者，同時，每一個人也都可以成為產品設計師，這便是當前所謂 的Prosumer概念。怎麼作？以維基網站（Wiki）為例，企業可建置一個維基網站，並賦予每一位合格的使用者發表文章及上傳檔案的權限，然後藉由使用者之間的自發性討論與開發心得交換，集結成果，並作為未來產品或服務開發的重要參考標的；因此，從維基網站的案例得知，集結眾人智慧將不僅僅只是Web 2.0的分享應用而已，宏觀而言，它甚至可以定義為產品經理與使用者之間重要的協同開發介面，透過此一介面，不僅可以真正掌握使用者的需求，同時也可以強 化使用者對於產品，甚至品牌本身的信仰及認同。</p>
<p><strong>策略七：SEO搜尋引擎優化</strong></p>
<p>搜尋引擎優化的目的在於提升企業網站在全球主要搜尋引擎，例如<a href="http://www.google.com" target="_blank">Google</a>、<a href="http://www.yahoo.com" target="_blank">Yahoo</a>、<a href="http://www.live.com" target="_blank">MSN Live Search</a>… 等的排名，以藉此帶入更多的潛在客戶。早期的搜尋引擎優化無外乎寫寫頁面的Meta，或是以關鍵字改寫內容&#8230;等等就算優化，然而，在Web 2.0時代的搜尋引擎優化卻是完全不一樣的情境，內容是王（Content is King）的理論在Web 2.0時代再度抬頭，像是<a href="http://www.google.com" target="_blank">Google</a>，就對具有豐富內容的部落格網站或維基網站特別友善，此類型的網站在Google往往擁有極高的Pagerank，因此，適度在企業網站中導入部落格系統，或建置一個知識索引的維基系統，都將有助於企業本身的搜尋引擎排名成效。</p>
<p><strong>策略八：豐富媒體</strong><strong>的</strong><strong>廣泛應用</strong></p>
<p>甚麼是豐富媒體（Richmedia）？舉凡動態影像、照片、音樂、遊戲&#8230;等等全都涵蓋在豐富媒體的定義中；在Web 1.0時代，這些被定義為豐富媒體的檔案往往只是扮演著文字輔助說明的角色，而在Web 2.0時代，豐富媒體便一舉超越文字，進而成為網際網路的主流內容，知名網站如<a href="http://www.flickr.com" target="_blank">Flickr</a>、<a href="http://picasaweb.google.com" target="_blank">PicasaWeb</a>、<a href="http://www.youtube.com" target="_blank">YouTube</a>&#8230; 便是明顯以豐富媒體為主要呈現內容的網站；同樣的情境也呈現在Web 2.0的企業網站上，一般而言，企業網站可透過Media Library的建置，整合網站內所有的豐富媒體檔案，並提供檔案相關的搜尋與回應功能，或是現在也有愈來愈多的企業選擇將檔案存放在第三方網站，例如照 片放在<a href="http://www.flickr.com" target="_blank">Flickr</a>、動態影像放在<a href="http://www.youtube.com" target="_blank">YouTube</a>、簡報檔案放在<a href="http://www.slideshare.net/" target="_blank">SlideShare</a>，如此，一來不僅可以節省企業內部下載的頻寬，二來還可以順勢帶入第三方網站現有的人潮流量，一舉兩得，何樂而不為。</p>
<p>自始以來，Web 2.0所展現的是一個平台的概念，從來就不是一個孤立的網站，因此，當企業網站規畫者在規劃網站之時，首先必須釐清的便是網站本身的服務價值定義為何？以及使用者的操作情境為何？如此才有可能以使用者為中心，規劃建置一個真正符合Web 2.0概念的企業網站。</p>
<p>本文同步發表於<a href="http://www.compradormaiban.com/tw/?p=676" target="_blank">Comprador Press</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hawhsu.com/web-20-strategies-for-corporate-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
