閱讀本文英文原文 （翻譯：陳楊梅 校對：劉松濤）
本文由美國計算機協(xié)會(huì ) (ACM)授權發(fā)表，在此感謝。
草圖和原型是產(chǎn)品的整個(gè)設計過(guò)程中不可缺少的一個(gè)環(huán)節，這對設計概念的產(chǎn)生，以及和他人進(jìn)行討論和評價(jià)時(shí)都十分重要，尤其是在以用戶(hù)為中心設計的情況下。原型的方法是設計教育的必修部分、是專(zhuān)家的工具包，但如果能夠將這一過(guò)程展示給產(chǎn)品和界面開(kāi)發(fā)過(guò)程中其他學(xué)科的人士，也具備巨大的價(jià)值。
對那些非職業(yè)設計師來(lái)說(shuō)，比如計算機科學(xué)家、程序員、信息系統專(zhuān)家等，好的工作坊和短期培訓可以幫助他們獲得概念化和結構化的基本設計技巧，從而幫助他們將包含數字元素和物理元素的產(chǎn)品概念變成可以觸摸的實(shí)物。實(shí)踐證明，這樣的工作坊成功地幫助了非職業(yè)設計師們很好的理解如何快速構思方法、并學(xué)會(huì )使用各種設計媒介和構建技術(shù)。課程中會(huì )練習畫(huà)草圖、制作草圖模型、制作低保真的原型等，這些在迭代設計(iterativedesign)和細化過(guò)程中都很必要也很有用；課程還包括如何作設計演示、想法交流、產(chǎn)品形式和界面的基礎測試、以及將紙質(zhì)原型和實(shí)物原型結合起來(lái)等部分。
許多來(lái)自數字產(chǎn)品界面開(kāi)發(fā)專(zhuān)業(yè)的學(xué)生和從業(yè)人員，都很熟悉用紙上原型的方法來(lái)建立和測試界面布局、信息架構、導航結構，盡管多數人感到這種方法很難上手，但這種開(kāi)發(fā)中使用的簡(jiǎn)單方法卻是界面設計中非常必要的。界面是產(chǎn)品中的一個(gè)很重要的方面，在界面設計中采用這種方法具有很多好處。
首先，真實(shí)物品和屏幕界面之間關(guān)系很關(guān)鍵，它們相互影響，相互制約。舉個(gè)例子，產(chǎn)品尺寸很顯然就限制了產(chǎn)品配置屏幕的大小。此外，數字化界面的操縱通常和一些真實(shí)物件相聯(lián)系，比如鍵盤(pán)、按鈕、或者卷動(dòng)的設備。即便是有了觸摸屏技術(shù)，但像產(chǎn)品的一些物理參數比如尺寸、重量，以及附帶的一些元素比如輸入筆等，這些因素非常關(guān)鍵必須重視。產(chǎn)品數字化進(jìn)程不論是設計的目標，還是對現在設備的升級，對產(chǎn)品各個(gè)方面的了解對于開(kāi)發(fā)出一個(gè)成功的集成在一起的整體系統都是很有幫助的。事實(shí)上，將數字化界面與一些真實(shí)物件相結合來(lái)開(kāi)發(fā)，這樣的嘗試可能激發(fā)和開(kāi)發(fā)出創(chuàng )造性的產(chǎn)品。
當然在以人為中心的設計中，以獲得概念反饋和產(chǎn)品測試為目的，來(lái)制作出包括物理界面和數字化界面相結合的完整原型，也是非常有實(shí)際意義的。將模型放到使用者的手里，使用者就會(huì )有很具體的感覺(jué)到它的大小、重量、形式、材料、鍵入區域，這些都是具有交流的感覺(jué)特征，還有可以感覺(jué)到其他的輸入交互。如果可以靈活的結合紙上原型，這個(gè)用于展示建議的產(chǎn)品便很有可能會(huì )說(shuō)服客戶(hù)和使用者，因為客戶(hù)或使用者通常不會(huì )自己憑空想象，不會(huì )從抽象的圖畫(huà)或計算機模型中把分離的部件憑空想象成最后的產(chǎn)品。
在2004年的春天，卡耐基梅隆設計學(xué)院提供了一個(gè)短期課程，叫“草圖和原型”。這個(gè)課程最初的開(kāi)設，是面向那些沒(méi)有學(xué)過(guò)設計課程或沒(méi)有相關(guān)經(jīng)驗的研究生提供交互設計課程。后來(lái)一些交互設計專(zhuān)業(yè)的學(xué)生也來(lái)報名參加，尤其是人機交互學(xué)院的研究生，對于他們來(lái)說(shuō)，可能會(huì )在這門(mén)課中發(fā)現一些設計機會(huì )。無(wú)論如何，人機交互學(xué)院的反應說(shuō)明了技術(shù)類(lèi)學(xué)生對掌握原型知識和實(shí)踐有著(zhù)強烈的需求。
這門(mén)課程循序漸進(jìn)，教授畫(huà)草圖、原型勾勒，并主要通過(guò)練習來(lái)幫助快速構思抽象概念，而并不強調將原型精細化。此外，課程中特意采用了桌上模型制作練習，這樣就排除了購買(mǎi)特殊工具或者購買(mǎi)材料和過(guò)程的麻煩因素。這種方法既幫助強化可以簡(jiǎn)單展示概念的手上功夫，又能提供一種在將來(lái)任何地方都可以應用的基礎技巧，而不需要借助任何經(jīng)驗或昂貴的設備條件。另外，低保真原型的關(guān)鍵價(jià)值，在于一種概念化狀態(tài)下，僅提供給客戶(hù)或用戶(hù)一些信息，就能夠就已種想法進(jìn)行交流了，這對于下一階段的迭代(iteration)過(guò)程極為重要。
模型的制作從組合各種材質(zhì)開(kāi)始，包括泡沫塑料、實(shí)心泡沫、起皺卡板紙、卡片紙、透明紙、彩色醋酸纖維、牛皮紙、和建筑材料等。為了測試，在有些案例僅使用紙質(zhì)原型，但在大多數案例中，原型被勾畫(huà)在紙上或板子上，可以在3D產(chǎn)品原型中插入或拿出（圖一）。按鈕布局配置中，學(xué)生被鼓勵使用一種較靈活的制作模型的技巧，采用真實(shí)的按鈕，他們可以根據自己的喜好按照不同的方式來(lái)布局。他們可以很容易的在物理環(huán)境或者界面屏幕放置或者拿走這些按鈕或粘貼物（圖二）。這種方法也可以用在紙上原型上，根據需要來(lái)展示這些屏幕組件、布局、或配置一系列的元素。
在2004年的秋天，NebraskaOmaha大學(xué)計算機科學(xué)和信息系統專(zhuān)業(yè)的學(xué)生，參加了由這門(mén)短期課程轉化成的兩天工作坊。第一天，學(xué)生進(jìn)行了一系列快速構思練習，特別是通過(guò)簡(jiǎn)單的圖畫(huà)線(xiàn)條和三維草圖模型來(lái)交流抽象概念（圖三）。這樣，學(xué)生們就學(xué)習了概念表述和用各種材質(zhì)建立桌面原型的手段。第二天，學(xué)生為一些小設備、結合物件和數字化界面，創(chuàng )造出很多方案。同卡梅隆大學(xué)的課程一樣，原型可以用各種不同的材料來(lái)制作，隨時(shí)更改一些元素如按鈕或輸入物件的位置。模型要足夠的逼真，這樣在原型測試階段，就能從工作坊的其他參與者那里獲得反饋（圖四）。
從對這門(mén)短期課程和工作坊的評價(jià)中，可以看到很多學(xué)生在課程和培訓中獲得很好的鍛煉，不僅包括通過(guò)練習掌握了很好的原型技巧，而且在構思和模型化方面獲得了一種新的信心。很多人表達了他們的驚喜，自己居然可以做到立即在紙上畫(huà)出自己的想法，并且可以深入發(fā)展出原型。而且，在動(dòng)手練習中，他們體會(huì )到了其中的樂(lè )趣，這種在產(chǎn)品的創(chuàng )造性開(kāi)發(fā)中是不可忽略的因素。
在交互設計的定義中，產(chǎn)品的物理形式和界面應該無(wú)縫結合起來(lái)，從而更好的支持使用者來(lái)完成任務(wù)。如果這是一種保證產(chǎn)品設計結果的可靠方向，那么來(lái)引入一種結合了原型和界面開(kāi)發(fā)的方法就很有意義。產(chǎn)品設計師在加深對數字技術(shù)的理解方面發(fā)現價(jià)值；學(xué)生和開(kāi)發(fā)數字界面的從業(yè)人員也可以將他們的作品具體化，也會(huì )獲益非淺，并感受到其中的快樂(lè )。最后，為概念設計、用戶(hù)反饋和測試這些目的，將物理信息和數字信息結合起來(lái)，會(huì )幫助提升產(chǎn)品的設計質(zhì)量和交互效果。
參考文獻：Rettig,Marc (1994) “Prototyping for Tiny Fingers.” Communications of the ACM,vol. 37, No.4, pp 21-27. http://portal.acm.org/citation.cfm?id=175288.2. Hackos, J & Redish, J (1998) User and Task Analysis forInterface Design (NY: Wiley).
關(guān)于作者：BruceHanington是卡耐基梅隆大學(xué)設計學(xué)院工業(yè)設計的一位副教授和項目主席，他還在給用戶(hù)中心設計專(zhuān)業(yè)和設計工作室講授人因工程和研究方法等課程。他的研究主要是關(guān)于在用戶(hù)中心設計中個(gè)人、社會(huì )、和文化的因素。他在一些主流會(huì )議論壇、設計雜志上時(shí)常發(fā)表其文章和成果。此外，他經(jīng)常受邀請在美國、加拿大、意大利、新加坡、韓國、英國、土耳其、芬蘭等國發(fā)表學(xué)術(shù)演講。Bruce在加拿大Calgary大學(xué)獲心理學(xué)學(xué)士、工業(yè)設計系環(huán)境設計碩士。
聯(lián)系客服
