產(chǎn)品原型設(shè)計(jì)的基本理念

產(chǎn)品原型設(shè)計(jì)的基本理念在電子產(chǎn)品的開發(fā)中沒有一個(gè)最終目的是原型。原型的目標(biāo)是將想法，功能，內(nèi)容形象地表達(dá)出來，以此得到反饋并改進(jìn)產(chǎn)品。交互設(shè)計(jì)中最重要的挑戰(zhàn)往往是界面：它應(yīng)該是友好的，直觀的，最好是一目了然的。在開發(fā)的過程中會(huì)不斷地出現(xiàn)一些必須用原型的方式來解釋的問題：用戶感知到了什么元素？組件是如何交互的，整個(gè)系統(tǒng)背后的邏輯是怎樣的？這種邏輯用戶是否能快速的理解？操作是否會(huì)令人困惑？原型能夠幫助解答建立在使用價(jià)值之上的實(shí)際問題，以此做出最好的設(shè)計(jì)方案。但是什么樣的原型適合一個(gè)交互項(xiàng)目的什么階段呢？它應(yīng)該盡量精致還是應(yīng)該簡易、快速？是否還能用工具對(duì)原型做一些快速的交互呢？從低保真到高保真原型根據(jù)外觀和功能有不同程度的保真度。Sketches或者Scribbles通常足以應(yīng)付第一階段的草稿。在這種類型的低保真原型中線框也只用保持簡練和單色，只用突出框架和功能。這些簡略的草圖不用色彩豐富絢爛，不用太多的可視化的元素。用Axure，BaISamiq或者M(jìn)ockplus等帶有許多組件的原型軟件工具能讓你快速地制作界面。通過進(jìn)一步地集成設(shè)計(jì)元素，線框圖能夠打造得更為精致。在高保真原型階段，原型和產(chǎn)品同步完成這種情況下設(shè)計(jì)稿已經(jīng)充斥著色彩，圖形，文本，間距和字體。對(duì)于高保真的程度是沒有統(tǒng)一的標(biāo)準(zhǔn)的，可以用POwerPOim展示，可以用HTML,亦或是圖表的形式。你也可以用Photoshop組合你找到的視覺元素。如果網(wǎng)站或APP是動(dòng)畫的，用比如說AfterEffects這樣的軟件就可以清楚地向客戶展示產(chǎn)品的思路是怎樣的。團(tuán)隊(duì)討論和概念測試中效果不用奪目測試過程并不會(huì)像實(shí)踐一般簡單，合適的原型取決于幾個(gè)因素：目標(biāo)組，技術(shù)背景和開發(fā)階段“沒有比手繪草圖更好的了"漢堡的UX設(shè)計(jì)師MiriamSCheibe說到，"像乒乓球一樣在概念和開發(fā)之間不斷來回打磨構(gòu)思。"SCribbleS也能用被用來展示行為和交互，比如說展示當(dāng)用戶完成登出的流程后會(huì)發(fā)生什么。在這個(gè)階段只有概念需要被印證，沒有視覺設(shè)計(jì)的必要。“想法有多模糊，原型就應(yīng)該有多簡單”，Miriam說到。這些草圖應(yīng)該盡量地遠(yuǎn)離產(chǎn)品，因?yàn)獒槍?duì)早期測試它們還需要修改成特殊的形態(tài)，能夠形成模板，利用原型軟件能夠方便的變?yōu)楹唵蔚慕换ゾW(wǎng)站或APP。內(nèi)部細(xì)節(jié)溝通Wireframe有助于內(nèi)部溝通，以傳達(dá)在設(shè)計(jì)，視覺，開發(fā)方面的架構(gòu)信息。盡管這種工作可以由PDF完成，但是其自帶的豐富的工具能提供更多。取代了大量難以閱讀的任務(wù)列表，越來越多的的機(jī)構(gòu)都在使用可以模擬應(yīng)用效果的交互線框圖?？焖俚脑凸ぞ進(jìn)OCkPluS也能提供幫助。視覺工作是有必要的?！叭绻麍F(tuán)隊(duì)在概念階段達(dá)成了一致，想要得到部門經(jīng)理的認(rèn)可，展示形式需要更為具體"，MiriamSCheibe解釋到，“因?yàn)檫@些人通常沒有太多時(shí)間，你可能需要在電梯里闡述你的想法。在沒有時(shí)間和預(yù)算用于Photoshop設(shè)計(jì)的情況下，Wireframe也能夠用于集成背景，圖案，字體和色彩。”甚至如果代理人是代表風(fēng)險(xiǎn)投資的客戶的話，最好依靠高保真的原型而不是在觀眾前表述抽象事物的能力。在這種情況下爆炸式的美學(xué)和令人印象深刻的觸感更加為你的表達(dá)加分。綜上所述，不同的設(shè)計(jì)階段和設(shè)計(jì)需求有很多合適的工具，線框圖適用于內(nèi)部細(xì)節(jié)溝通，包括頁面結(jié)構(gòu)／導(dǎo)航／交互細(xì)節(jié)等，草圖用于捕捉想