July 05 13:26~14:32

定義是溝通的橋樑。
***
前幾天寫了《設計的定義》這一篇,今天早上在讀《UX for Lean Startups》這本書,讀著、讀著突然想到兩個有趣的故事。
故事一:互動設計
某個在設計領域工作的朋友有一天找Teddy談合作開課的事情…
朋友:我們想要以「App互動設計」為主題,規劃一個課程,其中包含design thinking與Scrum敏捷開發流程,想請你來負責規劃Scrum流程的課程內容。
Teddy:喔,好啊,沒問題…嗯…等一下,請問什麼叫做互動設計?
此時Teddy看到朋友臉色一變,心中似乎在想:「這是什麼爛問題,互動設計就是互動設計啊」。
朋友:嗯,這麼說好了。設計的作品,可以分為單純觀賞或使用,例如畫作或椅子,使用者不會跟這些作品「互動」。人坐在椅子上面,椅子不會有反應。如果今天我們設計一把椅子,當人坐下去的時候,椅子會發出:「太胖了,該減肥了喔」這樣的對話,那麼這種設計就算是「互動設計」。
Teddy:喔…這樣子啊。如果是一個App軟體或網頁上面的按鈕,使用者按了按鈕之後,軟體會有反應(廢話
),這樣算是「互動設計」嗎?
朋友:嗯…啊…喔…這樣也算啦。
Teddy:那…基本上軟體只要有使用者介面,都可以算是一種「互動設計」。也就是說,App軟體大部分應該都是屬於有使用者介面的軟體,那麼課程主題加上「互動」兩個字,感覺有點…多餘。
朋友內心獨白:你住海邊啊…管那麼寬。
朋友:如果只用「App設計」,學員可能會認為這是談「軟體開發設計」的課程。用「App互動設計」就很清楚談的是「互動設計」的課程。
Teddy內心獨白:那為什麼不叫做「App介面設計」或「App互動介面設計」不是更清楚…
Teddy:喔,這樣子我明白了
。
***
故事二:Wireframe
有一陣子Teddy突然發現,在好幾個不同的場合中,不斷地聽到「wireframe」這個字。印象中Teddy以前沒聽過這個字,但好像幾乎每一位所謂的「(介面)設計師」都知道而且經常使用這個字。
從對話的情境中,Teddy發現有些人口中的wireframe是指隨手塗鴉的介面設計,可能是單一畫面,也可能是多個連串的操作畫面。有些人則是把一個軟體操作流程的一連串介面(假畫面)稱作wireframe。雖然Teddy心中對於wireframe的定義一直存在著疑惑,但為了 怕丟臉 不耽誤大家的時間,一直把這個問題放在心中。
有一次Teddy跟某個設計師朋友在聊天,從朋友口中不斷地「發射出」wireframe這個字,Teddy終於受不了開口問了這個問題:
Teddy:請問什麼是wireframe?
此時Teddy看到這位朋友臉色一變,心中似乎在想:「這是什麼爛問題,wireframe就是wireframe啊」。
朋友:嗯,這個…wireframe就是軟體介面設計和串起來的流程。
Teddy:那…prototype或是我們常說的「假畫面」算是wireframe嗎?
朋友:這個…wireframe和prototype應該是不一樣的東西…如此如此,這般這般…。
[三分鐘過後]
Teddy內心獨白:完全聽不懂差別在那裏。
Teddy:喔,這樣子我明白了
。
***
剛剛在《UX for Lean Startups》這本書中,看到一個關於wireframe定義的說法,那就是:
There is no definitive consensus as to what exactly a wireframe is.
翻成白話文就是說,每個人的心中,都有 一座斷背山 一個wireframe的定義。
作者自己認為,wireframe應該包含畫面的詳細設計與操作流程,但尚未對此畫面進行視覺設計。從這角度來看,prototype或是假畫面算不算wireframe?嗯,那要看你的prototype有多麼真,或是假畫面有多麼的假了。
***
結論就是,這些「設計師」朋友們,應該快被Teddy提問的這些白目問題給煩死了吧。
***
友藏內心獨白:古人有云,「知之為知之,不知為不知,是知也。」