一開(kāi)網(wǎng)頁(yè)就自動(dòng)出現(xiàn)廣告、還是開(kāi)啟網(wǎng)頁(yè)后等個(gè)3秒才出現(xiàn)廣告?
廣告出現(xiàn)10秒自動(dòng)消失,還是要按(X)按鈕?
網(wǎng)頁(yè)停止30秒沒(méi)有操作要不要出現(xiàn)廣告?
工程師只會(huì)照你寫(xiě)的去做、不會(huì)照你想的去做。工程師不是神也不是蛔蟲(chóng),他們是一般人,沒(méi)有他心通這種神力,溝通上肯定會(huì)有認(rèn)知落差,所以話要講清楚,設(shè)計(jì)師的常識(shí)不等于工程師的知識(shí)。
Flow Chart、UI Flow、Wireframe 這三份文件寫(xiě)到一半發(fā)現(xiàn)什么東西漏掉回頭補(bǔ)上是正?,F(xiàn)象,不可能一次到位。
6. Mockup
視覺(jué)稿…照 Grid 和 Guideline 做吧,之后還有切圖和標(biāo)示文件要弄。
好處是切圖和標(biāo)示文件都有外掛工具可以代勞,甚至設(shè)計(jì)師只要顧好原始檔、切圖和標(biāo)示文件都用 Avocode 或 Zeplin 解決。
壞處是,如果不太知道技術(shù)限制,做出來(lái)的東西工程師不能用就算了,他們還白挨設(shè)計(jì)師的罵。
「為什么你做出來(lái)的東西和我畫(huà)的差了幾px?」
「拜托!RWD 不可能完全和你畫(huà)的一模一樣好不好?」
「是你能力不夠還是偷懶?我的圖畫(huà)得出來(lái)為什么你做不出來(lái)?」
「干…」
7. Prototype
那位讀者問(wèn)另外問(wèn)了關(guān)于 Prototype 的問(wèn)題:
高保真Prototyple是在切圖給RD之后制作,那做出來(lái)的用意是在RD程序還沒(méi)完成前再次確定操作上有無(wú)任何問(wèn)題嗎?那高保真Prototyple就是跟成品長(zhǎng)的一樣還可以操作啰??
做 Prototype 的目的通常是測(cè)試和驗(yàn)證,不管是給使用者操作看看、觀察使用者操作狀況做使用者測(cè)試;還是工程師套完程序上線前先測(cè)看看有沒(méi)有蟲(chóng)或哪邊爆炸了。所以它一定要可以被操作,不能被實(shí)際操作是要怎么測(cè)試?腦內(nèi)補(bǔ)完?
Prototype 要可以被操作!
Prototype 要可以被操作!
Prototype 要可以被操作!
不能被操作的都不是 Prototype。
Wireframe 可以做 Prototype,低保真原型。
Mockup 可以做 Prototype,高保真原型。
切圖叫工程師寫(xiě)程序套版做一個(gè),高保真原型。
我自己大多做完 Mockup 后才會(huì)出 Prototype 測(cè)試。因?yàn)椋琖ireframe 做的低保真原型一般使用者看不懂也沒(méi)感覺(jué),沒(méi)辦法做使用者測(cè)試 =_=
Wireframe 做的 Prototype 頂多內(nèi)部測(cè)試吧,但內(nèi)部測(cè)試常常不太準(zhǔn),工程師和設(shè)計(jì)師的思維和一般人不一樣,測(cè)一測(cè)重點(diǎn)常常歪掉…
補(bǔ)充說(shuō)明
另一位讀者看了本文后若有所感,傳訊跟我討論了下。
今天也和老板談了是否要有 Functional Map 和 UI Flow 等等這些流程,讓我們?cè)谇懊嬗懻摰臅r(shí)候就可以厘清,而不是在視覺(jué)稿才修改增減,他也直言我們沒(méi)有那么多時(shí)間無(wú)法照這樣流程,真的很無(wú)力…
沒(méi)有那么多時(shí)間無(wú)法照這樣流程?當(dāng)然啊,因?yàn)橐褧r(shí)間留在后面改來(lái)改去嘛~~~~~
時(shí)間總是要花的,看是花在前期規(guī)劃還是后期補(bǔ)洞而已。說(shuō)沒(méi)時(shí)間無(wú)法照流程的是根本沒(méi)流程可以照吧。
想逼走員工、降低團(tuán)隊(duì)士氣,盡量亂改沒(méi)關(guān)系,反正大家都知道亂改的那個(gè)人連自己要什么都不知道只好胡亂張嘴下指令。