《The Echo Temple》激發每個人的音樂渴望

《The Echo Temple》激活人們內心的音樂細胞，讓人群變成live band!

為什麼你的 Art 做不出好 UI？

(以下文章轉自Mr.Jamie 網站)

最近常常在和創業團隊們討論 UI (User Interface/使用者介面)，我發現很多人對於這個東西的誤解很深。想到要做 UI，大家的直覺往往就是先參考「國內外知名網站」 — 這很好，你不應該重新發明輪子，更不能重蹈覆轍。可惜許多人的「參考」，就是去偷人家的設計，卻沒有好好去檢視別人為什麼這麼做，哪些是該學的，哪些是你可以做得更好的。 我最喜歡舉的例子就是這兩個網站：

同樣是財經雜誌、幾乎一樣的排版方式，甚至連選用的色調都沒有差別。很明顯的，當初一定是其中一個人先做好，然後另一個人就說，既然他們都這樣做了，一定是深思熟慮的結果，我們就直接拿來抄吧！天啊！你沒有發現這樣的 UI 根本就是使用者的夢靨嗎？請問我一進到這樣一個網站，到底應該要把眼光放在哪裡？是左邊不停跳轉的圖片、中間的「最新出刊」、還是下面的「頭條要聞」？請問「最新出刊」跟「頭條要聞」，又有什麼不同呢？這根本不叫 UI，頂多叫做小學生的美術「著色板」，你把整個畫面塗得滿滿的，可是對使用者來說卻一點功能性也沒有。

最反差的例子，就是本文一開始附上的圖片。那是從 Dropbox 首頁擷取下來的，人家有幾百個功能，累積了 2,500 萬用戶，首頁卻還是嚴守著簡單的原則，非常清楚的讓每個進來的使用者知道，你該點哪裡，這，才配叫 UI。

「可是 Dropbox 是工具軟體，前面兩個是雜誌，不能蘋果比橘子。」你說。

好，我就知道你會這麼說，沒關係，我們再舉一個例子：

Huffington Post 是北美最成功的網路媒體，綜合性的新聞網站，每天有上千則報導、評論，這是人家的首頁。看到了嗎？清楚明白，這，才配叫 UI。

為什麼事情會變成這樣，我常常說是把「排版」和「使用者介面」搞混了的結果。以前雜誌的篇幅有限，所以要把版面填滿，免得浪費紙張。問題是當我們進入了網路時代，這個限制早就消失了，可惜很多的 “Art”，卻還是停留在舊時代的框架當中。

但我一直懷疑還有很多更深層、我沒想到的理由，剛好昨天讀到一篇文章「Why Johnny can’t build a decent user interface.」，給了我很多靈感，所以，以下就是加入了我的經驗，幫大家整理的列表：

為什麼你的 “Art” 做不出好 UI？

1. 自我感覺良好 — 「身為一個藝術工作者，我認為這個版面就是應該要這樣設計，這樣才有品味、這樣才叫美。我們在這裡還用上了最酷的 HTML5 動畫效果，你看，是不是超炫的？」天啊，先生，你不是在做一件要拿去展覽的藝術品好嗎？
2. 太聰明 — 「拜託，這明明就很方便，你看，所有你可能會需要用到的功能通通在一個畫面上就可以找到，是不是很方便？什麼？User 不會用？怎麼可能？世界上怎麼會有這麼笨的人類？」– 真的，這世界上 99.9999% 的人，就算有你的智商，也跟你的產品不熟，麻煩你還是將就他們一下吧！
3. 沒能力 — 說真的，要設計一個「藝術與科技的結晶」，美觀大方又好用的 UI，非。常。非。常。難。所以 1 和 2 的背後，往往就是其實這個人也沒有正確的觀念和知識，
4. 不重視 — 1~3 還是可以改善的，最慘的莫過於你的組織文化中根本沒有對 UI 優化的重視，從頭到得都沒有去注意消費者是如何使用你的產品，也沒把不斷的改善視為永恆的任務。
5. 忘了從使用者出發 — 再難用的 UI，當你用了 1,000 次，也變得很好用。往往在我們瘋狂的測試產品的同時，也養成了良好的使用習慣。等到產品推出去了，你也把這樣的 UI 視為理所當然，忘記了大多的使用者其實是比你少用 999 次的。

原也設計認為使用介面的美觀固然重要，而使用方便、簡單清楚更是設計網頁不可忽視的要件！網路業是一個講求轉換率最大化的行業，能夠把最多流量轉換成客戶的人，就是最後的贏家。所以在設計 UI 時，第一個必須要考慮 Conversion，然後才是美觀和舒適。能夠全部做到當然最好，如果不能的話，那麼需把轉換放在第一位。

