[數位時代] 圖像趨勢談

September 3, 2013 on 1:53 pm | In UX Ideas | 2 Comments | 3,604 Views

( 繼上回數位新浪潮的專訪之後,2013年9月的數位時代,又有一篇訪談,談的是圖像化的趨勢。以下是專訪內容的部分原文… )

trend_of_iv-05.jpg
數位時代9月份 - 圖像趨勢談

 


兩個大脈絡,讓文字跟圖像的重要性,產生了大反轉

我自己的觀察是,有兩個大的脈絡,造就了今天這些網站視覺化的現象。一個是文字跟圖像間的消長,另一個則是網路頻寬跟資訊的大爆炸。

首先是文字的使用越來越少,圖像跟影片逐漸成為主流。這個脈絡得從30年前談起。回想一下,在那個書裡面很少有插圖的年代,大家都比較習慣透過文字來取得資訊,不論是閱讀的能力或是意願,都比今日相對來得高。這也是為什麼,我們過去在做產品介面的使用性測試時,都會發現60歲以上的高齡使用者,比較偏好閱讀圖示下面的文字說明;而不是像年輕人一樣,先去辨認圖示,看不懂了才去看文字。年齡層不同的兩群人,對於文字跟圖像的偏好是很不一樣的。這是一種文化演進下,所造成的差異。

除了書籍印刷技術的演變之外,新科技的出現,更促進了文字與圖像間的消長。像是現在手機的照相功能普及了,手邊可以顯示漂亮照片的螢幕變多了,新一代的年輕人每天都活在五顏六色的繽紛世界裡。在這個充滿視覺化元素的年代,我們喜歡看圖,看到流暢互動的東西會開心,這是很理所當然的。

這個不可逆的趨勢,已經深刻影響了我們閱讀瀏覽的偏好。以現在大家都耳熟能詳的手機應用軟體Flipboard為例,想像一下,如果Flipboard裡的內容都是純文字,那翻起來一定很無聊,對吧。隨著我們每天拍的照片越來越多,每天瀏覽的影像越來多元,越來越高解析度,手邊的互動介面越來越有流暢有趣,圖像化的需求,就一定會一直拉高,不會再回頭了。

另一個脈絡,則是網路頻寬不斷增加,每日累加的資訊量也會越來越多。

從現在到2017年,預估全球網路的數據流量,每年會成長66%左右。66%聽起來好像沒什麼,但是照這種速度成長下去,未來四年,這些每天在我們身邊流竄的數據量,就會成長近13倍,這是很可觀的量啊。這多出來十幾倍的資料肯定需要一些轉化,才能變成人們可以消化吸收的內容跟應用。

俗話說:「一張圖,勝過千言萬語」,現代人的俏皮話則說:「沒圖沒真相」,圖像跟影片還是帶有最多資訊,也是最有說服力的媒介之一。然而這當中除了純然的影音圖像之外,有一個重要的研究方向,叫做資訊視覺化 (Information visualization)。

