移動(dòng)互聯(lián)網(wǎng)產(chǎn)品原型設(shè)計(jì)原則探析

韓凱迪

摘 要：以移動(dòng)互聯(lián)網(wǎng)產(chǎn)品原型設(shè)計(jì)為研究對(duì)象，結(jié)合實(shí)際項(xiàng)目經(jīng)驗(yàn)及相關(guān)書籍中所提供的數(shù)據(jù)及知識(shí)，探析了在設(shè)計(jì)移動(dòng)端產(chǎn)品原型時(shí)所需要注意的問題及解決方案，幫助設(shè)計(jì)師梳理設(shè)計(jì)思路，與設(shè)計(jì)團(tuán)隊(duì)的其他人員更好的進(jìn)行討論與溝通，幫助設(shè)計(jì)團(tuán)隊(duì)高效快速的進(jìn)行項(xiàng)目的推進(jìn)，保證互聯(lián)網(wǎng)產(chǎn)品的可用性，提升產(chǎn)品的用戶體驗(yàn)。

關(guān)鍵詞：原型設(shè)計(jì)；受眾；可用性測(cè)試

文獻(xiàn)標(biāo)志碼：A

原型設(shè)計(jì)在移動(dòng)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的整個(gè)流程當(dāng)中有著舉足輕重的地位，因?yàn)樵谠O(shè)計(jì)的前期，我們的腦海中雖然有了一個(gè)好的想法和創(chuàng)意，但是和產(chǎn)品最終看得見摸得著的具體形態(tài)還是相距甚遠(yuǎn)的，而原型正是連接創(chuàng)意和最終成品中間的重要一環(huán)，它可以讓想法和創(chuàng)意變得可視化，可以進(jìn)行操作，便于團(tuán)隊(duì)之間的討論，同時(shí)，對(duì)于最終產(chǎn)品來說，原型可以讓產(chǎn)品得到上線前的測(cè)試和修正錯(cuò)誤的機(jī)會(huì)，這對(duì)于整個(gè)設(shè)計(jì)團(tuán)隊(duì)來說無疑是非常必要的。

一、移動(dòng)互聯(lián)網(wǎng)產(chǎn)品原型

在交互設(shè)計(jì)中，一般把能夠幫助我們與未來產(chǎn)品進(jìn)行交互，從而獲得第一手體驗(yàn)，并發(fā)掘新思路的裝置，稱為“原型” [ 1 ]。原型可分為低保真原型和高保真原型兩種。低保真原型一般在整個(gè)設(shè)計(jì)過程的初期制作，用畫筆在紙面繪制或者用現(xiàn)成的控件庫打印出來使用。在這一階段主要解決用戶界面的布局問題和操作流程問題，可以進(jìn)行簡(jiǎn)單的可用性測(cè)試來發(fā)現(xiàn)問題并且迅速修改。高保真原型則是在設(shè)計(jì)過程的中后期制作，此時(shí)應(yīng)用程序的信息架構(gòu)以及視覺設(shè)計(jì)都已完成，為了向用戶展示出設(shè)計(jì)方案在移動(dòng)設(shè)備上實(shí)際使用的情況，用相應(yīng)軟件制作出與最終界面高度接近的可跳轉(zhuǎn)的界面模型，并同時(shí)提供給用戶來進(jìn)行更加深入的可用性測(cè)試。

二、原型設(shè)計(jì)的原則

無論是低保真原型還是高保真原型，它們被制作出來的目的都是驗(yàn)證設(shè)計(jì)初期的想法和創(chuàng)意是否在實(shí)際應(yīng)用的時(shí)候可行，并且用于進(jìn)行可用性測(cè)試，發(fā)現(xiàn)更多設(shè)計(jì)初期沒有想到的問題和出現(xiàn)的漏洞，例如整個(gè)信息架構(gòu)是否嚴(yán)謹(jǐn)？導(dǎo)航的內(nèi)容分類是否合理？頁面的布局是否在操作上能做到高效？這些問題都是和產(chǎn)品最終的使用體驗(yàn)息息相關(guān)的。在原型設(shè)計(jì)和制作的過程中我們要是能夠充分考慮移動(dòng)設(shè)備的使用環(huán)境，以及受眾的使用體驗(yàn)方面的相關(guān)問題，那么原型就能夠更加高效的迭代，為團(tuán)隊(duì)開發(fā)節(jié)省更多的時(shí)間。

