關(guān)于交互設(shè)計師的工作內(nèi)容,這篇講得最全面!
交互設(shè)計師的工作,并不僅僅是輸出設(shè)計方案,我們需要參與前期的需求討論、后期開發(fā)、測試驗收等等產(chǎn)品設(shè)計與實現(xiàn)的多個環(huán)節(jié)。本篇將介紹我目前參與交互設(shè)計的工作流程以及各個階段的工作職責。
一、需求分析階段
這個階段,對于不同時期的產(chǎn)品討論、分析的方面?zhèn)戎攸c不同。
1、新產(chǎn)品
對于從無到有的心產(chǎn)品,需要了解:
(1)產(chǎn)品的定位是什么?
用戶群體是誰?他們有哪些特征?我們的產(chǎn)品需要解決用戶的什么痛點?如果有競品,我們與他們的優(yōu)勢在哪里、差異又在哪里?
這個階段非常重要,但是也是最難討論清楚的,即使是產(chǎn)品經(jīng)理/總監(jiān)可能在最初也無法完全確定產(chǎn)品的定位,而是在產(chǎn)品迭代過程中慢慢摸索出來。
(2)產(chǎn)品的功能點有哪些?
通過哪些功能來實現(xiàn)用戶的需求?這個部分主要由產(chǎn)品經(jīng)理提供。有些產(chǎn)品經(jīng)理提供簡單的功能list、有些甚至直接給線框圖,這其實都不太可取。
我比較希望收到的是一份較為詳細的思維導圖,包括:功能模塊、功能點、需要展示的信息字段及其格式要求、功能優(yōu)先級以及其他必要的補充說明(為什么這樣考慮、什么場景下使用等等)。
2、迭代改進中的產(chǎn)品
對于已經(jīng)上線的產(chǎn)品,如果是已有功能的改進優(yōu)化,需要了解:
(1)改版目標是什么
比如當前存在的問題是什么?計劃通過什么方式/方法解決?期望達到怎樣的目標?
對于需求分析階段,我以前也挺迷茫該如何更好的開展。在上一家公司時,剛好遇到《破繭成蝶:用戶體驗設(shè)計師的成長之路》這本書,其詳細介紹了如何做需求分析,與產(chǎn)品經(jīng)理一起按照書中的方法進行,共同討論了我們負責產(chǎn)品的定位、使用場景和特點等等信息,受益匪淺,在產(chǎn)品重構(gòu)過程中也得益于前期的分析做了一些創(chuàng)新設(shè)計。
二、交互設(shè)計階段
1、任務(wù)分析
任務(wù)分析,是指分析用戶在使用產(chǎn)品過程中,需要進行的行為和認知的過程,可以幫助我們建立產(chǎn)品的結(jié)構(gòu)和信息流,從而為我們提供更多合適的信息來幫助用戶完成任務(wù)。
根據(jù)產(chǎn)品的功能點,我們先確定用戶需要完成哪些任務(wù)?每個任務(wù)又可以分解為哪些子任務(wù)?這些子任務(wù)的操作流程、目標是什么?分布在哪些頁面,子任務(wù)的層級結(jié)構(gòu)是怎樣的?任務(wù)、子任務(wù)的優(yōu)先級關(guān)系是怎樣的?如何在界面上突出主要任務(wù)?
這個步驟關(guān)系到后續(xù)的頁面流程、用戶操作流程、頁面布局。
2、導航設(shè)計
導航的目標是突出主要功能點,讓用戶在完成任務(wù)時能一目了然的知道自己要從哪個入口進入。通過前面的功能分析和任務(wù)分析,對于用戶任務(wù)的優(yōu)先級已經(jīng)較為明確,此時可以思考、確定產(chǎn)品的導航設(shè)計。
3、頁面流程圖
用以明確整個產(chǎn)品的層級結(jié)構(gòu)、頁面之間的關(guān)系。類似下圖這樣,標注頁面名稱,不用體現(xiàn)界面細節(jié),還可以簡單標注界面的主要內(nèi)容模塊。
4、用戶操作流程圖
對于比較簡單的功能或產(chǎn)品,這一步可以省略。但是如果涉及到多個用戶角色之間的操作關(guān)聯(lián)、較為復雜的判斷邏輯,建議交互設(shè)計師先梳理清楚用戶操作流程圖,思考清楚不同分支的走向。后續(xù)在設(shè)計評審階段,可以通過流程圖來輔助講解,更容易理解。
5、頁面布局設(shè)計
整體框架、流程梳理完成后,開始逐個完成各個界面的布局設(shè)計、界面之間的跳轉(zhuǎn)關(guān)系。這個環(huán)節(jié)是整個交互設(shè)計的重中之重,如何設(shè)計友好而易用的界面,如何做到有效的組織將用戶重點關(guān)注的信息凸顯出來,非常考驗一位交互設(shè)計師的能力。
另外,這個環(huán)節(jié)也要著手思考交互操作細節(jié),不過暫時不用表述完整,可等初稿評審且基本確認后再做細化。
6、初稿評審
目標是確認導航設(shè)計、頁面流程、頁面布局是否符合產(chǎn)品需求,各方的想法是否能達成一致。如果遇到不一致的情況,可討論分歧點在哪里,討論不同方案的優(yōu)劣點及如何取舍。
如果修改意見較少,完成修改后可私下與相關(guān)的業(yè)務(wù)需求方或產(chǎn)品經(jīng)理溝通設(shè)計方案,基本達成一致后可開始進行詳細設(shè)計;如果交互初稿評審分歧較大,需要修改后重新評審,基本確認后再做詳細設(shè)計。
7、詳細交互設(shè)計
這個環(huán)節(jié),需要完善不同狀態(tài)下的頁面布局和內(nèi)容展示、用戶操作反饋提示、通用或異常的場景等等。所有開發(fā)階段需要用到的都需要在詳細設(shè)計階段體現(xiàn)。
8、終稿評審
主要目標是讓開發(fā)測試同事了解設(shè)計需求、評估設(shè)計方案的實現(xiàn)合理性、交互細節(jié)是否完善且無異議。這個環(huán)節(jié)會遇到很多“挑戰(zhàn)”,需要交互設(shè)計師提前對設(shè)計方案有足夠的思考、能權(quán)衡多種方案的利弊,進而將自己經(jīng)過深思熟慮的且最為合適的方案推進下去。
三、視覺設(shè)計階段
交互設(shè)計師需要向視覺設(shè)計師介紹交互原型;對輸出的視覺設(shè)計方案,需要從交互角度予以評估,比如與交互設(shè)計初衷是否一致、內(nèi)容的主次是否表達得當、是否有細節(jié)遺漏或錯亂等等。
四、開發(fā)與測試驗收階段
測試用例撰寫時,測試同事可能會在交互說明文檔的基礎(chǔ)上思考的更加全面,提出一些尚未考慮到的特殊操作場景。交互設(shè)計師需要思考、補充相應(yīng)的交互設(shè)計說明。
測試用例評審階段,需要確認所有的用例是否與交互文檔上一致。
開發(fā)實現(xiàn)過程中,若開發(fā)遇到一些交互上的疑問,需要實時跟進、討論、確定最終實現(xiàn)方案。
測試驗收階段,需要驗收最終的效果,看與交互原型是否一致,對于有出入的地方也要盡快跟進確認。
五、搜集用戶反饋階段
對于迭代中的產(chǎn)品來說,這一點需要持續(xù)關(guān)注。通常采用的方式是用戶調(diào)研、可用性測試、各種用戶反饋渠道搜集。交互設(shè)計師需要分析用戶反饋問題的合理性、是否需要優(yōu)化。對于值得重視的反饋,需要思考設(shè)計方案、推進實現(xiàn)。
#專欄作家#
青溪Joanna,微信公眾號-青溪札記(qingxizhaji),交互設(shè)計師一枚,喜歡體驗各種App,關(guān)注社交、在線旅游、O2O、工具類產(chǎn)品;擅長需求分析、交互設(shè)計,有一定前端開發(fā)經(jīng)驗;業(yè)余時間喜歡網(wǎng)球、ukulele、簡筆畫,正在努力攢技能。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。
很好,收藏了。
很多軟件都能做到這樣,關(guān)鍵是樣式和布局上的設(shè)計好,用visio, ppt, axure都可以
請問:文中“4.用戶流程圖”的配圖是用什么工具畫的呢?感覺比visio好看多了。
我也想問這個問題
Axure軟件畫的