寫Test還是不寫Test?

(以下文章轉貼自Mr.Jamie網站)

在 appWorks 有一些問題我們常常討論，例如：用什麼工具、做什麼產品、該怎麼行銷、該跟誰合作、怎麼合作、什麼時候增資、該拿多少錢… 等等，這些問題往往沒有一定的答案，也必須要視情況而定。但越是沒有標準答案的，我認為越是應該多討論，這樣才能幫助創業者們根據自己的情況，定義出最適合自己的處理方式。

而關於 coding，「要不要寫 test」就是其中有一個這樣的問題。當你要做一個非常簡單、用完即丟的 MVP，那不必寫 test。如果邏輯比較複雜、日後有維護的必要或是有和人家協同工作，那你一定要逼迫自己寫 test。

這絕對不只是完整性、邏輯性或是身為一個工程師的職責問題，而是你如果不寫 test，就是跟自己過不去 — 跟好的 comment/documentation 一樣，不做的話，日後要維護時，你將會花更多時間在弄懂自己當初寫的 code，當別人要用你的東西，你也必須花更多時間跟他解釋，這不就是跟自己過不去嗎？

幾個關於test的想法在這裡跟大家分享：

1. Test 讓你用程式功力去挑戰你的程式功力 — 身為工程師，大家最討厭的就是不斷的手動測試了，那何不把這些寫成程式？況且最好的進步方法就是以己之矛，攻己之盾，這樣不斷的循環下去，你的程式功力一定突飛猛進。
2. Test 讓你跟你寫的程式還有你自己對話 — 當你若干時間之後回來看自己寫的 test，你將會重新檢視自己當初的邏輯 — 這樣複雜的錯誤處理真的有必要嗎？這個物件夠獨立嗎… 等等，並且想清楚你寫的程式跟整個系統的架構是否吻合。
3. Test 提醒你程式是用「用了」多少行衡量，而不是「寫了」多少行 – 記住，最棒的程式碼，不是程式碼！
4. 好的 Test 設計還包含好的 Test 註解 — 如果你寫好的測試，別人更容易了解你的程式，和如何跟你介接。
5. Test 讓你可以看穿別人寫的 code — 同樣的道理，如果大家都寫好的測試，那你可以更容易了解別人寫的 code，大家都會進步的更快。

原也設計 網頁設計推薦

究竟「秒殺」有多吸引人？-「Carlton Dry 100」活動

究竟「秒殺」有多吸引人？不要小看「秒殺效應」！

近來有個特別的行銷手法，他們自稱為「48小時行銷」！發起者是來自澳洲的知名啤酒廠Carlton Dry，Carlton Dry即將進行一整年的「Carlton Dry 100」的活動，活動內容是這樣的：它會準備一百張機票，送100個幸運網友出國玩！聽起來和平常的行銷差不多，不過你以為只是這樣的話就大錯特錯啦！這一百張機票，在一年內將不定期的突然出現，也就是約三、四天一次，每次出現的時候，假如你有幸搶到，但是，離你出發卻只有48小時的時間！

比方說，今天是週二，早上突然出現了一場，叫你去泰國！它只會開放到明天早上報名，你幸運中獎，飛機會在週四就出發，管你是在上學還是在上班，趕快去請假、打包行李，48小時後，你已經在Carton Dry和其他新聞媒體攝影機的陪同下，上了飛機了！

多麼瘋狂又吸引人啊！原也設計認為它準確抓住了人們內心想要旅行的一股「衝動」，還有「越急就越嚮往」的人性，體驗旅行包括飛到西班牙被鬥牛追、或是到泰國看月圓、到寒冷的滑雪場玩雪板，有趣又話題性十足，況且這個活動在一年內三不五時都來轟炸一下，想要讓人不注意也難。想必場場「秒殺」下，Carlton Dry很快就會佈滿媒體版面了！

(資訊取材自Mr.6網站)

網站搬家步驟-確保SEO正常

