草圖，線框圖，設(shè)計草稿，高分辨率的可視效果：原型對交互式應(yīng)用發(fā)展的作用是必不可少的。下面跟大家一起探討一下其中的聯(lián)系和區(qū)別，哪些方式適用于哪些項目。

在電子產(chǎn)品的開發(fā)中沒有一個最終目的是原型。原型的目標(biāo)是將想法，功能，內(nèi)容形象地表達(dá)出來，以此得到反饋并改進產(chǎn)品。交互設(shè)計中最重要的挑戰(zhàn)往往是界面：它應(yīng)該是友好的，直觀的，最好是一目了然的。

在開發(fā)的過程中會不斷地出現(xiàn)一些必須用原型的方式來解釋的問題：用戶感知到了什么元素？組件是如何交互的，整個系統(tǒng)背后的邏輯是怎樣的？這種邏輯用戶是否能快速的理解？操作是否會令人困惑？原型能夠幫助解答建立在使用價值之上的實際問題，以此做出最好的設(shè)計方案。

但是什么樣的原型適合一個交互項目的什么階段呢？它應(yīng)該盡量精致還是應(yīng)該簡易、快速？是否還能用工具對原型做一些快速的交互呢？

從低保真到高保真

原型根據(jù)外觀和功能有不同程度的保真度。Sketches或者Scribbles通常足以應(yīng)付第一階段的草稿。在這種類型的低保真原型中線框也只用保持簡練和單色，只用突出框架和功能。這些簡略的草圖不用色彩豐富絢爛，不用太多的可視化的元素。

用Axure，Balsamiq或者Mockplus等帶有許多組件的原型軟件工具能讓你快速地制作界面。通過進一步地集成設(shè)計元素，線框圖能夠打造得更為精致。

在高保真原型階段，原型和產(chǎn)品同步完成

這種情況下設(shè)計稿已經(jīng)充斥著色彩，圖形，文本，間距和字體。對于高保真的程度是沒有統(tǒng)一的標(biāo)準(zhǔn)的，可以用PowerPoint展示，可以用HTML，亦或是圖表的形式。你也可以用Photoshop組合你找到的視覺元素。如果網(wǎng)站或APP是動畫的，用比如說After Effects這樣的軟件就可以清楚地向客戶展示產(chǎn)品的思路是怎樣的。

團隊討論和概念測試中效果不用奪目

測試過程并不會像實踐一般簡單，合適的原型取決于幾個因素：目標(biāo)組，技術(shù)背景和開發(fā)階段。“沒有比手繪草圖更好的了”，漢堡的UX設(shè)計師Miriam Scheibe說到，“像乒乓球一樣在概念和開發(fā)之間不斷來回打磨構(gòu)思?！盨cribbles也能用被用來展示行為和交互，比如說展示當(dāng)用戶完成登出的流程后會發(fā)生什么。在這個階段只有概念需要被印證，沒有視覺設(shè)計的必要?！跋敕ㄓ卸嗄：?，原型就應(yīng)該有多簡單”，Miriam說到。這些草圖應(yīng)該盡量地遠(yuǎn)離產(chǎn)品，因為針對早期測試它們還需要修改成特殊的形態(tài)，能夠形成模板，利用原型軟件能夠方便的變?yōu)楹唵蔚慕换ゾW(wǎng)站或APP。

內(nèi)部細(xì)節(jié)溝通

Wireframe有助于內(nèi)部溝通，以傳達(dá)在設(shè)計，視覺，開發(fā)方面的架構(gòu)信息。盡管這種工作可以由PDF完成，但是其自帶的豐富的工具能提供更多。取代了大量難以閱讀的任務(wù)列表，越來越多的的機構(gòu)都在使用可以模擬應(yīng)用效果的交互線框圖。快速的原型工具Mockplus也能提供幫助。

視覺工作是有必要的?！叭绻麍F隊在概念階段達(dá)成了一致，想要得到部門經(jīng)理的認(rèn)可，展示形式需要更為具體”，Miriam Scheibe解釋到，“因為這些人通常沒有太多時間，你可能需要在電梯里闡述你的想法。在沒有時間和預(yù)算用于Photoshop設(shè)計的情況下，Wireframe也能夠用于集成背景，圖案，字體和色彩。”

甚至如果代理人是代表風(fēng)險投資的客戶的話，最好依靠高保真的原型而不是在觀眾前表述抽象事物的能力。在這種情況下爆炸式的美學(xué)和令人印象深刻的觸感更加為你的表達(dá)加分。

綜上所述，不同的設(shè)計階段和設(shè)計需求有很多合適的工具，線框圖適用于內(nèi)部細(xì)節(jié)溝通，包括頁面結(jié)構(gòu)／導(dǎo)航／交互細(xì)節(jié)等，草圖用于捕捉想法，不必糾結(jié)細(xì)節(jié)的構(gòu)思階段。原型圖則是針對原型測試和改進，關(guān)于行為和邏輯的驗證階段，選擇適合的工具可以為極大地提高設(shè)計的效率和質(zhì)量，更好地完成產(chǎn)品。

本文由 @jongge?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。