定義很重要

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提問的這些白目問題給煩死了吧。

***

友藏內心獨白：古人有云，「知之為知之，不知為不知，是知也。」