資訊視覺化在電腦圖學領域已經發展20幾年了,目的在把大量的資訊,轉換成人們可以瀏覽、理解、探索的視覺化圖像與互動介面。舉個簡單易懂的例子,之前很火紅的實價登錄地圖(http://real-price.appspot.com/),不用一筆筆資料查詢比對,就可以一覽台北市的房價概況,這就是用Heat map來做資訊視覺化的好範例。從兩個大脈絡來看,在網路頻寬越來越大,資料越來越多的趨勢下,怎樣把大量即時資訊,分析轉化成簡單易讀的圖表,肯定會是個重要的議題。

Continue reading >>>


[數位時代] 數位新浪潮來臨!

January 5, 2013 on 11:32 pm | In UX Ideas | No Comments | 5,522 Views

( 2012年12月的數位時代,刊出了數位新浪潮的專題。找了謝榮雅、劉維公跟我,分別就服務設計、社會設計,以及使用者經驗設計等三個面向,做了一個深度專訪。以下是專訪內容的原文… )

數位新浪潮來臨
數位時代12月份 - 數位新浪潮來臨

 


三個科技業的演變,促成UX受到廣泛重視

十多年前,在網際網路剛興起的年代,那時候市面上有兩種網站,一種是Yahoo為主的入口網站,好用但是無聊;另一種則是用Flash設計得花俏至極的多媒體網站,有趣但是難用。那時我就在摸索,看看能否結合這兩種特質,弄出一個既迷人、又好用的介面設計。後來離開了網路界,到BenQ Lifestyle Design Center服務,才真正有機會可以從內而外、整合軟體到硬體,透過整個設計團隊的力量,去做出一些讓人驚艷且愛不釋手的好產品。
最近UX確實被炒得很熱,甚至快要變成一種口號了 (笑)。其實使用者經驗設計並不是這幾年才有,只是過去沒有把它獨立出來,用一個特殊的名詞去講罷了。像是老祖宗傳下來的風水學,告誡我們廁所不要對著家門口,不然一進門會有不舒服的感覺;兄弟的房門不要對著開,免得早上起床容易對撞起糾紛。這些都是家庭裡的使用經驗,既簡單又實用。

我覺得近十幾年來,有三個科技界的演變,造成UX越來越受到重視。第一個是1990年末的網際網路興起。那時候產生了很多新的應用,像是Web、電子郵件、即時傳訊等,這些介面設計的使用需求極大而且複雜,每天全球都有上千萬人在頻繁使用,一旦搞砸,公司就倒了。也因此在國外培養出許多UX相關的學科、專業人士,甚至衍生成一個具有上下游體系的設計產業。

第二個是觸控螢幕的量產普及。當產品開始大量使用觸控螢幕之後,螢幕外的硬體包覆越來越少,外觀的造型差異也越來越小,真正可以區別出產品好壞的部分,跑到了螢幕裡面。於是開機之後,裡頭的介面是不是看起來很精緻可口,用起來是不是很順暢舒服,轉而變成產品銷售的重要關鍵。

第三個,則是Wii和iPhone等跨時代產品的出現。在那之前,良好的使用經驗是要用想像的,就算想得到而做不到也沒關係,反正世界上也沒有什麼真正厲害的產品可以拿來比較。等到Wii出來,把體感設計做到了一個高標,等iPhone出來,把各種App應用的大門打開,人們一旦用過這些好東西,就回不去了。從此之後,只有做得比這些指標性產品更好,才有賣點;做不出來,就等著被淘汰。

Continue reading >>>


當使用經驗變成一句口號

November 7, 2012 on 11:22 pm | In UX Ideas | 4 Comments | 7,472 Views

近來科技業宣布裁員、放無薪假的消息不斷,但是附近巷口的便利超商卻越開越大,這現象真是讓人摸不著頭緒。直到前幾天,從超商裡買完熱咖啡跟飯糰,撐著傘走出店門口的那一刻,我才恍然大悟這是怎麼一回事。且聽我從設計師的觀點,娓娓道來這有趣的發現:

首先,繞遠一點,從科技業開始講。最近幾年台灣的科技業很流行喊口號,什麼「User experience 使用經驗」、「雲端」、「App」,講到這些潮流術語,科技業內的經理們,大多都可以跟你隨口聊上十來分鐘甚至半個小時。尤其像是我熟悉的使用經驗設計,最近更是被吹捧上了天。老闆對內會要求員工,使用經驗要去學學Apple;對外碰到媒體,則會大力吹捧公司如何重視用戶體驗,自家產品設計得多麼簡單好用。

UX as a slogan.jpg
最近幾年台灣的科技業很流行喊口號

然而,簡單歸納一下我聽過的UX使用經驗口號,不外乎有以下幾種:

把UX用作一種專業詞彙:
「我們很重視使用者經驗,不是UI,是UX」

把UX變成一項產品規格:
「我們想要一種很創新,很流暢,像iPhone一樣的使用經驗」

把UX變成一種問題的修飾方法:
「我們希望透過使用經驗設計,在不改變功能架構的前提下,加上一些圖片跟說明,讓產品變得比較直覺好用」

把UX變成一句壯膽的口號:
「我們要追求極致的使用體驗,使用經驗萬歲!」

Continue reading >>>


老實講,不要錢的設計最貴

November 7, 2012 on 10:47 pm | In UX Ideas | No Comments | 4,703 Views

在一般人的印象裡,設計是不用錢的。因為家裡做裝潢的時候,室內設計有時候是可以討價還價的,不用另收設計費;還有到印刷廠印名片的時候,通常老闆也會免費幫你設計名片,不僅用你喜歡的字型來編排,要是多印個幾盒名片,搞不好還會幫你做一個專屬的公司Logo。

老實講,不要錢的設計最貴
設計不要錢?  其實不要錢的設計最貴:)

所以,設計為什麼要錢?

設計當然要錢。