1）明確受眾。實(shí)際上這里的明確受眾是有兩層含義的，首先我們要明確整個(gè)應(yīng)用程序的使用受眾，這樣才能更好的使用目標(biāo)導(dǎo)向設(shè)計(jì)的方法進(jìn)行設(shè)計(jì)，了解用戶使用應(yīng)用程序時(shí)期望達(dá)到的目的，對(duì)整個(gè)設(shè)計(jì)的方向和細(xì)節(jié)有更好的把控。其次，我們要明確制作出來的原型的使用受眾，如果受眾是我們自己或設(shè)計(jì)團(tuán)隊(duì)的其他人員，那么低保真原型或精細(xì)度不高的高保真原型就可以滿足團(tuán)隊(duì)成員間的討論和交流了，但是如果受眾是甲方或者應(yīng)用程序的目標(biāo)使用人群，那么就需要使用各方面都盡量接近最終產(chǎn)品的高保真原型了，這樣才能讓他們更加深入細(xì)致的了解產(chǎn)品的交互效果。由于制作原型的目的是用于可用性測(cè)試或展示設(shè)計(jì)方案，所以明確原型的使用受眾就會(huì)幫助我們節(jié)省更多的時(shí)間和精力，并且在最短的時(shí)間內(nèi)得到使用的反饋，快速的進(jìn)入修改，推進(jìn)設(shè)計(jì)工作的進(jìn)行。

2）先簡(jiǎn)后繁。好設(shè)計(jì)都是改出來的[ 2 ]。無論我們?cè)谧畛鯓?gòu)思應(yīng)用程序的時(shí)候還是設(shè)計(jì)原型的時(shí)候，都不要貪多求全，應(yīng)該先把最重要的幾個(gè)功能做好，先推出一個(gè)簡(jiǎn)單的版本給目標(biāo)用戶使用，然后積攢了一定的用戶量之后，再對(duì)用戶提出的反饋進(jìn)行分析和改進(jìn)。就我們每天都在使用的微信來說，在最初的1.0版本中只有三個(gè)功能：發(fā)送消息、分享照片和設(shè)置頭像，然后隨著時(shí)間的推移和設(shè)計(jì)的迭代，又加入了語音對(duì)講功能、搖一搖、紅包、購物等等一系列的附加功能，在設(shè)計(jì)上不斷的優(yōu)化和改進(jìn)，最終變成現(xiàn)在的樣子，而且以后還會(huì)更加完善。所以從簡(jiǎn)單的核心功能出發(fā)，找到適合產(chǎn)品的定位是非常重要的。

3）考慮移動(dòng)特性。移動(dòng)互聯(lián)網(wǎng)產(chǎn)品原型設(shè)計(jì)不同于其他終端產(chǎn)品原型的設(shè)計(jì)，移動(dòng)設(shè)備有很多固有的缺點(diǎn)，例如它的屏幕空間有限，文字輸入效率較低，網(wǎng)絡(luò)信號(hào)的強(qiáng)度易受到地理位置的影響等等，但是移動(dòng)設(shè)備同樣有很多優(yōu)勢(shì)，例如各種傳感器的應(yīng)用、震動(dòng)反饋、麥克風(fēng)、閃光燈、指紋識(shí)別等等，無論是我們?cè)谶M(jìn)行應(yīng)用程序的創(chuàng)意構(gòu)思還是原型的設(shè)計(jì)時(shí)，都要對(duì)這些移動(dòng)特性充分的考慮，使我們的設(shè)計(jì)在交互及使用方面區(qū)別與其他終端的產(chǎn)品設(shè)計(jì)。

