2006年10月31日 星期二

記憶的眼睛

前晚看了妹妹的攝影展,畢業多年不見的老朋友,一張張歐洲的照片映入眼簾,對那些城市的記憶,曾經那麼真切透徹,如今有些褪色模糊的影像又鮮活起來了。


要謝謝鄭爸爸的相機,妹妹用心的眼睛...鮮魚也很好吃


提到往事,似乎遙遠,不知是刻意保持距離,還是不敵歲月的催老?是不想觸碰述說,還是無能釐清頭緒?在那個用手書寫文字的年代,沒有即時的影像紀錄,溝通與聯繫因空間距離的延遲,反而是情感深化的酵素,質感的培養皿。是當今網路及時通,資訊分享氾濫的一代,再也無緣享受的厚重經驗。


日本自助旅行的腳踏實地,長江源頭的生死一線,巴黎紐約街頭的遊魂亂逛,蒙特婁生活的甜蜜點滴,上海失意又奢華的夜夜笙歌...    青春就這麼一點一滴逝去了,有開心,有糾結,有荒唐,也有無數的驚奇,狂喜,失落,苦痛...  沒有網誌紀錄分享,沒有flickr影像保存,沒有及時通跟摯愛分秒聯繫,跟陌生人述說悲傷,生命沉重卻興味猶存


如今,是輕巧?是荒唐?是世界的景象不再需要細緻經營?


機械相機手洗照片的層次感,也許對看慣數位影像的e世代來說不再具有意義,生命的層次感也是一樣。


 


 


2006年10月30日 星期一

檢測design pattern可靠性(confidence)的十種指標

Original by Peter Stahl,User Experience & Design, eBay Marketplaces


-----------------------------------------------------------------------------------------------------------------------------------------


Confidence =(Usability3 x [Pervasiveness + Supporting Research]2 x [Stability + Performance + Configurability½] + Accessibility2  x Generality x Portability) / Crustiness


-----------------------------------------------------------------------------------------------------------------------------------------


檢測design pattern可靠性(confidence)的十種指標



  • 易用性Usability. 使用者有多容易理解,運用,且接受著個? 

  • 研究支持Supporting Research. 該pattern的易用性是否有足夠的數據支撐?

  • 涵蓋範圍(廣度)Pervasiveness. 可以延展多廣?用在我們全站?還是可以擴及全球?

  • 硬?Crustiness. 這個設計有多久了?這個程式碼用多久了?

  • 可調性Configurability. 多容易可以運用至不同品牌及在地化?

  • 上手程度Accessibility. 對新入門者來說,是否夠好夠容易學習使用?

  • 穩定性Stability. 程式碼的穩定度。

  • 通用性Generality. 該pattern能否延伸至涵蓋新的使用案例?

  • 表現性能Performance. 模組下載及執行的速度是否夠快?

  • 可攜性Portability. 模組在不同環境下是否都能執行順暢? 
     

-----------------------------------------------------------------------------------------------------------------------------------------


附註:


發展pattern需要做些什麼



  • 有流程,一些patterns,人,& 程式碼
  • 動作迅速,別想得太難
  • 分析大量的文件
  • 允許且注意混亂
  • 文件化pattern,規格, 及程式碼 

覺對値得的!



  • 有機的(有組織的)採納(認養)
  • 團隊一起解決難題的樂趣
  • 偉大的設計(很重要)

發展pattern可以幫助你



  • 結構化的思考
  • 看出關聯性
  • 產出可預期的互動介面
  • 管理複雜的狀況
     

 


2006年10月29日 星期日

沒有進展的一天

休假回來,上班第一天,深藍色星期一


光是check四天的email就花了許久時間,還catch工作內容跟上之前的進度...不斷恍神


上午開會,老闆透露出明年組織可能又要變動,onboard至今一年半,至少大改了三次,現在又預告下次的可能...似乎大家都錯愕在心底,但也沒什麼想法,反正多數人都是以不變應萬變吧,習慣了。


羅璇分享的slideshare.net還蠻有趣的,繼靜態圖分享社群網站flickr,影片分享網站Youtube之後,分享ppt的內容,我相信這會是一個合乎某些族群需求的網站。而Yahoo! bookmarks (Yahoo!奇摩分享書籤beta)也是繼del.icio.us之後,熱騰騰出爐的為一般user設計的書籤分享模式,增加了folder的分類方式,讓不熟悉tag的人也能容易使用。


