學習產(chǎn)品設(shè)計初期肯定會遇到兩個問題：第一，如何考慮更全面；第二，如何繪制交互流程圖。開始產(chǎn)品設(shè)計前先要考慮所有可能性，如何才能以線性流程圖的方法組織所需的設(shè)計元素。小鄭老師的《交互設(shè)計表格》中已經(jīng)介紹了非常實用的表格窮舉法，適合初學者使用。

流程圖是產(chǎn)品經(jīng)理和交互設(shè)計都必須掌握的技能，一張流程圖可以省去需求文檔和交互設(shè)計文檔的很多文字描述，讓技術(shù)人員一目了然地明白設(shè)計意圖，便于組織程序的邏輯順序。

繪制流程圖準從簡單的原則，流程圖是設(shè)計師的產(chǎn)出物，體現(xiàn)設(shè)計意圖，主要給技術(shù)人員和測試人員瀏覽，至于自己是如何思考不應(yīng)體現(xiàn)在流程圖中。別人也要早點回家被老婆，沒有時間關(guān)心你如何的細心的考慮，也不關(guān)心用戶會如何思考和操作的，請直接給他們展示設(shè)計的結(jié)果。

復雜和糾結(jié)留給自己，簡單留給別人。對用戶是這樣，對工作同伴也是如此。

圖例1：手機程序開機檢查更新的流程圖

流程圖包括以下圖形：

矩形表示交互環(huán)節(jié)

菱形表示問題判斷

箭頭表示工作流方向

也有用圓角矩形表示“開始”和“結(jié)束”，個人一般不要該圖形，因為從上而下的線性流程圖。最頂部的圖形或者箭頭開始的部分是流程圖的“開始”，如圖例中，開啟程序觸發(fā)了事件，程序開始檢查更新；最底部的圖形或者箭頭終止的部分是流程圖的“結(jié)束”，如重啟程序和不再提示表示本次事件結(jié)束，無須以圖形區(qū)分表示“開始”和“結(jié)束”。

流程圖容易和操作步驟混淆，比如《交互設(shè)計表格》中的登錄框操作步驟是：

點擊登錄，彈出登錄框

點擊用戶名輸入框，輸入用戶名

點擊密碼輸入框，輸入密碼

點擊登錄

操作步驟是用戶正常情況下完成某項操作所需的操作，而交互流程圖（嚴格意義上叫程序流程圖）表達是執(zhí)行邏輯的路徑，通俗地將是當用戶點擊某個按鈕之后，程序執(zhí)行命令的順序。更復雜的系統(tǒng)流程圖可用于產(chǎn)品架構(gòu)。

當用戶點擊的登錄框之后，文字描述程序執(zhí)行的順序：

檢查用戶名是否為空。如為空，提醒用戶“請您輸入用戶名”。如果用戶名設(shè)置要輸入手機號碼，還要檢查手機號碼是否是否以13/15/18開頭的11位數(shù)字。

檢查密碼是否為空。如為空，提醒用戶“請您輸入密碼”。

檢查用戶名是否是已用賬戶。程序提交數(shù)據(jù)與服務(wù)器數(shù)據(jù)進行比對。如果不是，提醒用戶“用戶名不正確”。疑問：用戶名有誤和不存在是如何判斷的？

檢查密碼是否與賬戶匹配。如錯誤，提醒用戶“密碼輸入不正確”。

現(xiàn)多數(shù)登錄框?qū)?和3合并，只提醒“用戶名或密碼不正確”，可能是告知用戶過于準確的信息之后會增加盜號風險。

圖例2，wap站驗證用戶手機號碼

文章來源：曉生語錄 轉(zhuǎn)載請注明出處鏈接。

標簽： 交互設(shè)計表格 產(chǎn)品設(shè)計 產(chǎn)品經(jīng)理 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。