角色

記事板制作

現在它真的聽起來像小說。 順便說一下，你知道，在邀請演員和拍攝場景之前，電影創作者坐下來畫畫嗎？ 他們需要在視覺上理解行動的順序，每個電影幀的內容，最有利的時刻，弱點和更多。 這里是Matrix的styleboard。 還記得電影里的劇集嗎？

設計師的主要技能不是Photoshop，而是能夠描述和描述情境或場景。 你將產品的用戶分成一組不同的字符，并嘗試可能發生在特定字符的各種故事。 然后，您以百分比評估情況的概率，并采取措施實現最佳的用戶體驗。

用例圖/行為圖

用戶故事/行為規范

用戶流

Square 正方形 顯示頁面（登錄屏幕，主頁，用戶個人資料）Trapeze 梯形- 用戶決定（用戶選擇，用戶過濾器，用戶類型）Diamond 鉆石 - 計算機決策（登錄無效，帳戶確定）Round 圓形的 - 錯誤消息Blue arrow藍色箭頭 - 注冊用戶通道Red arrow 紅色箭頭 - 新用戶通道當我們有所有的形狀和用戶案例，我們很好地把它們放在紙上，并繪制一個圖表，描述用戶與您的應用程序的交互過程。
思維導圖
用戶流程有助于識別每個頁面的一組功能以及屏幕如何相交。 思維導圖表示產品的架構。 它說明了應用程序的結構和元素之間的關系。 思維導圖是某種沒有手機屏幕的線框。 他們的主要優點是他們制作速度非常快。 有在線資源用于創建思維導圖，所以我們實際上使地圖與客戶和團隊實時。 這將允許我們節省時間介紹更改和討論項目的細節，特別是考慮到遠程協作的特殊性。 看下面的我們的倒計時應用程序的心靈圖，我的一天。
線框
最后！ 線框是最終設計的骨架。 線框的意義是為每個屏幕分配功能，并顯示屏幕之間的依賴關系。 它是著色之前的最終草案。 只有當每個線框與團隊討論和客戶批準我們開始工作的彩色按鈕，美麗的動畫和原始的自定義元素。
原型
你知道，在用戶界面設計傳遞給代碼之前，可以與應用程序交互和測試嗎？ 快速原型服務，如invisionapp.com或mockup.io可以幫助您在其開發的第一階段看到應用程序的行動。 我們需要做的是將線框/模型上傳到其中一個服務，動態元素，如可點擊的按鈕或可滾動列表將在每個屏幕上可用。線框化之后是模型創建。 我們制作模型的原型并將它們一個一個地發送給客戶。 這樣，客戶端獲得了一個看起來與未來產品完全相同的工作原型。 你可以已經吹噓你的應用程序給你的朋友，展示給投資者或測試目標受眾獲得反饋。