
APP功(gong)能開(kai)發和APP UI設計促(cu)成了(le)最終(zhong)的(de)APP的(de)呈現,一(yi)個(ge)完(wan)(wan)整(zheng)的(de)APP不是UI設計師可以(yi)獨立完(wan)(wan)成的(de),首先(xian)會(hui)有一(yi)個(ge)開(kai)發流程,這包括五部分(fen)的(de)工作一(yi)個(ge)團隊協作來完(wan)(wan)成。一(yi)起(qi)來看下ui設計開(kai)發完(wan)(wan)整(zheng)流程吧。
1、戰略層
一個項(xiang)目首(shou)先是由老(lao)板(ban)發起的(de),他會從戰略層的(de)角度來抉擇要做(zuo)的(de)項(xiang)目。
2、戰術層(ceng)
首次接到任務的(de)(de)是產品經理,老板給了一個粗糙的(de)(de)戰略方向后產品經理要確保產品基本可用,比如怎么樣部(bu)署(shu)產品的(de)(de)每個功能(neng)(neng)。他們的(de)(de)輸(shu)出物(wu)是需求(qiu)文(wen)檔。通常文(wen)檔里面(mian)記錄了要實現的(de)(de)功能(neng)(neng)范(fan)圍(wei)。
3、結構(gou)層
流程(cheng)走到(dao)交(jiao)互(hu)(hu)(hu)設計師,他會(hui)(hui)拿(na)到(dao)抽象的(de)需求文檔,需要交(jiao)互(hu)(hu)(hu)設計師提煉(lian)再細化到(dao)可以操作的(de)程(cheng)度(du),通常他們要設計產品的(de)信息架構、操作流程(cheng)以及頁面(mian)的(de)控(kong)制布局。也就是說(shuo)這個(ge)產品用得順不順主要是交(jiao)互(hu)(hu)(hu)設計的(de)工作。最(zui)終他們會(hui)(hui)輸(shu)出一份交(jiao)互(hu)(hu)(hu)原(yuan)型的(de)文檔,以線(xian)框圖的(de)形式列出界面(mian)中的(de)元素。
4、表現層
UI設(she)計師要把交互提供的(de)線框圖設(she)計成界(jie)面(mian),這(zhe)就涉及到(dao)品牌學(xue)、用戶(hu)體驗等。要保證用戶(hu)好(hao)的(de)初(chu)始(shi)印(yin)象同(tong)時留下品牌記憶;整個使用過程還(huan)要有愉快的(de)操作體驗。輸出的(de)文檔就是
視覺(jue)稿。
5、技術層
最后的工(gong)作交給(gei)開發(fa)工(gong)程(cheng)師。通過編寫代(dai)碼(ma)實(shi)現(xian)真(zhen)實(shi)可用(yong)的APP應用(yong)。