4）勿求完美。產(chǎn)品原型在本質(zhì)上是最終產(chǎn)品的簡(jiǎn)略版本，它能盡量接近產(chǎn)品的最終形態(tài)，但是無法替代最終產(chǎn)品，所以原型在跳轉(zhuǎn)或動(dòng)效方面存在瑕疵是很正常的，我們的設(shè)計(jì)師在制作原型的時(shí)候往往容易陷入到作品中去，每個(gè)部分都力求完美，想要和最終產(chǎn)品的使用效果一模一樣，其實(shí)大可不必這樣，我們只要根據(jù)受眾判斷原型的使用人群，能夠完成可用性測(cè)試要求的一些任務(wù)就可以了，原型的本意就是要不完美。事實(shí)上，略顯粗糙的原型往往能獲得更好反饋。

5）關(guān)注操作邏輯。設(shè)計(jì)師們?cè)诋a(chǎn)品設(shè)計(jì)的中前期往往關(guān)注的都是用戶界面的元素布局或者信息架構(gòu)，但是對(duì)于界面上的可操作元素及操作后出現(xiàn)的反饋效果則關(guān)注較少，實(shí)際上我們?cè)谑褂迷瓦M(jìn)行可用性測(cè)試的時(shí)候，測(cè)試內(nèi)容的一部分就是要統(tǒng)計(jì)用戶完成任務(wù)的效率，那么操作邏否達(dá)到最優(yōu)，就決定了用戶完成任務(wù)的快慢，所以我們?cè)谠O(shè)計(jì)原型的時(shí)候也要關(guān)注整個(gè)應(yīng)用程序的操作邏輯，盡量做到扁平化的信息架構(gòu)。

6）快速迭代。在移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的開發(fā)流程中，問題發(fā)現(xiàn)的越早，糾正問題就越容易，成本就越低，因?yàn)槲覀兘?jīng)過了很多次的可用性測(cè)試之后，修改了我們的設(shè)計(jì)方案，最終要把方案交給程序員來實(shí)現(xiàn)，在編程進(jìn)行之前發(fā)現(xiàn)的問題越多，后期開發(fā)的時(shí)候修改的地方就越少。據(jù)估計(jì)，設(shè)計(jì)流程中的變化成本是10%，那么只要在開發(fā)流程中或產(chǎn)品發(fā)布后做出變化，成本會(huì)飆升至l00%[ 3 ]。經(jīng)常對(duì)原型進(jìn)行迭代，成本風(fēng)險(xiǎn)就會(huì)降低，而且還能節(jié)省不少的時(shí)間、精力和費(fèi)用。

三、結(jié)語

產(chǎn)品原型的重要性是不容忽視的。從一方面來看，產(chǎn)品原型連接著設(shè)計(jì)師與使用者，設(shè)計(jì)師通過使用者的反饋來改進(jìn)設(shè)計(jì)，另一方面，產(chǎn)品原型連接著設(shè)計(jì)師與開發(fā)人員，他們通過原型來進(jìn)行更好的溝通和交流，最后，產(chǎn)品原型連接著設(shè)計(jì)師與最終產(chǎn)品，產(chǎn)品原型在可用性測(cè)試階段能發(fā)現(xiàn)及解決大部分的問題，為產(chǎn)品的開發(fā)排除障礙。所以，在設(shè)計(jì)的時(shí)候注意以上原則，能夠幫助幫助設(shè)計(jì)團(tuán)隊(duì)高效的完成任務(wù)。

參考文獻(xiàn)：

[1] 李洪海主編.交互界面設(shè)計(jì)[M].北京：化學(xué)工業(yè)出版社，2013：52.

[2] 傅小貞，胡甲超，鄭元攏，著.移動(dòng)設(shè)計(jì)[M].北京：電子工業(yè)出版社，2013，44.

[3] 沃菲爾著.湯海，李鴻，譯.原型設(shè)計(jì)：實(shí)踐者指南[M].北京：清華大學(xué)出版社，2013：63.