
在需求產(chǎn)生之后,產(chǎn)品經(jīng)理為客戶(hù)整理需求文檔,包括背景描述、用戶(hù)畫(huà)像、項目時(shí)間規劃、信息結構、任務(wù)流程、需求詳細說(shuō)明等。需求文檔的質(zhì)量會(huì )直接影響交互設計和UI設計價(jià)值。而在需求階段最好是與產(chǎn)品人員進(jìn)行溝通需求文檔的細節,能夠對設計有進(jìn)一步的促進(jìn)作用。
背景描述:在這個(gè)部分需要講清楚,項目開(kāi)展的原因是什么?能夠解決用戶(hù)哪些問(wèn)題?項目的價(jià)值有多大?
用戶(hù)畫(huà)像:主要是對用戶(hù)特征進(jìn)行詳細說(shuō)明,完整敘述產(chǎn)品的目標用戶(hù)的具體情況。
項目時(shí)間規劃:對于時(shí)間的規劃主要是針對具體的需求進(jìn)行評估,包括原型設計、真實(shí)設計稿、開(kāi)發(fā)、測試、發(fā)布等不同的過(guò)程進(jìn)行制定時(shí)間節點(diǎn),才能使得整個(gè)工作流程更加順暢。
信息結構圖:APP的內容組織結構。
如微信APP的組織架構是:搜索、微信(對話(huà))、添加(發(fā)起群聊、添加好友、掃一掃、收付款、幫助與反饋)、通訊錄(新的朋友、群聊、標簽、公眾號、星標朋友)、發(fā)現(朋友圈、掃一掃、搖一搖、附近的人、漂流瓶、購物、游戲)、我(頭像、相冊、收藏、錢(qián)包、表情、設置)
任務(wù)流程圖:主要是對平臺中的大功能從用戶(hù)開(kāi)始使用到結束,整個(gè)過(guò)程都清晰梳理出來(lái)。同時(shí)將各種可能出現的問(wèn)題考慮進(jìn)去,否則在開(kāi)發(fā)中遇到問(wèn)題,需要重新考慮,影響項目執行效率。
需求說(shuō)明:把每個(gè)操作的條件和結果都標注清楚,主要采用圖文相結合的方式,因為交互設計師再根據你的功能結構和流程梳來(lái)設計線(xiàn)框圖和高保真的原型圖。
數據埋點(diǎn):把后期需要查看的數據列成清單,比如說(shuō)這個(gè)按鈕的點(diǎn)擊率,這個(gè)頁(yè)面的打開(kāi)率等,在這個(gè)環(huán)節最好是與運營(yíng)人員進(jìn)行詳細的溝通,需要做的埋點(diǎn)的地方理清楚,這對于產(chǎn)品上線(xiàn)后的數據分析能夠起到極大的輔助作用。
二、交互設計
需求整理完成之后,接下來(lái)大致要進(jìn)行的就是線(xiàn)框圖、頁(yè)面流程、高保真原型圖和交互說(shuō)明的設計和產(chǎn)出。
線(xiàn)框圖:力求簡(jiǎn)單清晰的表達出每個(gè)頁(yè)面的視覺(jué)效果,每個(gè)情形就是一個(gè)頁(yè)面,把各個(gè)情況用頁(yè)面分別表達出來(lái)。
頁(yè)面流程圖:比較類(lèi)似之前的信息結構圖,頁(yè)面流程圖這是用各個(gè)頁(yè)面來(lái)做連接,視覺(jué)上更加清晰各個(gè)環(huán)節的銜接和跳轉。
高保真原型圖:這個(gè)部分的工作需要比較完整的展現各個(gè)功能之間的交互動(dòng)作,另外在視覺(jué)上盡量還原真實(shí)產(chǎn)品的樣子。
交互說(shuō)明:交互說(shuō)明和高保真原型有重合之處,如果做了高保真,需要對各種交互動(dòng)作進(jìn)行展現,但是有些交互動(dòng)效是軟件無(wú)法搞定的內容,為此清晰標注說(shuō)明內容。
三、UI設計
一般情況下,交互設計師講線(xiàn)框圖交給設計師,設計師可以著(zhù)手進(jìn)行設計,而在這個(gè)過(guò)程,交互設計師需要與UI設計是保持順暢的溝通,才能保證能夠傳遞正確的設計理念。
四、項目執行
設計產(chǎn)出了,交互的工作也做完了,該去交給項目經(jīng)理執行了,而在執行之前,一般需要各種相關(guān)的規范要先建立起來(lái)。包括apk、api文件的命名規范和不同類(lèi)型安裝包的管理;APK、API文件管理。