因為FB興起的關係，絲路停息了很久，筆者的文章篇幅也隨著這股風潮，字數越來越少。

今天很多設計，科技，創業人的榜樣 Steve Jobs 殞落，有些感觸，所以就寫在這裡，當作一個紀錄。
Steve Jobs 一生的豐功偉業，大概有二十以上的本書，1000個以上網站討論過，
在此寫下 Steve Jobs 及所帶領的 Apple 對我生活，周遭的影響及啓發。

夢  Dream Bigger – Life is too short for living someone else’s dream.

Think Different 這個定義 Apple 的廣告標語，把 Dream bigger 的大夢，發揮的淋漓盡致。

我大學時期是念工業設計系，Apple 的產品一直是大家觀摩的重要指標，從大學時代起，不管手頭緊不緊，身邊總有一個Apple產品陪伴。
Apple 的產品，總是最多八卦的，各式各樣的猜測與偽照，數十年來層出不窮，不過 Apple 是家不被顧客牽著走的公司，往往不照wish list 的「升級版」的推出，讓人失望，但是久久一次，深思熟慮「大改版」的震撼，還是讓人非常期待！

蘋果的工業設計，一直是很多從事產品設計人的夢想。

大學念完工業設計之後，到了紐約轉攻多媒體數位藝術(2000-2002)，在紐約，我認識很多不同設計領域的朋友，其中有一大部份是做電腦動畫的。
Pixar, 皮克斯，是一家美國動畫電影的製作公司，Steve Jobs 在被除出自幾創辦公司的那幾年，草創了此公司。 1995 年，玩具總動員大熱銷，Disney 把 Pixar 買下，Steve Jobs 成為 Disney 最大的個人股東(7%)
Pixar 之後推出的電影 “incredible”,”ratatouille”,”Up”,”Wall-e”,”Monster Inc”….etc. 不僅3D動畫技術精湛，故事內容更是啟發人心，老少閒宜。

在 Pixar 做電影，一直是很多動畫人的夢想。

畢業以後(2002 – )，我開始在紐約有了工作，在紐約這個充滿文化刺激的城市，音樂變成我休閒娛樂的一大重點，看演唱會，買ＣＤ，是我每個月都要做的事。
Steve Jobs 回來接管 Apple 之後， Apple 電腦逐漸平民化，身邊用 Apple 電腦的人越來越多了，推出了 iPod, iTune Music Store, 解決了一些盜版問題，加上podcast 的廣播機制，正式的把音樂產業，整合在產品上，所有可以 sync iTune 的裝置，後面連結上了強大的文化媒體資源，常常有人說 Apple 產品的規格都不是很好，Apple 並非規格至上的公司，而是背後以軟性文化生活服務為出發點來設計產品。

之前有這樣的說法：Bill Gates 如果掉了 100 美金，他不需要彎身去簡，因為他彎身的時間，公司已經替他賺了一百。
iTune Store 真的做的很好，可以試聽，一首歌 $0.99，我想以一般 Apple 的用戶，找音樂花的時間（尤其比較冷門的），應該也不只 $0.99~。

iTune 的音樂商店，解決了很多音樂人的問題。

不像現在年輕人，手機已經像是家裡有熱水器一樣的理所當然，我這個六年級生，可以說是看著手機（與電腦）的成長茁壯。
2007年以前，手機與電腦公司，像衣服跟汽車公司一樣，是兩種不同的產業，這年 Apple 出了個跨時代的產品 – iPhone，雖然他不是一件超級創新的想法，smart phone 在當時早就有了（同樣性質的產品還有 ＰＤＡ），不過 iPhone 把他推向更簡單，更方便，同時也採用觸碰式的操作，從此，電腦公司都變成手機公司了，而原來的手機公司，也都在短短幾年間，被科技的洪流漸漸的沖刷。

iPhone 的「更簡單更方便」當時對我的衝擊是「整合」，Contact 裡面的地址，整合到 Google Map，Email 則是直接寄出，撥電話當然是原有手機的功能，隨身相機與 iPod 隨身播放器連上桌機後與強大的 iTunes 結合，一切看似如此理所當然的整合，當年其實事前所未有。這以目的性打破ＡＰＰ的方式我認為應該還要繼續下去～

iPhone 的界面，自 2007 年開始至今，從未做大幅修改，這顯示了 Steve Jobs 敏銳的遠見，當然裡面還有諸多不方便的問題有待改進，這也是讓人期待下次更新的動力。

很多手機廠商，ＵＩ設計師，都以 Apple 作為榜樣。

然而很多手機廠商，他們被市場機制牽著走，致力於表面效果的更新，不斷變化使用者介面，說是增加了ＵＸ，但我還是認為Ａ作業系統的手機，目前最好的設計就是不要再加新的設計了！

“It’s really hard to design products by focus groups. A lot of times, people don’t know what they want until you show it to them.” [BusinessWeek, May 25, 1998]

Steve Jobs 從來沒有完全參照著 使用者的意願來開發產品，Think Different 就應該是這樣實踐的～

幾年前，Apple 開始開放讓人以一百美元的開發門檻，自製手機上的 App，此舉創造了一個新的行業，App Programmer.

通常在特定 embed system (像 PS2, Wii )上面開發軟體，往往需要很高額的授權金，而且遊戲公司必須要自己找到通路銷售。
iPhone 的開發授權只要 $99 美金，並且藉著已有 iTunes 的通路以及iTunes + iPhone 的整合，解決了銷售通路的問題，如此的機制，

讓許多在公司企業裡的 Programmer 可以脫離制度，發揮創意開發軟體。

在紐約身邊的許多朋友也躍躍欲試，自己當自己的老版，加入這個新體制的程式開發。

2010 年四月，Apple 公佈了 iPad, 一個手持的平板電腦，當時市面上早就已有平板電腦，只是裡面跑的都是跟桌機/筆電一樣的作業系統，還有操作邏輯，而 iPad 則是延伸了 iPhone 的概念，更注入了生活化的靈魂。
傳統的電腦，隨著科技越來越進步，功能越來越強大，每個人的工作也越來越脫離不了它。iPad 的出現，Steve Jobs 給了平板電腦新的靈魂，「從新從生活出發」，你很難拿 iPad 來作正常的工作，但是你可以拿他來閱讀，拿他來畫畫，拿來玩遊戲，拿來與人溝通！

許多平面出版，都漸漸的將內容放在 iPad 上，除了有更有趣的呈現方式，還可以節省紙張及空間。

Steve Jobs 帶領的 Apple，不僅是一家電腦硬體公司，從產品設計，商業模式，軟體界面，到產業形態，都以很「入世」的創意方式天馬行空，沒有 Steve Jobs 天才式的獨裁，這世紀以來最龐大的科技產業，是無法在這樣快速的十幾年間改革。

“Being the richest man in the cemetery doesn’t matter to me … Going to bed at night saying we’ve done something wonderful… that’s what matters to me.”

[The Wall Street Journal, May 25, 1993]

一個人一輩子成就一件大事，已經讓人欽佩，Steve Jobs 涉足電腦，動畫，通訊，媒體，而且每一項都走在最前面。感謝 Jobs 在一生 Done lots things wonderful~