在假象不收設計費的背後,這些費用都會在奇怪的地方,被神不知鬼不覺地灌回來。我聽過一個親戚裝潢房子的例子,因為找了個認識的室內設計師,所以不用支付任何設計費用。結果很有趣,一棟室內60坪的房子,裝潢費300萬,除了把書房跟客廳打通,變成半開放式空間,做了些收納及展示櫃,並且在廚房裝了一扇宣稱價值60萬的多角度拉門外,其他大部分的區域都是素牆,僅僅做了上漆修邊裝燈等基本工作。裝潢錢是花了,但是老實說,整體的空間感受跟剛剛交屋時差不了多少。

在我看來,這60萬的拉門,大概就是那隱含的設計費了。其實,人的心理就是這麼好玩,乍聽之下裝潢免設計費,感覺真的很公道實在。但是仔細想想,就連去富基漁港請廚師幫你料理一袋買好的海瓜子,也要酌收料理費用。這些會大幅影響你居住品質,甚至公司形象的設計,憑什麼會不用錢? Continue reading >>>


設計就像炒飯

August 13, 2012 on 6:11 pm | In UX Ideas | 5 Comments | 4,592 Views

很多人問我,設計像什麼,我想了想,做設計跟炒個蛋炒飯其實沒什麼不同。要做出好吃的炒飯,需要兼顧食材、刀工、火候等;好的設計,同樣也需要有好的創意、美感、工藝水平、跟恰到好處的設計步調。

設計就像炒飯
設計就像炒飯,需要有創意、美感、工藝水平跟設計步調

首先,做過炒飯(或是上網查過炒飯小撇步)的都知道,材料裡面最重要的基底,就是那碗隔夜飯。用隔夜飯的原因是,澱粉需要時間靜置,以除去多餘的水份,讓米粒聚實有嚼勁。做設計也一樣,剛發想出來的idea很乾淨原創,但不一定是最好、最全面的。順手把這些點狀的創意,完整地記錄下來,放個一兩天再回頭看,一般來說,總能沈澱一下,讓後續的思考更為深入細膩,甚至由單點延伸出線跟面,變化出更多的可能性。

再來,則是選材跟刀工。依據食材的本質,味道重的如鹹魚火腿等,適合少量提味,玉米青豆等則適合用來大量拌入米飯以增加口感。然而,不同的食材,也需要對應不同的刀工手法,如此才能融合各種材料的特色,層疊出最適合的風味。還有一件事很重要,同一種食材,要用同一種刀工去切,厚度紋理若有不同,會使熟度及口感有落差。所以刀工必須要求一致,這樣一來不僅美觀,而且容易料理。 Continue reading >>>


Metro UI 不是一套Skin

October 25, 2011 on 2:16 am | In UX Ideas | 10 Comments | 29,796 Views

最近開始有一些軟體開發商,找我詢問Windows 8下該如何做介面設計。他們對於Metro UI的認知不盡相同,但共同點是,對於微軟這一套新的介面,既期待,又怕受傷害。

我最常聽到的問題是:「Metro UI是不是要把Icon全都改成單色,然後放在方格子裡?」「那個新的字型叫什麼名字?是不是把我們的軟體改成那個字型,然後把字體放大一些,這樣就會比較像Metro UI?」這些問題好笑歸好笑,但我相信,大部分的軟體開發者,心中都有類似的疑問:「到底什麼是Metro UI?」

Metro UI看起來很有特色,很有識別性,好像很容易抓到一些竅門,可以把現有的軟體改成「那種風格」。不過千萬別這樣做,因為這是一套全新的設計語言 (design language),而不是另一套可以換來換去的GUI skin。

