如何畫交互設計流程圖
流程圖是產(chǎn)品經(jīng)理和交互設計師都必須掌握的技能，一張流程圖可以省去需求文檔和交互設計文檔的很多文字描述，本文為大家介紹有關畫交互設計流程圖的相關內(nèi)容。就跟隨百分網(wǎng)小編一起去了解下吧，想了解更多相關信息請持續(xù)關注我們應屆畢業(yè)生考試網(wǎng)!
流程圖的基本構成。
從上面幾張圖可以看到，流程圖由特定的圖形構成，但具體的樣子由圖本身的目的和閱讀者的閱讀習慣(或約定)來決定，所以使用的圖形并不是固定的，比如有人用圓形表示開端和結束，有人則用圓角矩形，有人有云團表示其他流程的引用，有人用矩形加文字來表示，形式不重要，達到描述的效果而閱讀者能讀懂才是最重要。設計流程圖也遵循這個原理。
設計流程圖。
設計流程圖長得并不特別，跟全世界流程圖都差不多，也同樣是作為一種表達工具存在。區(qū)別只在于描述的對象和組成的內(nèi)容不一樣。設計流程圖的一大重點是面向表現(xiàn)層，也就是說，描述的是界面(或叫屏幕)的變化，是用戶看到的界面的行為流。什么行為呢，界面之間的跳轉邏輯，也就是導航邏輯。
導航是信息架構的一部分(教科書把信息架構劃分為組織、導航、標簽、搜索四個系統(tǒng))，當然是交互設計的重要一環(huán)，導航的設計思路就能用流程圖表達出來(或者也可以說用流程圖來輔助設計吧)，這也是個人覺得設計流程圖的最重要運用。
從圖中可以看出構成：
a 界面。
一個矩形代表一個界面，這個流程中用戶走過兩個界面(登錄頁和首頁)，因為表達的是界面的跳轉，界面是用戶實實在在接觸到的媒介，非界面的內(nèi)容，不要出現(xiàn)。
b 動作。
矩形之間也就是界面之間加上一個觸發(fā)動作，比如從界面A點擊下一步按鈕，到達界面B，“點擊下一步”就是連接這兩個界面的關鍵動作，需要標示出來，上圖例子就是“單擊提交按鈕”。
c 條件。
一個動作之后可能有多種“是/否”的結果，則在矩形之間、動作之后加上一個或多個判斷菱形。如上圖的檢驗賬號密碼是否輸入正確。
【如何畫交互設計流程圖】相關文章：
交互設計流程圖應該注意什么的闡述03-13
交互設計新手該如何學習02-11
如何建立交互設計自查表11-30
交互設計新手入職之前如何準備12-28
解讀交互設計-Axure原型交互輸出10-20
交互設計總結03-06
交互頁面網(wǎng)頁設計09-06
交互設計師新手應該如何設計作品集02-22
交互設計師設計作品集應該如何做11-28