Dream Bigger 一個 Steve Jobs 有名的座右銘，他重視各種有夢想的創意，為音樂，動畫，軟體科技等，創造了可以做夢的地方，也帶領了他的ㄧ生。我想他的夢還沒做完，人卻先走了，除了實質上留下來的計畫，足夠讓 Apple 再領先世界五年，也給了世人有一個敢作夢而成就的勇氣與典範。

 今年九月，Apple 公佈了像是天使的光圈形的新辦公室，請了世界知名建築師 Norman Foster 操刀，而Apple 所在的路名  One Infinite Loop (1號,無限迴圈路），Apple 的員工將會在已在天上的 Jobs 光環中工作，是否室篤信佛教的 Jobs 相信這 Dream Bigger 的精神，永遠無限迴圈在 Apple 的主要企業價值，帶領著世人？

自從工業革命之後，世界漸漸以國家畫分角色，歐美國家逐漸扮演起品牌行銷以及研發的支配權，石油國家則因為物料的關係，與支配國有著互相較勁的衝突，亞週國家則扮演著世界工廠的角色，台灣，韓國，泰國，菲律賓等則付則生產歐美設計的商品，將之量產，再由歐美國家以品牌及行銷的方式販賣全世界。

扮演品牌行銷的國家，他們擁有研發品牌及通路，還有超強的政治力跟武力，來維護他們行銷品牌的大權，然後對全世界塑造他們自己的生活形態，包括電影，電視，廣告，音樂，服裝，食物等，食衣住行育樂全套的文化包裝，以一種沒有爆炸的靜音方式，對其他國家進行文化侵略，品牌洗腦，讓那些負責生產的國家，以廉價做出來的東西，再以高價買回去。就像 iPhone (made in China)一台可能成本250塊ＲＭＢ， 然後轉一圈，再回到中國兩倍價錢，500ＲＭＢ。

扮演世界工廠角色的國家，在生產方面得到了利益，生活素質提高了，相對的人民的需求也就變高了，所要求的待遇也相隨增加，這種升級的狀況造成行銷方的成本變高，進而會去尋找更低價的生產方式，舉個例子，以勞力密集的成衣界來講，台灣早期成衣界，當時如果一件衣服的成品是一百塊，在世面上可以賣到五百，但是隨著工資成本的增加，成本可能會到一百五，也就是賣掉一件衣服少賺了五十塊，這種狀況如果有更好的機會，當然會去找更便宜的生產方式，也就是別的國家。

追求低成本與高利潤，是資本主義的鐵則，在這個法則的運作下，產業會追求ＣＯＳＴ ＤＯＷＮ，為了搶訂單，自相殘殺，削價競爭，一直道無法負荷為止（所以竹科的工程師一直加班），然後這產業就會慢慢轉移到別的國家，產業出走的國家就會面臨產業升級的一個狀況。

所以這些以生產為主的國家，就像是排隊爬樓梯一樣，一個接著一個，分別難度低的成衣，到小家電，最後到高難度的電腦晶圓代工，在上去的更高難度，似乎好像也沒有了，所以很多國家道晶圓代工之後，就會面臨經濟上的危機。

台灣現在的經濟現況，就屬於最高級產業晶圓代工出走的情形，中國大陸的人力充沛，可以從沿岸一直往內地方展，所以說中國可以在這個階梯上面排了很多的階數，而台灣兩千萬人口，在這階梯上只排到了一階，面臨了晶圓產業外移的難題，整個脈絡下來，經濟不好並不是哪個藍綠政府執政的原因（亂的話就是了啦），但是最重要的是從事創意的我們，必須向上一代一樣擔下重則，幫下一代，找到出路。

這出路其實有跡可循，像是日本與韓國，紛紛的在國際上走出自己的品牌及行銷，擺脫了生產國而邁入了有支配權的行銷國的角色。而我們台灣的產業及政府，也積極的在推廣這一塊領域，也就是所謂的文創產業。

然而文創發展至今，可以說是一團混亂，各自為政，大方向模糊，小方向亂竄，從國外請大師演講，為了策展的展覽，不知所云或喃喃自語的創意文學，耍猴戲的互動科技，五花八門各式各樣，既不集中火力，也不知道要打哪裡。

要摸到頭續，應該從原意開始。

為什麼要文創？

從上面的論述，文創主要目的是把我們已有的製造技術，相對比較便宜的製作成本，主導最後的品牌行銷權，得到更高的利潤，擁有品牌行銷之後，最後就有辦法從爬樓梯變成坐電梯，甚至可以保留高階的本土產地製造，把一些低階的製造發給正在爬樓梯的國家，進而形成一個高利潤的主流產業，繼續支撐台灣的經濟十年以上。

這個方向是可以造福下一代的生活形態，因為代工已經逐漸外移，三四五六年級代工打拼下來的經濟奇蹟可以庇蔭到現在六七八九年級的生活，可是六七八九年級得下一代，如果六七八九年級的繼續再搞不懂方向，我想他們會活的非常痛苦，甚至被迫必須離鄉背井到外地求生存，或者其實這發生的更快，有些情形現在已經在發生了！

如果方向確定，要怎麼做，文化是需要基石的，台灣長期的活在外來的文化下，要在國際中有競爭力，必須要有獨數一格的特色，這個特色，是我們當今應該要突破的難題。
文創不會停止，除非我們找到別的出路，利用文創或是方向不對的，自然會被淘汰，問題在於，世界不會等我們，一但衰弱，只是會越來越弱。

這幾年出國留學設計的學子很多，我也是其中一位，不過回國後，我發現很多留學生，大賣出國光環，直接把國外的經驗知識，或是東西產品當作加持，賣給台灣人，一本本的設計雜誌，介紹著北歐，美國，日本的設計師，一大堆的譯本，告訴大家國外怎麼怎麼做設計的！

向國外學習固然重要，但是更重要的是要瞭解之後要有自己的見解，不然只是做出更多國外陰影下的作品（產品），東西無法推到國外，只能在本土得到好的銷售，然後讓台灣人更加的崇洋，本土的東西更被看不起，這種短線運作的惡性循環，會是在搞文創產業的的自己，搞死文創。

可憐的台灣人，明明身在台灣，還要想像過著異國的生活，然而如果真的在異國，真的會有像在自己家鄉同樣的機會嗎？

出過幾年國的，發現國外的好，但是國外的設計文化產業，是很難容的下不同文化的人的，並不是他們不包容，是因為這違背了基本的文化原則，吃米長大的，怎麼會知道吃漢堡長大的人的想法，對漢堡的感覺，基本上就不同啊！更何況我們這些人做的是別人的文化，怎麼說都站不住腳！我出國十年，並不是混不好回國，因為十年來，最終學到一件事：我是漢文化的人！
（在文創，不要談兩岸，自斷手腳，如同歐美文化同出一系，台灣更不要去分！聰明的，應該撇除政治，或愛或恨，把大陸當作自己人，或是當作老外的廣大市場，都好）

我想我之後會在這方面多加著墨，希望大家共襄盛舉，一起做自己，不要再做別人！

今天來講電子書(ebooks):

首先請各位看看台灣部落客 Jamie 寫的 這篇, 主要是要出版商改變態度, 擁抱網路 -> 還蠻有趣的文章,  這邊是我不同的觀點.

一開始, 就先來看看什麼是書:

意義

為什麼人要看書? 簡單的說就是它提供了資訊, 不管是小說故事,或是新聞雜誌, 我們透過這些了解世界, 歷史, 科技, 等等, 不過也並不是所有的資訊都會有意義, 以下是我個人簡略的文字遊戲:

資訊 -> 內容 -> 意義(不是義氣) -> 知識 -> 感受 -> 智慧

部分資訊會成為人的智慧, 人類的歷史也因為有’書’這類的東西分成史前時代跟歷史時代. 總之書是一個對人類很重要的東西. 在此我們就以上面紅字的意義階段為基準來評斷是不是/該不該是書好了!

內容

在terminal interface時代, 我們就可以在網路上面寫文章, 雖然沒有現今的blog / twitter便利, 不過卻也沒有代替了書籍, 主要是因為這些網路的開放性, 伴隨著不專業性/缺乏觀點/主題凌亂等等的問題, 這些雜亂甚至無用的資訊,是無法當作書的題材, 當然品質良好的 blog / 新聞台, 還是有達到’書’的意義. 反之很多台灣人喜歡出一些沒營養的’書’(實體的),明星,減肥成功的,或是部落格紅人… 好像每個人都可以出書, 主要是因為台灣印刷便宜, 我認為只是浪費樹木資源而已.

媒介(分作軟硬兩種)

軟媒介
近代書本的格式,原始是圖文內容, 進入電子化後多了有聲書, 有聲書如果是音樂,那跟cd有什麼不同, 如果加上影片,那跟電視電影也沒什麼分別, 很不巧的是,大概十年前, 網頁就有能力整合以上全部: 圖文聲音影片, 也就是不管 whatever書, 基本上十年前的科技已經足夠呈現出來.

硬媒介

書籍

定期性:報紙, 雜誌, 期刊

不定期性:一般書籍(小說類,立志類傳記…等等)

電子裝置

載具:

實體: 磁片/ CD / DVD (互動式光碟)

網路: 各式網路書店下載

撥放裝置:

電腦, 平版式電腦, 電子墨水(Kindle), iPad, iPhone…etc.

以上是我以內容為基準定義的書, 在媒介中的撥放裝置,其實只是其中的一小環.

所以如果不是媒體裝置,那到底 iPad 的出現為何好像會造成出版業的一股暴風? 可能甚至有些出版業者自己都搞不清楚狀況…

其實就是在資本主義下最敏感的金錢問題

之前的 Amazon Kindle 還有最新4月iPad的出現, 其實除了新的觸碰操作科技其他的並沒有很大的改變,  重點是它們, 改變了出版業的金流跟通路.

以現今出版業的獲利模式來看:

期刊報紙類:

金流:

主要是實體書本的購買費用,加上廣告刊登的費用,
支出部分有記者,約聘主筆的稿費,美編,通路費等等.另外還有印刷費用.

通路:

報紙的通路費用很高,主要都是資訊夾帶的廣告來獲取利潤.

一般書本:

金流:

收:以實體書本或利為主, 少了廣告的收入.

支:編輯,作家,封面設計的薪資費用,通路費.印刷費用.

通路:

出版商有配合的書店, 賣給書點以比實際的價錢還要低, 書店賺取差額.

再來,看看電子化書籍的金流跟通路:

金流:

收:網路書店購買付費.

支:網路書店架設維護費用, 付費金融機構的抽成,編輯,作家,封面設計的薪資費用.

通路:

透過網路下載, 全世界都可以上網付費

快速的比對一下,除了編輯,作家,封面設計的薪資費用之外,電子書可以說少了 實際的印刷跟通路的費用. 另外, 透過Apps, 出版商可以自行設計應用程式版本的書店, 讓人下載, 而且是世界性的通路.

從價格面看, 網路書籍的價格,遠遠低於實體書籍, 這不刺激了人們覺得買了個稍貴的閱讀器, 卻可以省下更多買書的錢, 同時也有位地球環保盡一分力的潛在陰德. 反正數位化的資訊跟實體印刷書本不同,它是可以無限拷貝的, 在控制價格及促銷上,少了很多庫存及印刷量等等的考量, 可以說是優點多多.

這些改變很多人開始預言電腦下一個取代的會是書本,其實它並不會取代書, 只是改變了書本的形式(就像現在的書改變了已前用竹簡的形式),更不會改變出版商在資訊審稿編輯上面的作業,人們還是需要專業的編輯跟作者,這並不是信手拈來的部落客可以取代的. 所已數位化取代的會是印刷商,而不是出版商.

傳統出版商的觀念要改變跟上科技時代, 不過並不是擁抱網路, 因為網路普及了少說已經十幾年, 出版商還是照樣出版實體書本,並沒有受到太大的衝擊, 主要原因是一般人認為網路內容是免費的, 部分出版上只在網站上面放部分的內容來吸引人們的訂閱,同時可賺取網路廣告(banner)的費用, 甚至有些只在網站上面廣告自加的雜誌,書籍等等, 並不會把整個書籍出版的內容放在免費的網路上,因為這樣的話就不會有人去買書了.

金流及通路的改變,其實只是結果,造成這些改變的, 其實是機制.

要了解這個機制要先知道以下幾個元素(簡略圖解)

ebook store(線上商店) -> 販賣ebook(檔案,或是資料下載) ->Apps 裝在 ebook reader (硬體,iPad / Kindle / Sony Reader…)

自從電腦版本的 iTunes 可以網路購買音樂之後,Apple 挾著成功的經驗, 用同樣的方法推出了Apps,以及 iPad推出後的iBooks store, (後來iPhone升級 OS4之後,也同時推出了iPhone版的iBooks). iBooks的推出之前,Apple 也早跟美國各大出版商談好一起在iBooks上架.

Apple不知道是誤打誤撞還是詭計,搞了個iBooks的這種販賣機制, 讓從免費觀念的網路上抓下來的資訊,或根本只是更新的資訊變成要付費的.

當技術與時代到了該發生的時候, 同樣的手法, Amazon 比Apple走的更早一步,但是由於電子墨水的閱讀器(Kindle),功能儘限於文字性閱讀(電子墨水的解析度比LCD螢幕還要高), 但並沒有辦法像 iPad一樣處理精美的彩色圖片或是互動式的多媒體內容,更不用說,小工具程式,遊戲,上網通通包, 消費者買了iPad不是買了個電子書(Reader),而同時也買了它可以辦到的多種功能. 所以iPad推出的同時, Kindle 電子書Reader 也面臨的危機. 應變的方法是, 在iPad推出之後, Amazon 也推出了 iPad 版本的 Kindle App, 讓美國300萬的 iPad用戶也可以從Amazon網路書店下載書籍.

Amazon網路書店下載的書即可以在多種電子墨水式的機器閱讀, 像是 Sony, Ocean等等的硬體製造上也有出此類產品. 這些Reader硬體產品, 同時卻也都遭受到iPad的威脅. 不過 Sony , Ocean 並沒有自己的電子書店, 所以沒辦法像 Amazon一樣推出 iPad版本的 Kindle來搶救.

所以電子書店的機制其實是整個書本數位化最重要的改變, 並不是硬體Reader, 硬體Reader只是讓加速了這個變化.做電子書店的並不只有 iBook, Amazon 這兩家販賣商而已(Apple, Amazon都不是出版商), 一些大出版商其實也都看出了這點, 進而推出上下整合策略,像是 Times , Wired , Marvel (漫畫) 都推出自己的通路平台，再透過 Apps Sotre 的通路讓人免費下載.

PS:在這邊的電子書店賣的是”電子書”,而不是像博客來在網路上賣書喔!

不過據說透過 Apps Store下載的App上面的販賣也會經過 Apple 抽成(這我不太確定), 那為什麼出版商還要自己花錢開發? 在iBooks上面賣不就好了? 結論其實很簡單, 是比較技術面的格式的問題.

電子書店通路, 到了行動裝置上面, 並不只式電子書店, 它也整合了閱讀的介面應用程式(App)

一般在iBooks上面的書籍,都是傳統以文字為主的書, 或只加上少許的圖文編排, 所以iBook上面可以讓人調整字形及大小, 但像是Marvel這類漫畫書出版商,就很不適合以iBooks的形式販賣. 所以它的Apps裡面除了賣漫畫, 還有很適合看漫畫的介面,可以有翻頁特效,甚至單格觀看等等,　非常新穎，Times 則是因為期刊的關係, 也推出了自己漂漂亮亮的書店及閱讀App, Wired這一個以科技為主的期刊, 除了漂亮的文字編排, 更加入了書本所沒有的互動影像, 影片, 以及音樂播放等特點.(建議iPad免費下載)

此外, Apps還有一個重要的任務,就是要能跟 online ebook store 直接購買,還要應付無線付費的安全機制.

出版商們, 從上面的分析可以看出, 你們的憂慮是沒有必要的, 因為數位並不會取代你們的內容, 只是你們最簡單只要把內容數位化, 不一定需要Apps, 如果可以, 簡單一點透過 iBooks就好->其實更好 (沒有特殊格式沒有必要自己花經費做App 況且這個 App, 並不會像是 iBooks一樣有這麼多人下載)

自認寫的很清楚, 不過還是可能有點迂迴, 以下來個簡單的條列總結.

1. 擁有良好內容的出版商,並不用擔心被取代, 因為擁有良好的內容是最重要的.

2.形成良好內容的機制不用改變, 像是編輯,總編輯,美編,作家等等.

3.通路跟金流必須有新的觀念.

ebook online store 可以想作是批發商, Apps 則是零售商, 是不是自己搞這一系列, 必須要考量.

舉例: 如果要針對在 iPad上面的內容數位化, 要把 Apps當作是通路, 越多人擁有的Apps,代表通路越廣 (在這邊的通路不是只有指iPad, 是不管是在電腦上還是iPad/kindle上,所有平台能聯繫到ebook store的總和,像是kindle 有 kindle 裝置版, iPad版, 桌機版… 等).

4.另外不要忘了Apps 也是閱讀器, 在數位化的過程可以增加一些實體書本所沒有的互動,影片,遊戲等等,來增加競爭力.不過要顧慮到是否能讓自己的Apps能有很高的普及性,因為它等於你的零售商.

數位化內容是不可避免的趨勢, 早點做準備, 以便在這個數位化的轉變下一開始就有比別人更強的競爭力!

<缺軍師者,請找諸葛龐達>

以下是我歇斯底里對實體書本的胡思亂想.

數位化固然是趨勢,不過實體書本的物理形態,確應該會是億萬年在地球毀滅後, 殘留生物對我們這個現代了解的依據.

就像我們要去了解埃及, 也只能由物理性質的壁畫研究開始, 會不會當時的科技, 是有某種讀取裝置來記錄當時更厲害的高科技,只是以我們現在的角度去看卻不明白?

說不定我們現在make sense的電腦矽晶片等等的電腦技術,對在億萬年後的人們可能就像我們看埃及文物一樣的不解, 因為整個再來一遍的人類,可能不會發現電, 而發現了光速及四度空間也不一定.

小時候的磁片現在已經很難找的到5.25吋的磁碟機? 磁片的內容可能再過50年就是個謎. 以恆久來看, 數位化是對文明延續很冒險的一個進步.

今天發表的是對Apps的一些看法, 可能有一些跟前面相關的討論有交錯重複, 不過這篇主要就是針對這個問題:

自從apple用 iPhone 真正把 mobile devices 從通訊推到資訊大門, 原本一些 “手機只能打電話就好” 的人, 看著身邊朋友在社交中,秀出手機裡的一些玩意兒之後, 也紛紛的受不了去辦了 iPhone/aPhone. 最近連我覺得最不可能去辦的人, 都去辦了, 因為手持資訊已經普及到:

‘沒在電腦前面, 沒辦法 check email‘

的說法變的很奇怪, 應該好像隨時都要可以 check 才對. (就像現在如果有人說他沒有email, 我會覺得他是old fashion一樣…)

隨著這股普及程度, 除了資訊外, 手機上面多了一樣從前在手機上不普及的東西,那就是:  Apps (Application, 應用程式)
(話說Adobe Flash從很早之前就在耕耘這一塊 (Flash Lite) 可惜當時的技術跟定位都不是很成熟,所以Flash現在兵敗如山倒)

在一般電腦,裝應用程式來辦處理事情, 是理所當然的事情, 以這種想法看手機, 似乎也是對的, 好像只差了一點 ‘行動力’
(別小看這一點’行動力’喔! 他帶來的方便性可遠超過在某個定點的資訊擷取. 我認為在web 2.0以後的資訊革命,可都是由整合性/社交性爆發出來的!)

這個”行動力”顯而易見, 不過大家可能沒發現在行動裝置上雖多了行動力,可是卻少了很多應用程式該有的元素.

以下分做兩個方向,理性與感性來討論:

理性

系統+安裝:

這個方面跟本主題的apps的討論,似乎沒有什麼關聯,不過確是造成了不少的影響.

不管打開 windows / marc / linux, 難免會看到一些一般USER看不到的系統檔案, 在 mobile devices這些完全都藏了起來. 當然也看不到所謂的安裝檔.

在現行的 iOS 機制, 所有的 Apps 都要透過上架的功能, 才能讓人安裝, 雖說這樣可以中央控管, 避免病毒,色情,賭博等等的 Apps 在Apps Store裡面亂竄, 但同時以造成了這個機制在使用方面的漏洞.

上次有個朋友想要用 iPad 來做菜單, 不過該菜單不一定是要給所有的人使用, 而是客制化給某家餐廳的, 像這種客製化的, 並不想要開放給大眾的 Apps, 會發生的情況非常多.  現在的解決方法也是相當可笑, 就是讓該軟體停留在測試階段而不上架, 客戶端必須提供序號給開發者, 才能在 iTunes 上面看到該軟體. 這種繞路的方法在一些預想使用方式的規則機制下, 容易產生層出不窮的問題. (Apple 當初應該沒有想到這個部分)

I/O存取:

在行動裝置上面, 系統要求簡潔, 所以不該讓使用者看到的東西, 幾乎都隱藏了起來.想想一些人平常已經抓了一堆Apps, 如果再加上該 Apps 的文件,那整個桌面會是多麼可怕的事情!!!

一般來講, 電腦裡面的檔案撇開一般用不到的系統檔來看, 檔案分做 Application, 跟不同Applications產生的Documents(文件), 像是 .psd 要用 photoshop開, .doc 則是words的檔案格式, 但是在手機上, 在系統裡面好像只能看到Application, 而看不到 Documents?
在iOS裡面, 所有的 Documents 都是打開該 Apps的時候才會出現, Documents 非常忠於 Applications, 如果你在 Brush 畫了張圖,想用另外的程式打開來打一些字, 在現行的 mobile OS 架構, 要處理這樣的情形是相當可笑的.

以iPhone為例子必須要先存到一 Apple內建的 photos 裡面,然後再由其他的程式由 photos 打開.

如果是先在mobile devices上面作業, 之後再交給 desktop / laptop上面製作, 好像唯一的方式是透過email的方式, 所以就算 mobile device椄上電腦,還是得乖乖的打開email來寄, 非常之蠢, 也非常不方便…

難道Apple上萬人的公司會沒有想到這個嗎?  其實這是一個矛與盾的對戰, (以下之前的文章有討論過,我在這邊再打一次(我真熱心啊~)) Apple 如果打開了桌機與iOS之門, 將會很難確保其下所有產品的版權, 像是 音樂, 影片,當然還有 Apps. 為了保護這些, 所以Apple建立了一個像是關卡的管道來控制出境與入境的旅客,那就是iTunes… 然而當初的構想跟後來的發展產生了現在的矛盾問題…

我能想到的解決方法是, 在mobile device的系統介面上面會有兩種模式切換, 一種是 Apps View, 一種是 Documents View, 一般都使用都在 Apps View, 而在Documents View的時候, 如果有兩個以上的 Apps 都可以打開該文件, 則會出現一個選擇menu,讓user來決定要用哪一個 App 打開. (而在一般電腦端, 也要透過一個特殊的軟體,才能把檔案存入 Documents View, 也就是該 Documents 必須要有可以打開的 App 才行, 除非放到 Storage 空間)

操作性:

指標

在手機市場上,不是必要的觸摸多點控制,反而變成了是主要的控制方式. 多點帶來一些方便的操作性,不過在某些時候,手指是不會比筆尖還細的,一些繪畫軟體, 還是得要有比手指精確的控制方式會比較好, 像現在市面上有幾家公司出產電容式的筆(TenOne,stylus…),專門給觸控螢幕使用.
使用了多點控制代替滑鼠,相對的就是少了滑鼠的功能, 或許可以說對應了滑鼠的一些功能:

(X)RollOver
(V)Click
(V)拖曳
(X)右鍵
(X)中鍵
等等

鍵盤

當然觸摸式鍵盤因為沒有回饋的原因,不會比實際的鍵盤好打,除此之外也少了快速鍵.(這方面多說無益,省略)

擴充性:

用電腦用習慣的人,在用掰咖版的行動裝置App,一定會受不了他因為簡易後,帶來的不便性.像是browser少了 share to facebook, add to delicious等功能, 加上如果不是特別為行動裝置所設計的網頁,要一直縮放也是件挺麻煩的事情. 在 iPhone上面已經有人推出 browser 把以上的一些功能加進去, 我想在擴充性方面已經漸漸的有解決方案.

網頁 , 雲端 該不該 Apps:

如同剛剛所說, 以很鑽牛腳間的照字面上看, Application 應用程式, 它應該就像是筆一樣, 並沒有內容的成分, 它應該就是個工具, 不同的工具解決不同的問題, 打字的工具,畫圖的工具,分析的工具,好玩的工具(Games), 或其他好用的工具.

Application的相對應, 應該叫做 Documents, 它必須透過Application來打開, 或者為了怕另一方沒有對應的APP, 自己被自己打開的文件. 這些都是 Document.

會寫 iPhone SDK 的人都知道, 有一個 UIKit 叫 WebView, 它可以把讀取網路的格式秀出來,並且隱藏 browser 上面的 navigation / url bars.

現在很多商家搞不清楚狀況, 把自己公司的東西弄上 iOS 好像是很時尚的行為, 所以紛紛的花錢聘請人製作(因為不懂,所以製作費都比 website 高). 對於這種商家, 雖然讓我賺的到錢,不過我覺得他們早日會倒店, 因為除了超有名的品牌, 才會有粉絲特別經過 Apps Store 的手續去把這類 presentation 的內容下載放在手機裡面. 唯一的好處好像只有離線閱讀而已, 然而這類網站內容通常不多, 何必離線閱讀? 與其做這個不如好好的花錢做一個可以自動切換成 一般 web / mobile web的網站還比較實在.

Apps 之所以叫做應用程式, 它應該就有應用程式的樣子, 像是 content driven 的東西比較接近於文件(Documents)類, 把他做成 Apps, 對我而言感覺怪怪的. (除非他真的很炫,有些東西在browser裡面秀不出來)

除了行動裝置,現在還有另外一 項當紅科技話題, 叫做雲端, 其實說穿了就是

1.在server端(雲端)做運算

2.處理數大便是美的情形

3.到處都可以用的程式

如果雲端的 View 是透過 browser 來呈現,那大可不用作成 Apps, 現在新的 mobile device都搭載有最先進的 html5, 用那個開就好了, 如果browser 無法呈現, 那也只好做成 Apps 讓人下載了.

所以到底哪些該做成Apps, 哪些不該呢?

1.由Apps目前download機制造成的特性, 就是沒法上網的狀態,Apps的東西應該在 local 端, 如果這種情形, 那還是做成 Apps吧.

2.還有,目前mobile device的多點觸控特性, 如果你的Apps有用到特殊的多點操控,那也非得用Apps的形式不可. (所謂的”特殊的多點操控”是不能用滑鼠替代的操控,還有不是基本 mobile web browser上面提供的制式化多點操控)

3.最後最後, Money Talks, 該付費的內容, 可以做成 Apps, 不過文字的話我 Prefer 昨成 ebooks.

總之,該不該Apps,我認為只要在網頁上辦的到的免費事情,都沒有必要做成Apps. 除非你想騙吃騙喝.

感性

正經->裝笑ㄟ->笑ㄟ:

人類雖然科技發展至今, 東西可以越做越小, 不過人卻是越長越高, 所以小東西做小事, 大東西做大事的情形,好像還是天經地義的存在.

根據這些科技產品的大小, 好像漸漸的已經區分成

桌上電腦 >= 筆記型電腦 > 平板(小型)電腦 (eeePC / tablet / iPad) > 手機

Apps 的功能也跟著大小除了有能力的區別,也有笑料的區別.

舉例來說, 在 iPhone上面有一個打火機的程式, 模擬 Zippo 打開->點火->並且火焰會隨著擺動, 還能感應吹氣, 這類的笑料作品, 如果是出現在桌上型電腦, 可能會是個超級冷笑話, 但是在手機上卻是一項很不錯的創意.

到目前為止, 大家不會 Expect 要在手機上面做很 Serious 的事情, 遊戲也是越簡單越白癡越賣!

在這個道理之下, 像是 iPad這種中間的產品, 顯的有些尷尬, 因為它介於認真與不認真之間, 它的大小讓人會想要拿它來幹些正經事,不過這些正經是卻也又沒辦法項真正的電腦一樣, 因為速度及規格的關係, 也沒辦法太正經, 所以它是處在一個’裝笑ㄟ’的區間.

在這邊 ‘裝笑ㄟ’ 應該也可以說身藏不露啦, 在iPad上面的一些軟體,在使用後都讓我嚇一跳, 因為真的是有夠專業, 像是 Korg 的 iELECTRIBE 幾乎是整台桌機放進 iPad 裡面,加上多點觸控, 做到在一搬電腦上做不到的事情.

革命無罪,造反有理, 創意加分, 資本微分

大家現在打開電腦,看看你有哪些程式,之後在看看手機上面的,如果完很兇的人,會發現, 手機上的程式筆電腦裡的還多,出版公司也是五花八門.

我能想像一般人的電腦,可能裡面就一套 MS Office頂多再加上 Adobe Creative Suite, 更專業的加上 Autodesk 3d Softwares, 或是一些剪接影像或是編輯聲音的專業程式,搞財經的有個 專業的 MathLab / 看盤程式, 這些軟體用的製作公司, 用手指都算的出來.

反觀在手機上面, 雖說他在速度跟基能上算是掰咖的電腦, 不過這掰的也很有創意, 因為它雖然掰咖,不過他擁有更敏捷的知覺, 也就是搭配了最新的 sensor 科技, 也因為行動裝置的原因它還多了場域因素GPS,這些科技, 讓一些創意人搞出了五花八門的應用程式, 遊戲,Social Network Apps等等,開發的公司也是沒一個聽過的, 甚至個體戶!

這個機制歸功於Apple 發明了Apps Store, 以超便宜的價位販賣Apps, (在桌機上哪有一個程式是賣0.99的?) 這些現象完全的違反了實行已久的運作方式.

這些思維完全是脫離傳統桌機電腦框架,而且桌機根本也沒必要加上這些sensor…, 反而, 為什麼當初的筆電並沒有想到!?

台灣產業

講到這裡,我想到3年前跟某大公司工設部門的朋友討論的一件事情, 內容遠比產品的造型重要, 當時我還以為做一個作業系統相當的複雜, 根本不太可能會有第四個大作業系統, (Window , Mac OSX, Linux) 當時 eeePC 正流行, 我看到一些國人自己改的Linux 系統, 感到高興, 因為系統才是真正的精神, 其他的指示軀殼而已.

不過業主可能還都在汲汲營營的做OEM,接單, 所以eeePC上面的系統並沒有起來, 反而新的 iOS SDK 產出了十五萬以上的程式, 當初eeePC如果多一些規劃,多一些堅持, 我想應該也會造成像是iPad的旋風!

電腦的Apps 戰場形式已經篤定, 行動Apps的戰場才要開始! 如果能好好的掌握並且在解決這些問題, 我想在這亂世應該可以出個梟雄的!
(如果有缺軍師, 請寫信給諸葛龐達)

人與環境密不可分, 環境更是被媒體所左右. 我們每天穿的看到的聽到的, 摸到的,知道的,很多都是由媒體傳播而來。

吃飯, 聚餐, 辦party, 宴客, 買禮物, 買衣服, 旅遊, 唱歌, 爬山, 交友, 登山, 結婚 … 生活中的總總, 抉擇, 成與不成在一個點,點與點的機會在於傳播, visual communication / commercial advertising　做的好的，不只可以塑造品牌形象，更可以昇華成生活形態。

從媒體步入數位後，每一個小環節都可以是很大的轉捩點，這些環節有些在無形中發生，不知不覺的變成了新的革命，我用我的觀察方法，用動態的角度分析 成: 主動，被動，互動，亂動.

以下淺見：

被動

路上的招牌, 報紙上的廣告, 很多不是我想要看到的資訊, 在傳統的資訊夾帶的資訊上強迫接受, 像是我沒有小孩也不需要紙尿布, 打開電視或報紙,還是得無意看到, 我不喜歡選舉, 可是公車看版, 路上旗幟, 還是得看到候選人們互像吐槽, 這種強迫的接受資訊, 算是被動. 一般都是傳統的產業, 大部分在媒體上都是不透過電腦的.

傳統的被動的方式往往比較像是一種宣達, 或是演講(Speech) 藝術家/作者 可以很明確的將自己的想法傳達給觀眾, 所以觀眾與作者的身分/立場非常明顯.

主動

透過搜尋引擎, 關鍵字廣告, 通過訂閱主動給我們訊息的電子報 / RSS FEED, 我們有興趣的,或相關的, 自己送上門來, 算是主動. 主動媒體, 還有一個特點,就是數位媒體漸漸的分身, 以往的單一網站概念 (就是大家一定要到某個網址,才可以獲得資訊, 在主動媒體像是 YouTube, Blog (RSS) 漸漸的把內容以分散的方式外放, 造成更好的流傳效果.

互動

以往媒體給我們的, 我們只能接受, 互動就是所謂的相互作用, 現在像是 Blog, YouTube, 甚至一些新聞網站, 我們可以評分, 可以留言, 可以接受回饋的媒介, 就是互動.

互動的方式往往比較像是一種遊戲, 或是溝通(communication), 藝術家/作者 只把話講一半, 另一半交給觀眾去發揮, 觀眾與作者的身分/立場模糊. 藝術家/作者 也就沒有辦法很完全的把作品理念傳達, 尤其如果作品又流於類似軟體/程式功能展示, 變成了科技之下的魔術表演, 藝術價值反而就降低了, 這也很有可能是互動藝術十年還是無法正式進入主流藝術的原因.

亂動

以往以上的三種動態,很多都是獨立,或伴參雜著隨著發生,並沒有說新的(互動)就一定比舊的(被動)好, 而亂動的歸類, 則是科技在更進步之後開始有一些整合的現象, 想是 Facebook, 他整合了 twitter(微網誌) / blog / group (fans) / flickr(picasa) 網路相簿 / Game 等等, 加上手持裝置, 把上述的三種動態混合, 形成亂動的局面, 但卻也發生了各種機能上模糊的混淆,伴隨來更多的隱私權, 資訊氾濫的問題…

以上,正在製做精美的互動簡報(未完成), 有興趣的人可以到這邊來看.

PIECES 即興創作 + WAX APPLE

即興創作是急性所致，是集合興趣相投的同夥人行進的一件事。
10位創作者，在不同的術業上有專攻；在同一個地方生活有著個別的體驗。藉由不同的媒介表演型式，表達對創作的熱誠。寄居紐約深淺，告別紐約的長短，都是此次展覽創作的靈感。登高一呼地不只是歸潮, 也是最粗糙最真實的集體呈現
DATE 10/10/2009 SATURDAY
3.30PM  – 9.30PM 展覽 7.00PM – 7.30PM    WAX APPLE BAND (自創曲發表)

LOCATION “The Change You Want To See” Gallery
84 Havemeyer Street, Brooklyn, NY 11211
L Train to Bedoford Avenue
Walk toward South, turn left on Metropolitan Ave.
It’s at the corner of Metropolitan Ave. and Havemeyer St.

ARTIST

Stephany Hsiao

Marc Lin

Goo-Shun Wang

Muh Chen

Guy Lee

Jason Ou

WAX APPLE

Vocal -Nicole

Guitar – Yeh

Drum – Tony

Keyboard – Sean

資訊可以說是一些未經整理的無形流體,
這個流體裡面

有養分, 可以增加人的智慧,
有毒素, 造成人的誤解,

這些都使得資訊更加複雜而難以處理.

當然在資訊空間裡面, 大量的資訊必須被重整, 以一種容易解讀,
應該說正確解讀的方式, 讓人了解, 變成知識, 運用於處世上, 變成智慧.

然而這龐然無序的資訊跟感覺, 要理出一個頭緒來是很不容易的,
明白自己要的是什麼,排除其他的,身浸在這個資訊中,咀嚼體驗, 難得會求得一個自己的說法

最近友人們真是得獎連連,在這不景氣的世道下,灌進了一些喜氣!

以下是為其三天採訪友人加鄰居, 外號大頭 – 劉耕名. 採訪中我就用洋人叫他的名字 – Keng 好了.

由於動畫並不是我的專業, 為求採訪的專業角度, 這次採訪除了我, 還加入了在 Psyop 當動畫設計師的谷神.

Keng 畢業於台大昆蟲系, 來紐約就讀 SVA, MFA Computer Art, 畢業作品曾入圍學生奧斯卡, Winner of Adobe Design Student Competition, 以及多項歐美競賽及影展. 畢業後曾在 free style 擔任設計師, 現任 Suspect 資深設計師. 並榮獲 2009 年 Commarts 設計獎 及 IDN 設計雜誌報導.

網站: http://www.mrbighead.net/

近年來台灣互動專門的公司, 作品頗受好憑

很高興 Daniel 接受我們為其三天的專訪.

Click here to view the embedded video.

品牌

不是要告訴別人自己能做什麼,
而是在告訴自己不做什麼.

這不是fortune cookie,而是這幾年的一個心得,卻很難辦到

]]> http://www.silkrt.com/v01/2009/05/07/my-brand-definition/feed/ 5 http://www.silkrt.com/v01/2009/04/02/front%e6%a1%88-%e8%b3%87%e8%a8%8a%e5%88%86%e5%89%b2%e5%88%86%e4%bd%88%e8%88%87%e7%af%a9%e6%b8%9b/ http://www.silkrt.com/v01/2009/04/02/front%e6%a1%88-%e8%b3%87%e8%a8%8a%e5%88%86%e5%89%b2%e5%88%86%e4%bd%88%e8%88%87%e7%af%a9%e6%b8%9b/#comments Thu, 02 Apr 2009 05:45:29 +0000 Marc http://www.silkrt.com/v01/?p=1126

