By Gerd Waloszek and Joelle Carignan, SAP AG, User Productivity
翻譯：Qing
原文地址：這里
在產(chǎn)品開(kāi)發(fā)的整個(gè)過(guò)程中，原型有利于評估設計的可行性。這里三種方法：故事版、紙質(zhì)原型、HTML原型。這里給出各種原型方法的利弊，以方便你做出最合適的選擇。
引言
原型是一個(gè)有價(jià)值的設計工具。在產(chǎn)品開(kāi)發(fā)的整個(gè)過(guò)程中，有利于評估設計的可行性。在初步設計階段，能夠探究和測試用戶(hù)。在實(shí)際設計布局和更詳細的交互問(wèn)題，能夠評估和測試。之后的”高保真”模型，可以用來(lái)提供一個(gè)最終軟件的”演示”。此外，在故事板，可用于基本可用性檢查。
原型可以有多種實(shí)現方法。目前，紙質(zhì)原型被一些作者所推崇。但電子原型如HTML原型，也有其支持者。HTML的原型是特別適合web應用程序或如果只是屏幕序列的探討。當然，也可以使用其他任何熟悉的工具（如VB、PowerPoint等）。
圖1 ：紙質(zhì)原型的創(chuàng )建是一個(gè)團隊的努力；這個(gè)團隊分成三個(gè)組，創(chuàng )造各自可行的原型
圖2 ：當原型制作完成，每組出一個(gè)人給整個(gè)團隊介紹小組的設計，然后評估每個(gè)原型的利弊。
故事板
故事板，也稱(chēng)為寫(xiě)生，是原型一個(gè)很好的補充，可用于基本可用性檢查。使用這種方法，你能回答的典型問(wèn)題如下：
- 是否是簡(jiǎn)單的對話(huà)？
- 什么是閱讀模式或工作？
- 相關(guān)內容是否組織在一起了？
- 在屏幕上有太多或太少的內容？
圖3 ：一個(gè)故事板
故事版也可以被作為線(xiàn)框模型實(shí)現，然后作為最終的規格。大多數使用在網(wǎng)站或者學(xué)習型軟件，即內容為驅動(dòng)的產(chǎn)品。
圖4 ：用微軟的PowerPoint制作的部分線(xiàn)框模型（每個(gè)視圖是一個(gè)幻燈片）（點(diǎn)擊圖片放大）
紙質(zhì)原型
材料
圖5 ：一個(gè)簡(jiǎn)單的原型
紙質(zhì)原型，可以有多中方式，這取決于個(gè)人經(jīng)驗或喜好。紙質(zhì)原型典型的材料是：
- 紙板——用于屏幕；
- 郵票式張貼——用于菜單、對話(huà)框和其他的屏幕元素；
- 透明的幻燈片——用于臨時(shí)項目或用戶(hù)輸入；
- 隱藏的帶子或者其它用于用戶(hù)輸入的帶子；
- 筆和標記（可擦寫(xiě)標記用戶(hù)輸入或臨時(shí)信息）；
- 用來(lái)擦除輸入的水；
- … …
圖6 ：一個(gè)更復雜的紙質(zhì)原型的實(shí)例
優(yōu)勢
- 技術(shù)壁壘消失
- 更少的辯護（Less invested effort to defend）
- 更少的辯論時(shí)間
- 傳達產(chǎn)品”感覺(jué)”不錯
- 比Visual Basic 或者HTML原型制作快速
- 在編碼之前快速實(shí)現
- 廉價(jià)
- 創(chuàng )建快速和容易（不到一兩個(gè)小時(shí)）
- 可以創(chuàng )造出一組——這有助于求得設計的共同理解
- 人人都可以參加設計紙質(zhì)原型——不需要特殊的”工具”知識
- 用戶(hù)可以協(xié)同設計原型或參加之后的測試部分
- The focus of paper prototype discussions with users is the structure of the application and the suitability to the task
- Discussions about “taste” matters or graphic design can be avoided
- 沒(méi)有妨礙用戶(hù)對原型的批評，因為它顯然是臨時(shí)的
缺點(diǎn)
· 有限的交互——不是所有的交互問(wèn)題可以被充分的測試（例如，某些功能，例如鼠標劃過(guò)事件給用戶(hù)一個(gè)反饋無(wú)法模擬）
- 不能評價(jià)的響應時(shí)間
- 不得在實(shí)際系統中制造假數據
- 不能評估視覺(jué)
- 圖標
- 屏幕真實(shí)狀態(tài)問(wèn)題
- 需要擺弄大量的紙
- 當原型測試時(shí)，至少有一人需要扮演”電腦”
- 超過(guò)3個(gè)人的演示是不合適的
HTML原型
低保真原型
低逼真原型容易制作，用來(lái)展示基本交互作用，例如靜態(tài)的html 。它可以用來(lái)與用戶(hù)“彩排”，并要求他們以下問(wèn)題：
- 描述系統和每個(gè)對象
- 在那里能找到[每個(gè)功能] ？
圖片7 ：如果交互問(wèn)題是焦點(diǎn)，低逼真的HTML原型可以用簡(jiǎn)單的html元素來(lái)創(chuàng )建
高保真原型
高保真原型可用于向董事會(huì )或同事展示，因為它傳遞了最終軟件的許多特點(diǎn)，舉例來(lái)說(shuō)，視覺(jué)設計。它們也適合于正式的可用性測試：
- 給予用戶(hù)書(shū)面任務(wù)完成所需數據
- 要求用戶(hù)邊想邊說(shuō)出
- 測試協(xié)調人（facilitator）引導用戶(hù)通過(guò)測試
- 測試記錄人記錄可用性問(wèn)題
- 團隊里其他人默默觀(guān)察，而且最好是與測試用戶(hù)不在一個(gè)房間里
- 最后，可用于滿(mǎn)意度問(wèn)卷
圖8 ： HTML的原型比紙原型更適合檢查設計的動(dòng)態(tài)過(guò)程；這里的”高保真”的html樣機已經(jīng)包含視覺(jué)設計的元素
工具
- 所見(jiàn)即所得（WYSIWYG）的html編輯器（或你選擇的任何其他編輯——不過(guò)所見(jiàn)即所得更快）
- 一個(gè)或多個(gè)瀏覽器測試原型
- 圖形工具
- 設計元素庫（一旦設計元素庫建立，有助于形成一致的外觀(guān)和加快開(kāi)發(fā)速度）
- 圖形庫或其他屏幕元素（有助于在其他事情重復利用屏幕元素（screen elements））
- ……
優(yōu)勢
- 更好的交互，尤其是有益于評價(jià)屏幕變化（但通常需要一個(gè)人扮演”計算機” ）
- 很好展現軟件的設計或者可能的設計
- 在測試和最終編碼之間，還有時(shí)間來(lái)作出改進(jìn)
- 無(wú)需紙張
缺點(diǎn)
- 制作需更多時(shí)間（通常是一個(gè)或更多天）
- Barrier to discard the prototype and start over
- 不靈活，能以測試新的想法或替換
- 提供現實(shí)的情況及假數據是費時(shí)
- 分析、剪輯錄像帶、寫(xiě)報告延誤改進(jìn)的執行
- Often discussions on implementation issues (”taste”) dominate content discussions
- 用戶(hù)不能協(xié)同設計原型，他們只能提出建議（即不能立即檢查）
- HTML或者需要編程知識（一般只有一個(gè)人制作——設計師，可能傾向于制作一個(gè)”完美”的原型）
小貼士
- 研究可行的設計，并使用情景或任務(wù)進(jìn)行用戶(hù)測試。
- 增加原型的新功能，并進(jìn)行用戶(hù)測試。
- 簡(jiǎn)單的應用軟件，原型制作非常容易，只有有限的視圖和用戶(hù)界面元素。
- 更大和更復雜的應用軟件，原型可以分為幾個(gè)，研究應用軟件的不同層面，以保持原型的簡(jiǎn)單。
