• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 平面理論教程 ] 巧用5分鐘時間幫你學會用戶體驗流程圖—- 設計教程




    教學主題: 巧用5分鐘時間幫你學會用戶體驗流程圖

    大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

    今天的這個教學主題是: 巧用5分鐘時間幫你學會用戶體驗流程圖

    這教學的重點為這幾點 [ 體驗,用戶,學會,時間,分鐘,流程圖,流程,進行,判斷,情況 ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    在用戶體驗設計領域,設計師常常用流程圖的方法進行需求解析,任務描述,所有情況羅列、發掘新設計點等。流程圖是非常有效的將需求轉化為具體設計稿的思考工具。本文中,小可將會結合自己的經歷,來講下用戶體驗設計中流程圖(UX Flowchart)的運用。

    在用戶體驗設計領域,設計師常常用流程圖的方法進行需求解析,任務描述,所有情況羅列、發掘新設計點等。流程圖是非常有效的將需求轉化為具體設計稿的思考工具。本文中,小可將會結合自己的經歷,來講下用戶體驗設計中流程圖(UX Flowchart)的運用。

    歡迎關注點融設計中心DDC微信公眾號(微信ID:DR_DDC)

    最早關於流程圖的概念由Frank 和 Lillian Gilbreth 在1921年美國機械工程師社團(American Society of Mechanical Engineers)的《流程圖:尋找工作最有途徑的第一步》(“ProcessCharts: First Steps in Findingthe One Best Way to do Work”)演講中提出【1】。隨着在工程領域中的逐漸推廣和運用,流程圖(Flowchart)已經成為描述計算機算法的常用工具之一。

    流程圖中的常用圖形

    流程線(FlowLine)是單箭頭線,起始於一個圖形,終止於另一個圖形,代表了流程的流轉。通常用實線表示,在多任務間跳轉或次要流程流轉時,也可以使用虛線表示。

    巧用5分鐘時間幫你學會用戶體驗流程圖

    起終點(Terminal)可以用圓型、橢圓或圓角矩形來畫,通常寫着“開始”、“結束”,或其他代表流程結束的短語,如“提交信息”等。

    巧用5分鐘時間幫你學會用戶體驗流程圖

    操作(Process)用矩形表示,指某件事發生了、做了什麼操作等,如“輸入身份證號”、“查詢交易記錄”等。

    巧用5分鐘時間幫你學會用戶體驗流程圖

    條件判斷(Decision)在多情景中,需要進行條件判斷,用菱形表示。一般來說,條件判斷多為是與非(或對與錯)的結果,於是就有兩條流程線從條件判斷中流轉出,通常正面回答的流程線從下方流轉出,負面回答的流程線從右側流轉出。每條流轉出的流程先必須標明判斷結果(即是或非)。當然也會存在多種判斷結果的情況,這時候會有多條流轉出的流程線,注意標註清楚每條流程線上的適用條件。在這種情況下,要特別注意是否遺漏某些條件,所以建議將複雜的條件判斷,拆分為多個二元判斷的組合,這對於後續對外溝通、自我檢查來說也更加友好。

    巧用5分鐘時間幫你學會用戶體驗流程圖

    預定義操作(PredefinedProcess)用左右雙線的矩形表示。在一些複雜流程中,有些複雜模塊可以單獨進行詳述,此時在主流程中,就可以使用預定義操作模塊進行指代,並在其他地方進行詳述。

    巧用5分鐘時間幫你學會用戶體驗流程圖

    以上五種是流程圖中最最基礎的常用圖形,對於設計師來說,也基本夠用了。在學習完基本功后,你就可以進行自我修行了!(不負責任的作者啊喂o(+一湟)o)

    一個小練習

    好了,那我們來做一個小練習——最常見的登錄功能。這,似乎看起來很簡單。於是有了以下這張流程圖:

    巧用5分鐘時間幫你學會用戶體驗流程圖

    似乎並沒有什麼問題。但是(記住,通常每個“似乎”都有一個“但是”在等TA),這裡的登錄要素只考慮了手機號+密碼一種方式,是否滿足需求呢?為什麼沒有郵箱登錄?昵稱登錄?手機號+短信驗證碼登錄?繼續看第一步輸入手機號,是否會存在手機號格式錯誤、手機號未註冊的情況?系統是否有必要對手機號進行單獨檢驗?如果單獨檢驗,會不會有什麼安全隱患?不檢驗,是否體驗友好?如何進行評估?其中的操作、判斷是由用戶來做還是系統來做?系統做的話,是前端還是後端做呢?用戶忘記了密碼怎麼辦?等等等等。看似簡單的登錄流程,竟然會如此狀況百出。

    這裡分享幾條我畫流程圖的心得體會:

    面向操作的流程圖 不同的學科、不同的人都有不同的畫流程圖偏好。有些人喜歡面向頁面的流程圖,有些人偏愛面向狀態的流程圖,而我更傾向面向操作的流程圖畫法,這樣做可以更聚焦在任務本身,排除界面元素干擾,(具體界面設計應在流程圖的基礎上進行後續的深入)。

    由繁入簡 在剛開始訓練的時候,建議儘可能地將流程圖畫細,每一個操作每一次判斷都詳細畫出,能拆分的情況都進行拆分,思考儘可能地全面。

    站在不同的角色角度進行思考 在畫流程圖的時候,應當多思考各項操作、判斷的操作者是誰,是系統還是用戶,並用不同顏色(或其他方式)標明。

    不同情況全覆蓋 對照流程圖檢驗是否滿足所有情況。最簡單的檢驗原則就是每條路都應該走得通,都有開始和結束的點而非莫名終端,每個判斷都至少有兩條流轉出的路。

    發掘新設計點 在流程圖中,可以這樣問自己,會不會有無法進行某操作的情況?在每一種發生錯誤的時候,是否有對應的設計對策?如在登錄的任務中,就發掘出了用戶忘記密碼的情況。

    基於以上考慮,我們來優化下登錄功能的流程圖,假設這裡的登錄方式僅允許手機號+密碼一種方式:

    巧用5分鐘時間幫你學會用戶體驗流程圖

    注意,因為涉及到“註冊”、“忘記密碼”兩種新的情況,所以在這裡限於篇幅,就用虛線流轉線、預定義操作的圖形來簡述。若要具體展開,那就是一整套的登錄/註冊咯~

    關於流程圖的學習就先講到這裡。

    流程圖的練習是一個熟能生巧的過程,記住:站在不同角色角度多思考、勤練習多推敲、覆蓋全情況、發掘新設計點。相信在經過嚴謹的訓練之後,面對再複雜的需求也能夠遊刃有餘化繁為簡了。

    看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

    希望我們所介紹的 巧用5分鐘時間幫你學會用戶體驗流程圖 這教學會喜歡

    文章標題: 骨子愛創意- 巧用5分鐘時間幫你學會用戶體驗流程圖–轉載請註明來源處

    本教學分類為平面理論教程中的 設計教程相關教學

    文章相關關鍵字為: 體驗,用戶,學會,時間,分鐘,流程圖,流程,進行,判斷,情況

    本文永久連結 :巧用5分鐘時間幫你學會用戶體驗流程圖

    本文轉載自 :VIA