metro_ui_is_not_skin_04.jpg
Metro UI不是一套Skin,千萬別想把現有的介面改成「那種風格」
(http://goo.gl/FlgPc)

 

視窗不見了,Icon不見了,太陽打從西邊出來了

如果你玩過Windows Phone 7或是Windows 8 Developer Preview,相信你一定會對於新的Metro UI感到新鮮、有趣,但也會產生一些莫名的困惑。

首先,沒有了層層相疊的視窗,仔細一看,也沒有視窗「最大化」、「最小化」,更沒有「關閉」視窗的按鈕。Windows裡面沒有Windows,這可是近二十年來頭一遭。再來,Icon都變成單色的,甚至不常出現。你可以想像,沒有icon可以點的滑鼠指標,有多麼無聊,多麼手足無措嗎? Continue reading >>>


如果你是UI Designer,下次一定要換台Mac

October 10, 2011 on 8:20 pm | In UX Ideas, Hot Stuff | 17 Comments | 39,571 Views

首先,這不是一篇廣告文。而是我在用了Macbook近一年後,發自內心的推薦。

在這之前,我是個純種的PC使用者。從高中的Intel 486 DX-33+MS DOS 6.X開始,到大學時把Pentium 266超頻成450MHz來做電腦動畫,研究所時期用遠端桌面遙控的NB寫論文,再一路到職場工作,我一直都是PC的愛用者,而且從未使用過Mac。之前也曾經聽過很多Mac user的使用心得,像是「用過就回不去了」,這種帶有濃厚情感的說法。只是姑且一聽,畢竟在自己真正用過之前,這些評論僅止於參考。    

然而,很妙的是,在用了Macbook近一年之後,我已經回不去PC,同時也開始鼓吹其他設計師換用Mac。原因無他,UI Designer應該主動去追求更多元、更極致的使用體驗,並且讓自己更懂得要求細節。像是買一台BMW,或是去杜拜帆船酒店住個幾天,都會很有幫助。不過除此之外,還有一個更有效、更務實的作法,那就是擁有一台Mac。雖然比PC貴一點點,但是可以工作,也可以娛樂,還可以讓你體驗到世界頂級的產品與服務,並且把它吸收轉化成往後做介面設計時的最低標準。
 

buy_yourself_a_mac_01.jpg
如果你是UI Designer,記得幫自己買台Mac

 

親身體驗一下,什麼叫做系統層次的高度整合

做過介面設計的人都知道,碰到整合應用程式,或甚至是整合軟硬體的案子,通常會很有趣,但是也真的很難。困難的地方在於,要在一堆可能性跟限制中,找出真正重要的亮點,同時用很強的執行力,把這個亮點從軟硬體的底層開始,以一貫之,用力地徹底執行出來。用講的誰都會,但是真正做出來的卻很少。Mac在不少層面都做到了這樣的高度整合,而且還真的超好用。 Continue reading >>>


不要再追求所謂「完整的UCD設計流程」

October 6, 2011 on 12:45 am | In UX Ideas | 18 Comments | 25,498 Views

過去常常被問到一個類似的問題:「有沒有UX設計的SOP? 我們想要導入一套像IDEO一樣,那麼完整的設計流程」。每回聽到這樣的大哉問,我都不太好意思直接潑對方冷水,畢竟會提出這樣的問題,必定是對於使用經驗有一定的追求與憧憬。不過,很實際的狀況是,大多數公司都不需要「完整的」設計流程;相反地,大家真正需要的是,一個「有效而且彈性的」設計流程。

話說,世界上並不是沒有整套規劃詳盡的UCD (User-Centered Design)設計流程,事實上多得是,而且寫得超完整。下圖UPA的Typical UCD Process就是一個很好的範例參考 。我還記得第一次看到這張設計流程圖的時候,曾驚嘆地發出啊的一聲,然後心裡想著:怎麼可能從頭到尾,全部都跑過一次啊?是的,每個案子都可以這樣跑才有鬼。當各公司的UX team都在追求更多的時間、更多的資源,並且說服公司老闆要導入完整的設計流程的同時,基本上我的實務經驗是:很難跑完所謂完整的設計流程,而且就算跑完了,通常這個設計專案也會以失敗收場。

失敗?真的嗎?UCD設計流程看起來都很合理而且嚴謹啊,怎麼會不成功呢?

UPA Design Process
UPA Typical UCD Process, 能夠真的都跑完才有鬼

 

地球是圓的,而且不停快速轉動

UCD流程其實沒有錯,每一個設計專案,基本上都必須要從理解使用者開始,經過user profile以及scenario的分析,找到潛在的問題與機會點,然後逐步發展概念、驗證,並且走向細部設計。這個基本原則跟人需要吃飯喝水一樣自然,不需要再多做解釋。

只不過,在業界根本沒有那麼多時間,可以等繁複精準的研究報告,世界上也沒有那麼乖巧的競爭對手跟消費者,會動也不動地等在哪裡,讓你把市場慢慢研究透徹,然後再花6-12個月的時間把產品設計驗證到位。 Continue reading >>>


用了會戒不掉的好設計

March 26, 2011 on 2:32 pm | In UX Ideas | 2 Comments | 13,680 Views

一講到互動設計,很多人都會把焦點放在滑鼠跟觸控面板上,好像互動就一定要跟這些新科技有關係。事實上,好的互動設計是跟生活息息相關的,不一定有很強的科技元素,但是卻肯定有濃濃的人味在裡面。今天,暫時不講圖示隱喻,也不談流程與資訊架構,我們來談談,有哪些是我們生活當中,用了會戒不掉的好設計。

有很多產品第一眼很酷,但是久了就缺乏感動。像是Wii,瘋狂地玩了半年之後,現在早就扔在櫃子裡面積灰塵;至於電視櫃上面,一台一千多塊錢,到處買得到的DVD Player就更糟了,因為看DVD的機會越來越少,現在連電源線插在插座上,都會嫌它耗電佔位子。

相反的,有些產品就是這麼特別,這麼的不可取代,甚至發展出整套品牌商品跟配件,讓你用到欲罷不能,一買再買。這些產品各有不同的技術脈絡與市場定位,但是它們都有一個強烈的共通點,那就是:抓住人類深刻的需求,然後精準痛快地滿足。
 

用過Brita,你對於喝水的經驗會有不同層次的要求

 

Brita – 用過它就不敢亂喝外面的水

第一次喝到Brita過濾後的水,那種甘滑柔順的口感,真是難以形容。儘管市面上已經有許多濾水系統,而且有些高檔複雜的機種也可以達到類同效果,但是Brita硬是在消費者心中,樹立起獨特鮮明的品牌印象,為什麼?

首先,Brita是少數不用安裝,不須插電的濾水系統。大部份的濾水系統都需要固定式的安裝,光是聽到要把整個水槽拆掉,或是在牆壁上鑽洞固定濾水器,就把大部份的消費者嚇跑了。免安裝不但降低了使用門檻,而且輕巧可攜帶的特性,也讓Brita的使用環境從家庭,走向辦公室,甚至任何你需要乾淨飲水的地方,例如:荒山野地,或是髒亂的工地。

Continue reading >>>


使用者研究:用熱情去找真相

January 31, 2011 on 7:52 am | In UX Ideas | 4 Comments | 12,686 Views

使用者研究(User Research)是什麼?我聽過最有趣,也最貼切的形容是:產品算命師。沒錯,在經驗設計的領域裡,使用者研究為的就是,在產品規劃的初期,一切都還混沌未明的狀態下,就能透過研究與分析,為產品把脈,為技術找出口。 行天宮附近的算命師,要能夠鐵口直斷,一語道破人一生的運勢,靠的是看面相、掌紋以及生辰八字;同樣地,要能夠為產品與技術點出未來方向,設計界的使用者研究,靠的則是情境觀察、需求分析,以及充分的市場資訊。

就我所知,台灣目前有在做使用者研究的設計單位並不算多。一般設計公司或設計部門,或許在各項設計的分工上,都可以做到很精細明確,但是一提到要做研究,從頭到尾不畫圖,不產出任何設計的使用者研究,大部分的老闆可能都要倒退幾步,想一想為什麼要花這個資源,去做可能沒有立即成效的事情。

使用者研究真的可有可無,真的不一定會有成效嗎?我從不幫自己算命,可是如果我的團隊裡,沒有人專注地了解使用者需求,沒有人在持續關注市場的趨勢與脈絡,隨時幫產品設計把脈,我可是會睡得很不安穩。去年五月份,UiGathering的活動主題就是使用者研究,現場反應熱烈,算是去年度裡最成功的幾場活動之一。隨著時間過去,我心裡越覺得這個主題的重要性與日俱增。所以,又再次把當時的筆記翻出來,用文字把當時聽到的洞見觀點,重新再做一次反芻與記錄。
 

user_research_01.jpg
使用者研究基本上就是「產品算命師」

 

很多時候,我們張著眼睛,但卻甚麼都沒看到

ASUS Jason的開場白,讓我印象深刻,「你們有注意到我的英文名字嗎?」。Jason姓劉,但是英文拼音不是常見的Liu,而是Lau,後者是港式的拼音法。眼尖心細的同好們可能有注意到,但是在場大多數的人,並不見得都有注意到這個小細節。然而,這就是有沒有把眼睛打開的關鍵,也是身為研究者,觀察力是否敏銳的小小隨堂測驗。

Continue reading >>>


Next Page »

HandyUI.com為陳文剛之個人部落格,歡迎分享及引用站內文章,但請著名出處與作者。
任何問題或指教,請透過david@handyui.com與我聯繫,謝謝。