晚上要跟妹妹,蕙恩,芝麻吃飯,好久沒聚的大學同學們。


天涼了,希望腦袋也能越來越清醒...


2006年10月28日 星期六

TOYOTA Universal Design Showcase

 



東京台場,一個有趣的景點。夜幕中依然燈火通明,亮昶吸引人的展示空間:一邊是TOYOTA  MEGA WEB汽車主題公園,加上TOYOTA 通用設計展館,其上一個巨型七彩的摩天輪;一邊是充斥高檔精品內裝典雅又現代的維納斯廣場,高度科技與商業設計的結合


其中,通用設計展館是一個令人驚艷的存在,說明了為何日本設計能在當今世界有著引導的指標作用,那是建立在嚴謹踏實紮根的基礎設計與生活教育中。



摩天輪一角


----------------------------------------------------------------------------------------------------------------------------


什麼是通用設計呢


簡單的來說,世界上的人,高矮胖瘦男女老少各有不同,一個設計如何能對多數人來說都是易用的,舒適的,這就是通用設計的關鍵。環顧四週,我們視為理所當然的一些器物,是如何讓我們不費力就知道如何使用,容易理解,安全簡單,有趣,具吸引力且迷人的!



通用設計集錦牆


將生活中各樣的通用設計產品集中於此,讓參觀者可以自行體驗通用設計的美觀與方便性



通用設計集錦牆1



通用設計集錦牆2


---------------------------------------------------------------------------------------------------------------------------


日本的通用設計


通用設計自古即深入日本社會,如包袱皮,門簾等產品



----------------------------------------------------------------------------------------------------------------------------


通用設計的各式汽車







----------------------------------------------------------------------------------------------------------------------------


"看"的區域


讓觀者親自體驗,容易閱讀和理解各式訊息,對駕駛員是如何重要





----------------------------------------------------------------------------------------------------------------------------


豐田F1賽車和通用設計


賽車跟日用車一樣,都需要通用設計的智慧




----------------------------------------------------------------------------------------------------------------------------


指導區域


透過大型遊戲板的雕刻及影像故事,感覺一下通用設計與我們日常生活息息相關的主題


----------------------------------------------------------------------------------------------------------------------------


溝通休息區





Tokyo 2006/10/24-28

東京五日遊回來,全身痠痛。


距上次入境東京(從加拿大過境去上海倒飛過不少次,每次在成田的niko過夜,吃些日式小吃,就滿足得不得了),已經是十幾年前的事了。


那是大一暑假跟蕙恩去自住旅行,參加名古屋設計博覽會,18天從橫濱,大阪,京都,名古屋一直玩到北海道,揹個20公斤的背包,一路買書看美術館住青年旅社吃泡麵度日...。當時的景點,都是美術館,博物館,雕塑公園,書店,東京藝大...


這次明顯感到是步入中年的輕鬆之旅,迪士尼,箱根小涌泉SPA,東京灣遊船,涉谷,新宿,台場,淺草血拼...果然,東京變了不少


P1040333P1040340P1040344P1040347P1040348P1040342


第一天,一到就頂著大雨逛涉谷,晚餐在六本木跟日本同事共進,居酒屋裡咿咿阿阿講破爛英語聊天喝酒,過了一晚很東京的夜生活。


P1040355P1040357P1040385P1040412P1040434P1040488


第二天,迪士尼海洋正值五週年,看了 一些不錯的表演,沒花什麼時間排隊,琳瑯滿目的商品也讓我跟oren愛不釋手,百逛不厭,終於還是花了不少銀子,走到兩腳發麻


P1040514P1040516P1040519P1040523P1040534P1040554


第三天,箱根小涌園的SPA,有小魚吃腳皮的土耳其浴及戶外裸湯的日式溫泉,最讓我懷念(雖然出來時泳衣不見了,有些錯愕尷尬);晚上的帝王蟹吃到飽的自助餐也蠻過癮的,可惜富士山躲在雲裡不肯露臉


P1040562P1040588P1040653P1040609P1040682P1040709


