原型設(shè)計(jì)是設(shè)計(jì)團(tuán)隊(duì)構(gòu)思、試驗(yàn)并將概念變?yōu)楝F(xiàn)實(shí)的過程，范圍從紙質(zhì)創(chuàng)意到數(shù)字設(shè)計(jì)。原型的核心是設(shè)計(jì)的早期樣本，允許用戶在最終產(chǎn)品開發(fā)之前對(duì)其進(jìn)行可視化或交互。這是設(shè)計(jì)思維過程的第四步，其次是可用性測試。

原型設(shè)計(jì)的一個(gè)關(guān)鍵特征是無需一行代碼即可創(chuàng)建原型。有很多原型工具可以幫助設(shè)計(jì)師將畫板鏈接在一起，在不需要開發(fā)人員的情況下創(chuàng)建交互式、可點(diǎn)擊的體驗(yàn)。這有助于降低成本，因?yàn)樵O(shè)計(jì)人員無需進(jìn)行開發(fā)工作即可創(chuàng)建可點(diǎn)擊的原型。換句話說，與用戶和利益相關(guān)者一起測試您的原型是明智的，以便在您將金錢、時(shí)間和人力資本投入實(shí)際設(shè)計(jì)設(shè)計(jì)解決方案之前消除任何錯(cuò)誤。

需要注意的是，原型設(shè)計(jì)可用于設(shè)計(jì)過程的各個(gè)階段。無論是在設(shè)計(jì)的開始階段還是設(shè)計(jì)的中途，它都是驗(yàn)證想法的必要工具。測試原型可讓您在繼續(xù)開發(fā)之前對(duì)進(jìn)度和可用性進(jìn)行基準(zhǔn)測試。

原型設(shè)計(jì)的原因

原型是一種無需代碼即可創(chuàng)建的交互式體驗(yàn)，可在發(fā)布前幫助測試概念。通過原型設(shè)計(jì)，設(shè)計(jì)人員可以以零開發(fā)工作探索替代設(shè)計(jì)解決方案。他們還可以在發(fā)布最終產(chǎn)品之前在真實(shí)用戶身上測試他們的原型，以發(fā)現(xiàn)可用性問題。此過程可幫助設(shè)計(jì)師在整個(gè)設(shè)計(jì)和開發(fā)生命周期中節(jié)省大量時(shí)間、金錢和精力。

制作原型的一些原因包括：

• 探索新思路 。原型允許設(shè)計(jì)師嘗試各種想法和解決方案。它們使設(shè)計(jì)人員可以自由地測試多種潛在場景，同時(shí)在此過程中進(jìn)行調(diào)整以優(yōu)化最終產(chǎn)品的可用性。
• 發(fā)現(xiàn)問題 。原型是進(jìn)一步了解用戶面臨的問題的好方法。它們使設(shè)計(jì)師能夠通過真正地與他們互動(dòng)并觀察哪些有效，哪些無效，從而更好地理解產(chǎn)品或系統(tǒng)。
• 識(shí)別可用性問題 。為用戶創(chuàng)建原型以與之交互是識(shí)別產(chǎn)品可用性問題的好方法。這將允許設(shè)計(jì)人員在開發(fā)之前進(jìn)行必要的更改。
• 讓利益相關(guān)者和最終用戶參與進(jìn)來 。原型允許設(shè)計(jì)師與利益相關(guān)者和最終用戶互動(dòng)，這讓他們有機(jī)會(huì)參與到流程中并感受到主人翁感。這可能有助于他們的“買進(jìn)”，并有助于更快地推動(dòng)這一概念。

銷售新概念 。原型是激發(fā)、激勵(lì)并最終將設(shè)計(jì)決策“推銷”給內(nèi)部和外部利益相關(guān)者的好方法。它們也是激發(fā)市場采用激進(jìn)的新想法和流程的好方法，因?yàn)樗鼈儙缀醪恍枰涂梢耘e例說明生產(chǎn)成本可能極高的東西。

有哪些不同類型的原型設(shè)計(jì)？

原型制作的方法和技術(shù)范圍很廣，通常被稱為低保真度、中保真度或高保真度。保真度是指原型的詳細(xì)程度和功能。通常，保真度越高，創(chuàng)建所需的努力和成本就越高。不同的場景需要不同程度的保真度，并且各有利弊。最佳實(shí)踐包括了解每個(gè)項(xiàng)目包括什么，以及如何以及何時(shí)使用它們。

低保真原型