網站做多了,開始就會發現綜觀的背後因子的原由.在做完 front 之後,有些心得,趁現在還記得在這邊記錄下來跟大家分享.

網站分為很多種,有社群網站,blog,新聞網站,購物網站,或是介紹型的網站.
我經手的大多數是介紹型的網站. 介紹型的網站主要是傳遞資訊. 通常都是在介紹或訴說一個範圍的內容,比如說: 人,公司,汽車,房子,或是鞋子.有很多種網站都屬於這一類型.

首先提一下很根本又容易不忽視的事: 網站就像在講一個故事,必須在有限又多變化（筆電,桌上型,或是手機等等都不同）的視窗範圍內完成.

我們很習慣的把這個故事從不同的角度切割,做成介面. 通常的分法可以歸納成”質”跟”量”:

“質”:

就是所謂的本質,也是從不同的角度去切入主題,簡單說就像是如果介紹個人（設計師）可能有 about, works, photos, drawings, resume… 等等. 大部分的website都是在同一資訊上做本質的分割, 切成不同的資訊屬性以供閱讀.

資訊分割 – menu

在質上面的切割,聽似簡單,其實很重要也很複雜,裡面可以牽扯到策略跟流程.information architecture / user experience design 就是這方面的專業.

策略

做網站的人,常常忽略掉這點,而從”分類”的角度死板的切割資訊,這樣會做出很“邏輯“的網站,但卻不”人性”. 哪個選項比較重要,要提到外層,或第一頁讓人容易看到,不過又不會打亂整個資訊分類的邏輯. 在合邏輯的範疇內又要如何簡單使用, 用最少的clicks讓user/網站到達宣傳目的.