第四天,淺草寺,仲見街,免稅店,一連串的買逛行為;傍晚 東京灣遊船算是比較驚艷的;一下船又是台場維納斯廣場繼續逛街,不過TOYOTA的通用設計中心倒是下次可再來仔細瞧瞧,回飯店oren還不死心,去原宿想體驗一下週末夜,可惜店都關了


P1040723P1040726P1040735P1040737歌舞技町新宿招牌


第五天,吃完早餐趕緊殺到新宿,新東京都廳區,週末的早晨很安靜,沒什麼人,拍了些照片散散步,等商店開門時間才逛回百貨區,大約走完了地圖上的新宿範圍,還是沒找到momo熊的蹤跡,我想,真是緣份盡了吧,唉~


更多東京遊照片在FLICKR


明天要上班了,無力...好想繼續度假ㄡ~


2006年10月22日 星期日

有關web設計趨勢的兩篇文章(轉載自Taobao.com UI Team)


Published by qinghou 十月 9th, 2006.



第一篇原文來自:http://www.ontoinfo.com/2006/09/13/current-trends-in-web-design/ 作者將現在的優秀設計總結為8種風格,建議去原文看看作者所截取的圖形舉例.



1.Web桌面化
www.yahoo.com
mail.yahoo.com
www.live.com


正方:看起來很爽,值得細細欣賞
反方:花銷太大


盡可能地接近於桌面上絢麗的圖形,這是最優雅的風格。結果呢,這種風格看起來很棒,但是需要極大的工作量,而且很耗 網絡資源。總之,桌面風格以其四周的角度、富於表現力的圖形、陰影和對桌面應用的模仿而獨樹一幟。


桌面元素的特征舉例:


塊級(block):屏幕上一個區域通常伴隨著邊 框、頭部、底部(border、header、footer),來連接了邏輯上類似的元素,諸如:鏈接、文本、記分卡(注:我想到了digg那個分數欄)、文章預覽。塊 級通常伴隨著看似隨意的陰影(optional shadow)。


迷你塊: 通常他們是小圖片和精細文本的組合。


按鈕:這種設計元素伴隨著一定角度、風格化的邊框、看似隨意的陰影。按鈕可能是玻璃風格,並且有一些從下方投射的燈光產生的陰影,當鼠標移上去還會有視覺反饋效果。


標簽(Tabs):它們也使用了角度、風格化的邊框、看似隨意的陰影。也有鼠標懸浮的反饋。


2.水銀橙風格
www.mozilla.com/firefox
www.digg.com
www.silverorange.com


正方:可用性好、輕量級的、簡單的
反方:時尚、追隨者眾、稍稍昂貴


看起來稍顯簡約,在風格化和輕量級間追求平衡,水銀橙較之視覺豐富的界面更集中體現了可用性。它不像桌面風格那樣試圖給瀏覽者留下深刻印像,而是提供了優秀的可用性體驗。應運而生的silverorange.com就是專門水銀橙風格的設計者。


水銀橙風格的特征舉例:


頂部菜單:通常它是深色的,文字顏色為淺色,在背景上,突出的角度顏色富於變化,並形成強烈對比。


引導線 :更有立體感,引導線和頂部菜單背景色形成對比,文字顏色為灰色。


文本分割線:更有立體感,分隔線看起來很適度。


3.蘋果風格
www.apple.com


正方: 高雅、有品質、華貴
反方:太有特色,花銷太大


這種以玻璃標簽和按鈕作為主要特征的設計,對小字體不太適合,但幸運的是,如果你通常不使用小字體,這種風格也是可以接受的。工作量大,因為你需要做很多設計。有特點,你需要通過設計來保持獨特性,所以使用蘋果設計web,幾乎不可能。


蘋果風格的特征舉例:


蘋果菜單:蘋果的菜單集中體現了蘋果風格,每一處都有同樣的風格: 玻璃按鈕、立體感、圓角……


4.微軟風格
www.microsoft.com
www.msn.com
www.rsdn.ru


正方:功能性強、簡約、開發成本低
反方:你是一個MS盟友


最主要的一件事,比如微軟風格網站左欄的浮動菜單導航清晰,但太土了。簡約、清晰但普通。就像是工程師為工程師創建的。


微軟風格的特征舉例:


微軟菜單: 微軟風格的主菜單是灰色的、功能性強、簡約的。占據左邊欄的僅僅是邊框、鼠標懸浮效果、浮動子菜單……


微軟風格與眾不同之處在於header處的立體感,當你從左向右掃視,直到右上角搜索框的地方就會發現這一特征。


所有的塊級(block)都是以清晰的灰線條分割的,我想,這是由於視點的可用性考慮。人們在微軟上有太廣泛的選擇了,但有一點是清晰的:微軟的設計風格是簡約、功能性強、可用性好的。


相比蘋果風格,它不夠華貴。但運行起來還不錯。


5.雜志風格
www.style.com
www.drive.ru


正方:吸引人、簡約、濃縮
反方:需要許多照片和文字,內容的質量是關鍵


Web雜志設計風格是……嗯,就像雜志。它在你的電腦屏幕上看起來就像視覺效果出色的雜志,所以你完全可以用看雜志的眼光審視網頁。


你會意識到,在高質量的照片和圖像中有許多鏈到文章的鏈接。


雜志風格的目標群就是雜志的閱讀者。不是工程師,也不是網頁設計者,甚至不是網蟲。這確實是由一群專業的設計師設計出來的,他們非常熱愛自己的工作。如果你的目標是這類設計師,那就要為你自己工作,並深愛它……


6.圓角樸素風格
www.youtube.com


正方:簡約、清新、內容突出
反方:有點令人厭倦,不新穎,不易留下印像


這種設計一點也不壞。它的目的就是讓瀏覽者的目光集中在內容上,同時還可以減輕流量。典型站點 (www.youtube.com) 的頂部導航只有圓角和故意最簡單的元素。


7.Web 2.0設計風格
blogger.com
netflix.com
target.com
ruby-lang.org
yelp.com
blubolt.com


正方:現代、易被大眾接受、新穎
反方:可用性問題、固定寬度


識別web2.0的設計風格可以通過:
-固定寬度
-圓角形狀和陰影
-大字體
-高亮顏色的header
-Substantial amount of gray text
-字型很寬
-圓角形狀和按鈕
-陰影,玻璃效果,更有立體感


8.Adobe / Macromedia風格
adobe.com
macromedia.com


正方:干淨、簡約、平衡、高貴
反方:花銷大、個性突出、可用性問題


這種風格很像蘋果風格: 一旦你看過它,你會立即識別其他模仿者。這種設計花銷很大,追求圖形效果,並且追求整體上的 平衡。它是Macromedia在幾年前原創的風格,但現在仍然是最棒的web設計之一。


Macromedia設計風格的與眾不同之處:復雜的立體按鈕,圓角塊,陰影很獨特,固定寬度,中心感。


另一篇文章對照多個世界優秀站點的設計,總結出它們的共同特點,如下:
1.布局簡單
2.中心定位


3.3D效果


4.柔和,多采用自然背景色


5.顏色鮮亮(但謹慎使用)


6.可愛的圖標


7.有許多留白


8.大字體


(本文轉載自Taobao.com UI Team)


2006/10/23

哈,湊到30人,鍵盤不重要,還是有點人氣啦~


 


早上大好的太陽,轉眼雲氣密佈台北上空,有些詭異的氣候


開完UEDmeeting,星期一,精神還有些渙散,中午走遠些,去吃老熊牛肉麵


人多,等久,寬麵賣完了,只剩細拉麵,有些軟爛,嚼勁不足;牛肉,不是我喜歡的那一種,瘦肉太多...有些失望,不過,整體說來味道是還不錯啦,只是也許期待過高


今天開始,想好好寫blog,應該要規劃一些主題,循序蒐集資料並發表


不過,明天要去東京啦,回來再振作吧


2006年10月21日 星期六

洋蔥頭跟Yahoo!奇摩

最近總是在我們家看到洋蔥頭


拍賣,大哥大......儼然成為Yahoo!奇摩的代言人


不知Marketing是否認真思考過,關於什麼是我們branding的image


大家都覺得我們的user就是喜歡Q版造型的設計


cute 到底代表的是台灣的視覺需求水平,還是欣賞者心智年齡


蠻想了解一下,不論彎彎,洋蔥頭,或是像楓之谷這類遊戲,是生活苦悶造成的療癒需求還是...


不過,洋蔥頭還真是可愛ㄋㄟ