低保真原型——通常被稱為紙質(zhì)原型——是人們可以創(chuàng)建的最快、最省力的原型。它們代表了您產(chǎn)品的簡單、不完整版本，是在設(shè)計(jì)投入更多時(shí)間和精力之前測試高級(jí)概念的好方法。低保真原型還允許您在設(shè)計(jì)過程的早期階段收集反饋和測試概念。由于它們是用筆和紙創(chuàng)建的，因此設(shè)計(jì)人員可以輕松地測試不同的概念，允許他們?cè)谶M(jìn)入數(shù)字線框之前進(jìn)行相應(yīng)的調(diào)整。

優(yōu)點(diǎn)

• 快的 。紙質(zhì)原型制作起來既簡單又快捷，非常適合集思廣益各種想法和概念。此外，您可以即時(shí)進(jìn)行更改和更新。
• 便宜 。低保真原型在勞動(dòng)力和材料上都很便宜。筆和紙是常見的辦公用品，由于制作速度快，人工成本顯著降低。
• 同理心建設(shè) 。紙質(zhì)原型是一個(gè)很好的團(tuán)隊(duì)建設(shè)練習(xí)，可以增加對(duì)用戶和產(chǎn)品的參與度、所有權(quán)和同理心。
• 誠實(shí)的用戶反饋 。在可用性測試期間，如果用戶認(rèn)為你沒有花很多時(shí)間在上面，他們更傾向于給出誠實(shí)的反饋。與更高保真度的原型相反，用戶對(duì)紙質(zhì)原型的反饋往往更開放。

缺點(diǎn)

• 不切實(shí)際 。歸根結(jié)底，紙質(zhì)原型無法替代數(shù)字體驗(yàn)。缺乏影響用戶反饋的真實(shí)感，這可能導(dǎo)致誤報(bào)。
• 誤報(bào) 。由于體驗(yàn)缺乏真實(shí)感，用戶反饋不準(zhǔn)確。用戶可能會(huì)以與設(shè)計(jì)者的想法不同的方式“填補(bǔ)空白”，從而影響結(jié)果。

中保真原型

中保真原型是原型設(shè)計(jì)的下一個(gè)層次。通常被稱為線框，中保真原型是數(shù)字化的，并以灰度創(chuàng)建。它們將設(shè)計(jì)限制在用戶流和信息架構(gòu)上，而忽略了品牌元素、照片和徽標(biāo)。

將原型限制在灰度的用戶流和信息架構(gòu)中，使用戶能夠?qū)Ｗ⒂谠O(shè)計(jì)的基本方面，而不會(huì)被顏色、照片放置和徽標(biāo)分心。這使設(shè)計(jì)人員能夠在美化產(chǎn)品之前測試產(chǎn)品的核心可用性。

有很棒的線框圖資源——包括在線的線框圖示例和模板。但首先，讓我們討論線框圖的優(yōu)缺點(diǎn)。

優(yōu)點(diǎn)

• 增加了真實(shí)感。由于中型原型是數(shù)字化的，因此它們對(duì)于用戶測試來說是更真實(shí)的體驗(yàn)。這將影響反饋，因?yàn)樵透褡罱K產(chǎn)品，而不是紙質(zhì)原型。
• 快速迭代。中保真原型允許比調(diào)整高保真（或接近完整）產(chǎn)品更快的迭代。
• 缺乏精細(xì)的細(xì)節(jié)。它們是在過度投入并陷入細(xì)節(jié)之前測試想法的好方法。

缺點(diǎn)

• 沒有什么能打敗最終產(chǎn)品。盡管低保真和中保真線框更便宜、更快捷，但最終產(chǎn)品將始終是您收集用戶反饋工作的最佳代表。缺乏視覺元素（例如照片、文本和顏色）可能會(huì)影響您收到的整體體驗(yàn)和反饋。

高保真原型

在使用低保真和中保真原型進(jìn)行幾輪測試之后，是時(shí)候花時(shí)間以高保真度渲染您的設(shè)計(jì)了。這是設(shè)計(jì)師引入品牌、照片、副本、顏色和動(dòng)畫以將他們的體驗(yàn)變?yōu)楝F(xiàn)實(shí)的時(shí)候。隨著您的設(shè)計(jì)接近最后階段，在開發(fā)階段之前與用戶一起測試高保真原型非常重要。

優(yōu)點(diǎn)