流程

怎樣設計才會讓人容易瀏覽,還有頁面跟頁面之間,如何做滑鼠操作的動向安排.看起來不會太複雜,同時又要注意到有進,就有出的反向.對於有先後閱讀順序的資訊,跟非線性區塊資訊都有不同的解決方法.

(上二圖）front案,一開始的設計著重於方便user 在操作上方便回去之前的選向而顯得非常雜亂.

(上圖）front案,將 works 獨立出來變成兩組 menu 的策略,強調 works section的內容.

在front案,原本我的提案是一開始就進入works section,因為主要內容都在這邊. 把works menu獨立出來,其他的放到其他地方,讓 user 比較容易按到 works section. 不過客戶不想要太 show off 作品(這是他們的策略) 所以最後我將所有 menu 平等對待統一放在一起.

“量”:

資訊顯示 – infovis 顯示同質多量的分佈狀況

除了最常見的資訊分割,還有一種有趣也可以說比較學術性的方法,通常用於大量的同質性資訊,同好管他叫做 information visualization (infovis)

“A picture tells thousand words“,有意義的infovis是能達到這樣的目的,不過有很多都只是求視覺上的表現,通常我認為這只是information eye candy,在不能幫助了解資訊而過於複雜的視覺表現,在資訊傳達上並不是一個好的approach.但是卻是個可以產生很漂亮視覺的方式… 如果複雜到沒辦法了解資訊,那何必又跟資料扯上關係,直接弄美美的不就好了? (迷思)

好的infovis通常可以幫助人了解資料之間的關係,像是區域性,時間性,或是量化跟比例. 我們其實從小時候的教育就開始接觸這類的方法,像是柱狀圖,餅狀圖,都可以說是這類的呈現.

網站上用infovis的手法可就五花八門了,樹狀,網狀,3d,地球mapping,等等的創意都有,簡單的可以在有限的螢幕裡做到一百筆資料,複雜的可以做到上千筆（不過我認為過多的infovis實在對使用者沒有太大幫助) 畢竟界面的設計是要以方便使用者瀏覽或是了解資訊與某些屬性的關係才有意義.

所以在顯示”量”的相互關係之後,另一種方法 – Sorting 的篩減過程就是量化表現之後切入內容的核心步驟.

資訊篩減 – sorting 減量進入資訊內容

顯示資料在某些屬性之間的關係,其實並沒有多大的意義,到最後還是要進入內容,不然也是多餘.就像 iTune 在眾多種瀏覽方式(cover flow, grid, list…) 還是得讓人聽歌才行. infovis 可以幫助瀏覽,不過這些聰明的瀏覽方式之後,開始適當的在螢幕上篩檢,逐漸的進入內容本身,才是真正有意義的.

所以在website上,sorting 比 infovis 功用來的實際, 通常 infovis的東西我欣賞個頂多一分鐘,可是 sorting 的真正功用可以讓人真的使用上很久. 利害的 sorting 方式也是可以顧及到 infovis 的美感部分, 兩者皆具的介面可以說是資訊呈現的完美.

在front案,一開始顯示所有的案子,經過不同的屬性選擇,漸漸narrow down案件的內容,一開始覺得在某些選項有的資訊超出了螢幕以外,使用到了scroll bar,並且浪費了很多空間,似乎不是很好的安排,但考慮到menu使用的直覺跟方便性的取捨,也就繼續保持一制的瀏覽方式而犧牲掉了一些全體視覺得呈現,不過或許這樣也傳達了某些篩檢的過程. 不一定要顯示全部的量,片面表現造成量的減少,或許也讓人鬆一口氣…

hey guys, i just updated my new showreel, hope you like it!
http://www.letinmotion.com/letinmotionREEL.htm

Grid:
對於 Dynamic Website, 所有資料都是從 database 輸入, 網站管理者會輸入多少的圖文量並不像平面設計一樣,對固定的每篇文字可以做字量,字型,字距,或是行距的細部最佳化. Dynamic 填入網頁內容,圖文的視覺部分本身控制比較不定,但是也可以用雜誌書報慣用的格線設計方法來解決. 不過不同於一般平面設計的頁面大小已經確定,網站必須考慮到變動的Browser頁面大小(例如小電腦的螢幕較小,或是安裝一堆browser tool bar的寬高也會佔掉不少.這些都要考慮到)
定義好格線框架,整個網站基本的圖文分布可以底定,至於內容圖文的變化,就可以在這框架內做有趣的變化.

前篇提過,Front案的寬度是固定的,而高度則是依業面大小取80%來使用,所以橫向的Grid如果至上對齊,短一點的內容會讓整體頁面都浮在上半部,所以我還是將內容部分居中,而navigation部份則保留在 80% 的大小,這樣一來整個頁面在視覺上還是會造成一個版面範圍的整體視覺效果,而不會造成navigation靠到四角與內容分開的孤立情形.

Navigation:

瀏覽機制一直是我認為的flash website技術跟設計的重點

技術方面:瀏覽方式設計完成,其餘就只剩內容的讀取與卸除. 如果加上 Deeplinking 的機能,整個瀏覽系統會更符合客戶需求,不過在 F 案裡, 所有的 menu 全部都是及時從 database 產生, 製作 Deeplinking 幾乎花上我好幾倍的時間製作…

瀏覽過此站的人不難發現,整個網站的重點其實是在 Works 裡面, 當初我的規劃是將 Works 獨立出來,其他的Menu放在另一邊, 這樣一來可以直接突顯主要Content, 不過再 presentation的時候,這個訴求反而不被客戶接受, 客戶認為此站並不想要特別突顯作品部份, 會顯的有點 show off. 所以還是決定將所有的 menu 放在一起.

現有的 Menu 運作規劃 idea 來自 ipod, 從前ipod的設計, 除了一層層進去外, 按menu要一層層出來,或是直接跳到第一層, 由於螢幕小,所以這樣的設計非常恰當, 不過當初在使用的時候, 發現小螢幕把瀏覽簡化了, 但也帶來了一些隨之而逝的方便, 所以我把相同的 idea 用在螢幕範圍大的網頁上, 加上將選取後的menu也呈現出來, 讓user可以方便的直接跳著點回去上層或上上層選單.

同時在整個頁面的區域上,變成 logo 以左的是以選取內容,也是現在你正在看的內容,logo右變則是你可以選取的下一個內容, 這樣的區域分割乾淨簡單明瞭,並且把滑鼠的運作區域留在左變,不會按鈕散佈各地,讓人不知從哪邊按起.

在製作的時候發現了第一層menu也會是最後一層 menu 的標題, 而最後一層標題對應內容的內容部份,也可以是歸類的屬性之一,於至我把這兩者之間的關係用動態表示出來,一來形成向太極一樣的迴旋動感,二來,所有的動態都是 menu 跑來跑去,在最後一頁的資訊,直接可以讓人有所有的文字都是可以點選的意圖.

Visual Style:

在 Visual Style方面, 在製作之初就遇到兩大難題:
1. 客戶的圖片幾乎都是未加修飾的照片
2. 不能有太多的裝飾線條,圖形點綴 (客戶是那種很小心的人,認為用錯一些設計導致的尷尬,不如什麼都不要那種)

解決1. 的方法就是用版面的設計去蓋過圖片的不完美, 不過這又牴觸了2.
在乎相矛盾之下我決定誘導客戶讓他們接受一些很基本的元素. 我成功的用圓形擄獲了老闆娘的支持. 所以好不容易才在網站上有了圓形這個元素…

把圓形用於代表project的元件上之外, 要用圓形做所有的界面似乎不太可能, 很多內容還是必須要有方形的元素才可以完成, 所以每個 section 的過場加上了一個大圓,讓大圓變成一條線,在轉成方形,這樣就可以用圓形來貫穿整個網站.

Project Items:

原本的設計並非用小圓形,而是以一個很大的甜甜圈形(中空)呈現,在視覺上比較獨特, 不過跟客戶開會時,他們覺得這個甜甜圈形非常搶眼,讓人印象深刻,不過跟他們的branding以及整個形象並沒有任何關連,所以要求改成基本的圓形即可.

在設計的時候,有時候只顧及到整個視覺的呈現,卻忽略的真正或隱藏在裡面的涵意, 我想常常會是設計師的盲點,在這個案子的製作過程裡,我上了一課…

Review old site:

以上首頁是簡單的slideshow,展示一些他們的作品

當按下collaboration的時候,出現該項目的歸類名稱 (owners, Architects & Designers….)

選擇出某位Owner之後,秀出開Owner下面所有的案子

最後選了案子可以觀看案子裡的相關資料跟照片

關於公司方面的資訊全部放在同一頁.

Principle:

開始製作網站之前,必須了解什麼樣式才符合這個網站的性格,event site, pormotion site,museum site,等都有不同的做法,這是一家architecture consulting company的公司,過於花俏/Hip的圖樣,或是多餘的點綴,都相當不適合,以簡單的視覺出發,把重點放在建案內容,搭配有意義的動態,這些建築調調的人應該會比較樂意買單.

Cross Reference:

F原本的網頁設計非常簡單,乍看之下整個網站非常沒有特色,不過有趣的地方是在他們作品的連結方面相當的有趣,可以進入A案,再由A呈現的資料連到同一個建築師事務所做的案子,或是連到同樣地點的案子等等.

基於cross reference的架構,我想提供一個更適合他們公司的介面,所以除了功能性的加強,在視覺上我也想要達到一定的設計標準. 畢竟他們的案子都非常的前衛, 我想應該搭配一個比較前衛一點的介面.

基本上面對客戶,了解他們的tone很重要,看了一下他們舊的網站,不難感覺出他們是那種建築師,喜歡簡單機能性強的設計,第一次開會果然跟我想的一樣,他們也提到他們要保留之前網站能夠相互連結的特色,這也正是我想做的部分.

原本網站只有文字的sorting有點枯燥,很多時候在還沒選到最後面的時候,layout中間一片空白.

去年底正值金融崩潰之際,我們公司內外的事務相當繁雜,當案子進行之初原本有四人小組,做到中間的時候,只剩下我一人了.所以幾乎是提案,說明,方向指導到製作都一手包辦,因為英文能力的關係,開會的準備都要製作很多DEMO讓他們了解.

我建議用一些圓圈代表案子,然後根據選取的內容而變化排列的方式. 怕客戶看不懂,特別製作了一個working demo,他們很欣然的接受了這個提議,因為他們很喜歡看那些圈圈跑來跑去,並且提議在地點方面用簡化的地圖來讓那些圓圈排列.

Scale:

之前製作過不少這類作品 1,2,不過這次的挑戰是他們想要相互連結案子的數量驚人,雖然目前只有50個左右,將來客戶希望能夠容納300個左右的作品. 所以在介面跟後台資料的讀取方面都必須要考慮到這個scale的變化.

要怎麼設計一個介面讓數量差異很大的視覺元件在少量及多量的時候看都行的通,首先決定可用空間大小是第一基本的考量.一般善用Browser空間大小,都是把menu / logo等等的視覺元件放到螢幕四周,我覺得這種做法有時候會讓頁面內容孤立,缺乏整體感.

自動塞滿蜂巢形陣列 -> 先轉換成矩形 -> 再用十分逼近法估出長寬的各數

為了挪出夠用的空間給將來可能多到300個的作品呈現,計算了每個代表案子的圓圈之間的大小與距離,並且平均的分布在可以使用的browser空間,為了保持layout的完整性,我左右還是保持固定的寬度,extend了上下,並且只用了broswer高度的80%,這樣一來上下也有空間,視覺上比較清爽.

First Impression:

關於首頁的討論很有趣,因為他們不想強調某個案子,這樣會招惹到其他案子的客戶,所以舊站選擇用Slideshow的方式來呈現,至於新站上客戶希望有新的變化,其中分作兩派,老闆跟他老婆.
老闆希望繼續使用slideshow,或是用他自己拍的一些攝影作品,他老婆則希望一次出現多張圖, random播放,這樣比較不會得罪某個客戶.我則建議放一張很大的背景照片,中間則留空白,不過最後我們還是保持原有的slideshow,而做成圓形的水波動態,讓人看不清楚照片,但是卻也感受到一些facade的表面質感.

許多案子紛紛的靠往 Ajax 網站而捨棄 flash, 為求生存, Flash based website 除了要提供更複雜的設計需求, 還必須要解決本身在 SEO / Diret Link 不如 html 的缺失, 所以就出現了熱門的 DeepLinking (DL) 的機制, 以 SWFAddress 為大宗.

如此一來解決了所有內容包含在 Flash 內的困擾, 讓 URL 上的網址可以對應到相關的 Flash 頁面.

相信有做過 DL 的人都知道, 要完全的雙向 DL, 是寫 AS3 的一大挑戰,除了要儘可能的做到絢麗的互動設計之外,還要兼顧到 DL 的機制, 更進一步如果要有SEO的能視度, 相對應的資料處理變得相當複雜.

其實利用 MVC Pattern, 整個分工可以變得比較清楚,尤其最近跟康貓兄搞了一點 CakePHP, 其用 Controller 與 View 配對的機制, 打通了不少之前在 Flash 上, View 與 Control 之間糾纏的問題.

以下是小弟我的心得怕忘記,寫下來,並跟大家分享:

基本上, 在製作 DL 的時候,如果從最基本的觀念出發,就是一切由URL控制,最理想的狀況就是,所有Flash內部的任何動作,都只是改變網址,經由網址的變化 Event, 觸發頁面的改變.

概念有了,就比較簡單一點點了,再來就是實作上的訣竅.

一般而言網站的目的就是包裝資訊,然而這整個資訊的結構可能相當龐大,因此我們要根據一些分類法把網站加以分類,讓人方便並且容易了解,分類之後在依據策略做互動界面的安排.(這些類工作就是所謂 information architect / interaction design 的責任, 很多人都把 interaction design,誤認為製作好玩的互動界面,其實共做內容大多是在設計流程圖)

經過以上動作之後,網站會有幕後看不道的整筆 1.data, 在實體上就會形成兩樣重要的視覺元素, 2.navigation system and 3.content.

我們可以用 MVC 的方式來讓這三個元素既達到視覺設計上的突破,也能完成DL/SEO功能上的要求. 並且至做出來的模組,也可以重複使用,減低每次重做的痛苦.

“->”資料流向
“>>”動作順序

Model
1.data: 資料分割,並且提供統一的資訊回應 API, 資訊包裝回應,避免耦合. (data -> relationship logic -> information),幫裝不一過多或過少,這也同時會影響 SEO,搜尋的結果.

Controller
接受 SWFAddress 的網址改變 Event,觸發:

(0).拿資料 : M->C: 先把View要的資料蒐集完畢,然後發出事件改變 View.(蒐集資料也可以發生在 View,視情況而定)
翻譯網址改成 Model API 需要的語法, 索取Model裡面分割好的information,簡單來說,一個網址就是配一個包裝過的資訊單位,也就是 transition -> 最後完畢提供資訊的界面所需要的, 基本上網址對應的內容可以後來再讀,但是 navigation / 互動元素, 要用到的必須先準備好.

1.做改變 : C>>V: 跟據網址發出事件給 V
需要過濾網址格式是否正確,否則會造成混淆與錯誤.

2.給資料 : 提供API,反應 V 要改變的資料

View
content: 消失上一筆內容, 接收網址顯示內容.
navigation: 接收網址改變, 或是改變網址.

在處理 navigation 必須要能直接跳頁, 而並非依序漸進, 像是 start >> 1 >> 1-3 （這種依序漸進的方式不宜採用),必須要有 start at 2-3 >> 3-2 >> 2-1.

DL通常用在一開始就有網址進來,可以把 audience,直接帶到該頁內容,這種狀況要擋住一開始近來的事件,先把所有的 Menu 內容準備好,在去觸發,不然會造成 Menu 無法應變.
Menu 內容已知,數量不多的時候, 可以一次把所有的 Menu 建出來,但是不要秀出來, 已備跳頁的狀況

最後的挑戰就是必需要考慮到循序見儘可能產生的transition,與跳頁的時候,要如何安排可能產生的問題.