紙模型

 

Paper Prototype

紙模型

 

摘要 (Abstract):

紙模型能快速建立介面並表達互動方式,設計師透過架構出介面流程(UI Flow)後,將流程中各個介面的設計依邏輯關係逐頁地建立紙模型,且同時定義上方各元件的互動關係。

定義(Definition):

紙模型(Paper Prototype)透過圖形程序進行手繪介面圖形作為原型或模型,幫助設計師把用戶期望和需求的設計想法融合,具有更多創造力,能快速將新想法形象化,在短時間內快速做介面設計操作經驗的生成並達成經驗操作及快速評估,方便討論也易於更改低成本帶來高效益。通常用於軟件開發。

紙模型用於設計和測試用戶界面,包括“低保真草圖”與“高保真草圖”,低保真草圖用於內部團隊討論及設計師所有初始想法,高保真草圖用於與客戶討論及進行真實用戶測試,較於詳細整理設計師想法。為了確保用戶了解可在紙模型加入文字或圖像,可概述用戶流程中的步驟或應用程序結構,分類紙張顏色可保持紙模型的一致性。優點:易修改只需加減修改圖紙設計、快速,簡單且具有成本效益,易於與用戶、領導和其他相關人員溝通,這種可用性測試方法可以提供大量有用的反饋,從而可以設計出更好的產品。缺點:紙模型無法真實反映實際產品。

步驟(Procedure):

Step1. 決定好要解決用戶的主要問題

收集資料與團隊討論,不要只有空談的意見,要有實際數據與潛在解決方案。

Step2. 在紙上畫出你的想法

已簡化的方式繪畫方式呈現設計想法,並關注重點項目和圖像位置。

Step3. 關注重點項目和圖像位置

加入重點項目及圖像,能使觀看者更清楚。

Step4. 對紙模型進行可用性測試

透過讓一到兩個開發人員扮演“計算機”的角色進行可用性測試,操縱紙片來模擬界面的行為。

Step5. 進行會議,而開發團隊的其他成員則觀察並做筆記

整個開發團隊進行會議,觀察並記錄了介面給用戶帶來的問題。

Step6. 修改紙模型

由於紙質原型容易創建和修改,能更加靈活並願意嘗試新的想法。

Step7. 再次進行測試

修改後,找不同的用戶再次測試。

案例(Case):

商業軟件產品

該產品已上市一年左右,雖然客戶喜歡這個功能,但他們抱怨說這個軟件很難使用,

第一天用戶界面設計和可用性問題的諮詢公司與該公司開發團隊討論,決定好要為用戶解決的最致命問題。

第二、三天開始尋找適合用戶配置文件的用戶,以便進行可用性測試。同時向開發團隊展示瞭如何構建產品界面的紙質原型,以便獲得有關這些高風險區域的一些數據。第三天開始自製紙模型,繪畫界面的每個元素(屏幕,菜單,錯誤信息),顯示螢幕的外觀。

第四、五天選擇了一名開發人員扮演計算機的角色,通過操縱紙張來模擬軟件的行為,對紙張原型進行可用性測試,例如:用戶想在基於Windows的文字處理器中打開文檔,他們會觸摸菜單欄上的文件一詞。計算機會進行放下一張包含文件菜單的紙張。用戶會觸摸打開選項,計算機將顯示打開對話框。並在每個測試環節中,引入了兩個與典型用戶的配置文件匹配的人。過程中沒有給用戶演示或解釋如何使用界面 ,反之要求他們用原型做真實的工作。計算機不允許向用戶解釋任何內容,但只能執行軟件設計要做的事情。

結果得知開發團隊發現之前一直在爭論的竟然是用戶根本沒註意到的事情,而界面上出現了很多沒有預料到的問題。接者修改紙模型,修改後再次測試,找了兩位不同的用戶並讓他們完成相同的任務。

第六天經過2天的測試,通過使用紙張原型設計和可用性測試,開發團隊通過在項目早期關注它們來管理風險,已經確定並解決了界面中的許多最大問題,同時仍有時間進行更改,團隊現在明白瞭如何使用紙質原型設計和可用性測試來提供關鍵設計決策所需的數據,從而使他們能夠構建更好的產品。

參考資料(Reference):

Carolyn Snyder。Using Paper Prototypes to Manage Risk。

UX Planet。The art of UX sketching and paper prototyping。

維基百科。Paper prototyping。

webopedia。paper prototype。

Caroline Kronley、Kippy Joseph。Paper Prototyping: A Guide For Surfacing Innovative Ideas More Quickly。

Sofiya Merenych。How to make a prototype? The first step towards a successful product。

Vivienne Trulock。PAPER PROTOTYPING。

Nick Babich。Prototyping 101: The Difference between Low-Fidelity and High-Fidelity Prototypes and When to Use Each。

Summer。What Are the Advantages and Disadvantages of Prototyping。

Shen Gao。Paper Prototyping — How-to, Pros & Cons, and the Struggles of Guerrilla Usability Testing。

分享 Acadeck 給更多人!