• 現(xiàn)實(shí)體驗(yàn) 。用戶參與的體驗(yàn)?zāi)７伦顪?zhǔn)確的最終產(chǎn)品，從而產(chǎn)生更準(zhǔn)確和適用的結(jié)果。測試高保真原型是預(yù)測用戶在市場上對(duì)其反應(yīng)的最佳方式。
• 最后的測試 。高保真原型是在進(jìn)入開發(fā)階段之前測試最終產(chǎn)品的好方法。測試您的最終概念將使您的團(tuán)隊(duì)充滿信心地進(jìn)入開發(fā)階段，因?yàn)樗麄冎浪麄冋趧?chuàng)建一個(gè)可用的、理想的產(chǎn)品。
• 與開發(fā)的通信工具 。高保真、交互式原型是與開發(fā)人員協(xié)作的好方法，讓他們更清楚地了解產(chǎn)品的行為方式。這確實(shí)有助于開發(fā)移交過程。

缺點(diǎn)

• 制作成本高。 高保真原型是最昂貴的，因?yàn)樗鼈冃枰疃嗟馁Y源來創(chuàng)建。因此，作為設(shè)計(jì)師，重要的是在進(jìn)入高保真之前以低保真驗(yàn)證您的概念。
• 更多時(shí)間去創(chuàng)作 。由于包含精細(xì)的細(xì)節(jié)，高保真原型需要更長的時(shí)間來創(chuàng)建。因此，在測試新概念時(shí)，從較低的保真度開始很重要。
• 對(duì)用戶反饋猶豫不決 。當(dāng)用戶認(rèn)為您在某件事上花費(fèi)了很長時(shí)間時(shí)，他們可能會(huì)“安定下來”并且不像與紙質(zhì)原型交互時(shí)那樣多說話。

網(wǎng)站原型制作流程是怎樣的？

在深入研究網(wǎng)站原型之前，您必須確定您的用戶，定義他們的問題，并想出一個(gè)合適的解決方案來解決他們的痛點(diǎn)。在設(shè)計(jì)過程中完成這些步驟后，您就可以開始原型設(shè)計(jì)了。

以下是有效網(wǎng)站原型制作過程的步驟。

1. 選擇要測試的功能 。選擇要在用戶身上測試的關(guān)鍵功能。在一個(gè)會(huì)話中有效地測試產(chǎn)品的所有功能是不可能的。因此，請(qǐng)確定您希望在此發(fā)現(xiàn)會(huì)話中突出顯示的關(guān)鍵功能。
2. 創(chuàng)建您的設(shè)計(jì)原型 。接下來，創(chuàng)建您的網(wǎng)站原型以舉例說明上一步中確定的那些關(guān)鍵功能和流程。創(chuàng)建一個(gè)原型來舉例說明所有功能可能會(huì)花費(fèi)大量時(shí)間并且是不必要的。相反，創(chuàng)建一個(gè)原型來突出您希望測試的關(guān)鍵功能。您可以在他們到達(dá)那里的過程中記錄任何不正確的點(diǎn)擊或點(diǎn)擊。
3. 測試您的解決方案 。下一步是將您的設(shè)計(jì)帶給用戶、合作伙伴和利益相關(guān)者。觀察并記錄它們與您的產(chǎn)品的交互，注意當(dāng)前設(shè)計(jì)中的任何可用性問題?？捎眯詼y試和原型齊頭并進(jìn)。
4. 更新辭職。在您的測試會(huì)話之后 ，將您的反饋綜合成關(guān)鍵要點(diǎn)并相應(yīng)地更新您的設(shè)計(jì)。
5. 重復(fù)該過程 。最后，將您更新的網(wǎng)站設(shè)計(jì)返回給用戶并重復(fù)此過程。

現(xiàn)在輪到你了

現(xiàn)在我們已經(jīng)完成了原型設(shè)計(jì)，現(xiàn)在輪到您使用這些技能來創(chuàng)建可操作的計(jì)劃，以增強(qiáng)您的網(wǎng)站設(shè)計(jì)過程。無論是測試新概念、驗(yàn)證現(xiàn)有想法還是影響未來的設(shè)計(jì)，網(wǎng)站原型制作都可以讓您微調(diào)您的設(shè)計(jì)并獲得重要利益相關(guān)者的認(rèn)可。它是用戶體驗(yàn) (UX) 設(shè)計(jì)中最強(qiáng)大的工具，可以在沒有開發(fā)過程中的成本和資源的情況下獲得想法。

讓客戶清楚所有流程，網(wǎng)站建設(shè)考慮每一個(gè)菜單的細(xì)節(jié)是設(shè)計(jì)的職責(zé)，也成為了我們的習(xí)慣，設(shè)計(jì)已經(jīng)與各個(gè)行業(yè)合作過，并且有一個(gè)經(jīng)過驗(yàn)證的產(chǎn)生結(jié)果的過程。

與設(shè)計(jì)合作最重要的是，在您簽署或支付任何費(fèi)用之前，我們會(huì)為您的新網(wǎng)站提供免費(fèi)的原型設(shè)計(jì)，這是最好的部分。