(資訊取材自SEO部落格 http://www.seoland.tw/archives/343 )

許多站長都會碰到需要為自己網站搬家的經驗。這可能有許多不同的原因，如原本的虛擬主機公司提供的功能不夠，或是價錢考量等等。搬家時需要小心，尤其是在 SEO 這方面，因為如果搜尋引擎在搬家的過程中無法讀取到網站的內容，那就會對網站的搜尋引擎排名有負面的影響。原也設計建議搬家遵循以下步驟：

1. 先將網站程式碼放到新的虛擬主機上。

2. 若您有資料存放在 MySQL 資料庫中 (像是如果您有用 WordPress 架部落格)，用 Export Database 的功能將所有的資料匯出。之後您可以將此檔案匯入新虛擬主機上的 MySQL 資料庫。

3. 確認在新主機上的東西一切無誤。通常新虛擬主機都會提供一個網址，讓您在還沒有將您的網域轉過去之前能夠先看到網站的內容。

4. 將 Name Server 的資訊指向新的虛擬主機。修改 Name Server 資訊的地方可能是在原本的虛擬主機上，也可能是您購買網址的地方。

5. 注意看您的瀏覽紀錄。如果您發現新的虛擬主機已經開始有流量，您就知道您新的 Name Server 資訊是正確的。在 SEO 的考量上，您需要看到 Google (Googlebot) 及 Yahoo (Slurp) 蜘蛛程式出現的紀錄。

6. 新的 Name Server 資訊需要 24-72 小時才能傳播到整個網路。因此，不要一看到新的虛擬主機已經有流量就將舊的帳號關掉，因為這樣可能會造成某些訪客無法順利到達網站。原也設計建議是等一個星期。為了保險起見，等一個月後再關閉您原本的帳號。

按照上面的步驟，您將可以很順利地轉換您的虛擬主機。切記！不要太急著關閉舊的帳號，以保證訪客及搜尋引擎都不會因為這個變換而受到任何影響。

圖片SEO教學-原也設計

(資訊取材自SEO部落格 http://www.seoland.tw/archives/343 )

圖片搜尋是除了網頁搜尋之外最常被運用到的搜尋方式。在同一個關鍵字上，通常搜尋到的網頁數目遠比圖片數目為多。因此，一個有經過適當 SEO 的圖片在圖片搜尋結果中排名在前面的機會也相對提高。那麼圖片 SEO 怎麼進行呢？原也設計提供給您一個有效的方式：

1. 圖片的檔案名稱

就如同網頁 URL 要含有關鍵字一樣，圖片的檔案名稱最好也是要含有關鍵字。假設一個圖片的檔案名是 DSC0001.jpg，那搜尋引擎怎麼可能知道這個圖片是跟什麼有關呢？若該圖片的檔案名為 “book.jpg”，那搜尋引擎就知道這個圖片應該是跟書籍有關的。

2. 圖片的 alt 描述文字

alt 屬性的目的是給該圖片一個描述。alt 是用在 img 標籤內，其語法如下：

<img src=”圖片檔案” alt=”圖片描述”>

在 alt 的描述文字中放上適當的關鍵字，不只有利於搜尋引擎排名，並且在當圖片無法顯現的時候，能夠讓訪客了解說該圖片應該是有關於什麼東西。

3. 圖片附近的文字內容

若圖片附近的文字內容含有關鍵字，搜尋引擎就會認為該圖片與該關鍵字有比較密切的關係。在這裡講的圖片附近，是指在 HTML 碼中關鍵字與圖片的距離。這跟我們實際看到的網頁上圖片跟關鍵字的距離未必是一樣的。

4. 圖片所在的網頁

如果圖片所處的網頁本身已經在該關鍵字上有好的排名，那這對圖片本身的排名也會有正面的影響。

從DD(需求導向)開始的行銷

用「DD」操控社群行銷！「DD」是什麼？是「Demand Driven」的簡寫，也就是「需求導向」。

以往網路集結商品的人氣，主動傳給消費者資訊，總有漏網之魚，沒有傳到真正對的消費對象那裡，達到的效益有限。若能反向操作，由消費者「主動」提供需求，而企業藉由網路了解到消費者的需求。 再進一步設計出行銷活動，不再是為了推廣，而是透過朋友傳來的市調，來測知每個族群對此產品的看法，或者他們最喜歡哪個產品，這樣的話，場場活動人氣爆滿成功，才是有效利用現在正夯的社群行銷！

近來的oBaz網站就是很好的例子。oBaz自稱和團購網站Groupon相反，團購網站如Groupon是先談妥商家，邀約大家一起來買這間商家的東西，到了門檻之後半價，但oBaz是讓大家先提出自己想買什麼，過了一個門檻後，由oBaz主動去找商家去幫大家「談成」。

比方說最近你很想買數位相機，已經到了正在比價的階段，也看中了某一台但覺得它太貴，還在猶豫的時候，可以來到oBaz，告訴它你想買這台相機，或看看目前有哪些其他人已經表明想買其他種類的相機，oBaz一檔會給「七天」的時間，過了七天就失效，七天內都可以集氣，或許，集愈多就愈便宜。在集氣的期間oBaz也趕快去談商家，談到了就來通知你。

原也設計認為這個點子很好，也許未來某天就會「流行」起來，因為它可以前所未有的「挖」進目標族群的腦袋瓜裡。 不一定要達到驚人的銷售額。如果產品對、價格對，就能打入消費者的心裡。