越早知道越好(為什么做的界面和原型一樣,總監(jiān)卻說(shuō)不過(guò)關(guān)呢)界面原型是什么,為什么做的界面和原型一樣,總監(jiān)卻說(shuō)不過(guò)關(guān)?,
之前接到一個(gè)需求,在客戶跟進(jìn)系統(tǒng)中,銷(xiāo)售根據(jù)客戶手機(jī)號(hào)碼生成的串碼,復(fù)制到企業(yè)微信添加好友后,可昆山網(wǎng)頁(yè)設(shè)計(jì)以將 useID 自動(dòng)關(guān)聯(lián)綁定客戶編號(hào)。有位設(shè)計(jì)師直接就對(duì)著原型把界面做了出來(lái)。對(duì)于做好這個(gè)界面,他也非常努力,比如讓元素更好看,信息排列更整齊。我遇到過(guò)幾位設(shè)計(jì)師都是這么做需求,但是最終出來(lái)的界面不昆山網(wǎng)頁(yè)設(shè)計(jì)盡人意。因?yàn)樗麄儼涯抗舛季劢乖诰植?,缺乏?duì)整體的思考。
理清思路之后再來(lái)看原型,會(huì)發(fā)現(xiàn)原型的低保真圖與說(shuō)明是兩種意思,也就是低保真圖沒(méi)有體現(xiàn)應(yīng)有的狀態(tài)和正確的意思。如果拿著這張低保真圖直接對(duì)著做,將「重昆山網(wǎng)頁(yè)設(shè)計(jì)
我們還可以用墨刀制作一個(gè)小型 demo,找相關(guān)用戶或同事進(jìn)行測(cè)試。這樣做可以提前驗(yàn)證界面是否達(dá)到用戶昆山網(wǎng)頁(yè)設(shè)計(jì)昆山網(wǎng)頁(yè)設(shè)計(jì)情況使用。通過(guò)驗(yàn)證后做出來(lái)的界面,返工率會(huì)更低,因此不要忽視這一步。
我們可以大致描繪歸納出步驟:識(shí)別需求-重塑需求-梳理流程-設(shè)計(jì)界面
1. 識(shí)別需求
識(shí)別需求不是讀原型說(shuō)明文字,而是要基于了解用戶和產(chǎn)品昆山網(wǎng)頁(yè)設(shè)計(jì)的前提下:在什么場(chǎng)景,用戶需要通過(guò)什么方式,解決什么問(wèn)題。不然原型文字就只是文字規(guī)則,沒(méi)有發(fā)揮最大作用。其次,需求是否合理,是否能真正解決用戶問(wèn)題。
2. 重塑需求
理解產(chǎn)品的意思后,利用路徑拆分原則進(jìn)行昆山網(wǎng)頁(yè)設(shè)計(jì)需求的重塑,了解用戶通過(guò)什么方式到達(dá)目的地。需求拆分方法的原則可以看喬梁的《持續(xù)交付 2.0》,其中 INVEST 原則、需求拆分的五大技法能夠幫助我們?cè)O(shè)計(jì)時(shí)以產(chǎn)品角度進(jìn)行思考。
3. 梳理流程
梳理流程昆山網(wǎng)頁(yè)設(shè)計(jì),查缺補(bǔ)漏后,進(jìn)行界面的低保真設(shè)計(jì)。在這過(guò)程中用到 INVEST 原則中的 Testable(即可驗(yàn)證原則),不斷驗(yàn)證直至成功再進(jìn)行界面設(shè)計(jì),可以讓我們的返工率降低。
4. 設(shè)計(jì)界面
經(jīng)過(guò)前面一系列的思考昆山網(wǎng)頁(yè)設(shè)計(jì)和驗(yàn)證,再去進(jìn)行界面設(shè)計(jì)的時(shí)候,我們才是帶著正確的任務(wù):哪個(gè)才是當(dāng)前的任務(wù)重點(diǎn)、什么元素應(yīng)該強(qiáng)調(diào)或弱化、在設(shè)計(jì)規(guī)范的范圍內(nèi)怎么讓界面更舒適好用…等。