一、網站原型設計工具設計的原型有幾種
原型設計工具有在線的網站版和客戶端版,不管是哪種原型設計工具,其設計的(de)(de)原型(xing)都是一樣的(de)(de),原型(xing)類(lei)型(xing)一般按(an)保(bao)真度分(fen)為低(di)保(bao)真原型(xing)、中保(bao)真原型(xing)和高保(bao)真原型(xing)三(san)種:
1、低保真原型
低(di)保真原(yuan)型呈現的是(shi)初步的概念和(he)想法,可以使用(yong)不同的媒介,擁(yong)有不同尺(chi)寸的原(yuan)型界(jie)面。這(zhe)種原(yuan)型是(shi)最簡單和(he)便(bian)宜的,更(geng)換成本最低(di),包括草圖、紙質原(yuan)型、線框圖等:
(1)草圖(tu):草圖(tu)是最初的想法或假設(she),基于業(ye)務流程的梳理,結(jie)合信息架(jia)構,將核心的用(yong)戶操作界面繪制出(chu)來,可以是白板草圖(tu),紙(zhi)質草圖(tu)等。通過繪制大(da)量不同(tong)的版本來考(kao)慮解決界面交互的不同(tong)方法。
(2)線(xian)框圖:信息架(jia)構和草圖可(ke)以快速演變(bian)成線(xian)框圖。線(xian)框圖是(shi)靜態的(de)頁面(mian)布局(ju),讓我們思考如何在(zai)屏幕上放置不同元素(su),更好的(de)將信息架(jia)構可(ke)視(shi)(shi)化。低保真的(de)線(xian)框圖沒有視(shi)(shi)覺設計(ji),交互方面(mian)有也只是(shi)簡(jian)單(dan)的(de)跳轉事(shi)件,大(da)多數都使(shi)用(yong)灰色(se)(se)色(se)(se)階和占(zhan)位符來(lai)指(zhi)示內容。
2、中保真原型
中保真原型在某些方面看起(qi)來像最終產品,它在成本和價值之間取得平(ping)衡,將(jiang)視(shi)覺、交互和展(zhan)示媒(mei)介結合在一(yi)起(qi)。包括可點擊的原型、編碼原型等(deng),用(yong)戶基于(yu)中保真原型能夠完(wan)(wan)成一(yi)個任務的閉環,也就是通(tong)過(guo)與原型界(jie)面的交互完(wan)(wan)成工作(zuo)任務。
(1)可(ke)點(dian)擊的原(yuan)型:一(yi)般使(shi)用原(yuan)型設(she)計軟件構建頁面(mian),并給每個頁面(mian)增加交互式元素,做到頁面(mian)之間可(ke)進行交互。
(2)編碼(ma)原型:會編碼(ma)的(de)產品,可(ke)以(yi)(yi)選在瀏覽(lan)器(qi)中創建(jian)中保真(zhen)原型。這(zhe)要求產品懂(dong)得(de)HTML,CSS等(deng)技術,可(ke)以(yi)(yi)簡單的(de)構建(jian)中保真(zhen)原型,這(zhe)種原型展示出(chu)的(de)效果(guo),就跟真(zhen)實的(de)界(jie)面很逼真(zhen)。
3、高保真原型
高保真原(yuan)(yuan)型經過(guo)視覺設計,這些(xie)原(yuan)(yuan)型具有真實界面的高度一致,數據的高度仿真,交互和動畫也具備,用戶能夠與之進行(xing)交互。雖然看起(qi)來像真的一樣,但它仍然是一個原(yuan)(yuan)型。
二、怎么評估原型設計的保真度
原型設(she)計通(tong)常(chang)是從低(di)保真開(kai)始,并逐漸(jian)提(ti)高到高保真的(de)水平(ping),一般(ban)保真度的(de)評(ping)估主要(yao)是看五個方面:
1、視覺細化:指(zhi)在界(jie)面中視覺像素級別設計的投入(ru)。
2、功(gong)能廣度:指原型(xing)中涵蓋了多少大的功(gong)能點。
3、功能深度:表明原(yuan)型各個功能的詳(xiang)細(xi)程度如何。
4、交互(hu)性:表(biao)示應用(yong)程序(xu)或產品的交互(hu)部分如(ru)何顯示給用(yong)戶。
5、數(shu)據(ju)模型(xing):包含用戶在界面中交互的內容以(yi)及(ji)產品前(qian)端(duan)和(he)后端(duan)使用的數(shu)據(ju)。
三、如何選擇合適的原型類型
原型設計工具設計的原(yuan)型(xing)類(lei)(lei)型(xing)可分(fen)為三類(lei)(lei),選擇時并不一定保(bao)真(zhen)度越(yue)高越(yue)好(hao),如果原(yuan)型(xing)保(bao)真(zhen)度過高,用戶就會以為設計已經完成,過分(fen)關(guan)注細節,而忽略整體方(fang)案;但原(yuan)型(xing)保(bao)真(zhen)度太低也不行,用戶可能會迷失方(fang)向(xiang),不理(li)解原(yuan)型(xing)的目的是什么。
一般來說,設計師需(xu)要(yao)根據目標和產品(pin)所處的(de)階段來選擇適當的(de)保(bao)真度(du)原(yuan)型,在制作原(yuan)型所花費(fei)的(de)時間(jian)和驗(yan)證原(yuan)型帶來價(jia)值之間(jian)取得平衡。