設計師需要清楚地了解工作中的設計目的，特別是如果你不是一個受歡迎的產(chǎn)品，并且你不能使用個人認知，強主題（如游戲）或“趨勢”風格來確定目標。例如，設計小米手機的舊型號，老人需要什么樣的顏色？添加樣式會產(chǎn)生干擾還是更好的體驗？按鈕有多大適合？在該產(chǎn)品的UI設計中，設計師需要從一開始就參與，而在設計過程中，設計師基本上已經(jīng)意識到了這一點。

我傾向于說“交互設計的整個過程”。在我的例子中，UI指的是“界面”。在視覺設計開始之前，界面的交互規(guī)劃和設計是一個重要的前期步驟，這對最終用戶體驗有很大影響。我的團隊主要參與交互式設計階段的產(chǎn)品設計，交互設計師和UI設計師。據(jù)我了解，許多公司沒有專門的交互設計師，但產(chǎn)品經(jīng)理完成了相關(guān)工作。以下是我的工作流程（圖片來自網(wǎng)絡，團隊未發(fā)布）。這個過程希望整個產(chǎn)品團隊能夠參與并共同努力，以增強對產(chǎn)品的理解?；蛘卟捎脮r尚的概念，我希望團隊能夠有更多的設計思維，“設計思維”來加強和提升解決問題的能力，并激發(fā)更多的創(chuàng)新。請務必從Scenario應用程序方案和Persona用戶角色開始。您的產(chǎn)品使用的是什么樣的場景，以及您的用戶角色的特征。正確的設計不是由用戶角色來判斷，而是由設計師或產(chǎn)品經(jīng)理本人來判斷。清楚地描述場景和角色，讓整個團隊徹底理解，這將確保團隊減少錯誤。 *用戶角色Persona，實際寫的文字描述工作是好的，不必做下面的圖片一般都很高。如果您想提供客戶或Boss提案，您可以進行促銷。 1.故事板故事版：主要負責人：產(chǎn)品經(jīng)理或交互設計師。每個人都開始討論用戶體驗過程，在白板上繪制過程的同時添加粗略的UI元素。會議結(jié)束后，交互設計師將在紙上制作手繪線框。在這個階段，產(chǎn)品經(jīng)理，交互設計師，UI設計師和技術(shù)工程師將進行大量討論，主要討論的是流程和主要功能，因此手繪故事版本可以快速，輕松地進行修改。這一步是最終確定Userflow，用戶進程及其中的關(guān)鍵步驟，每一步都是一個主界面。 *這通常是白板上的情況，交互式設計同學將重新繪制在紙上。 *移動產(chǎn)品設計也行，不要購買專用模板和工具尺，自己打印。 2.關(guān)鍵線框鍵接口線圖主要負責人：交互設計人員在確定的用戶流程中選擇幾個關(guān)鍵的，有代表性的步驟，并制作詳細的線框線框。確保每個UI元素都在線框中設計，包括其大小和位置。我們制作的線框是1: 1，這意味著線框尺寸與實際接口相同。 1: 1線框可以避免很多問題，例如在早期階段考慮不周和實施困難。此會話將確定鍵界面中的UI元素和布局，以及整體布局布局樣式。 *線框以1：1眾所周知。指令將添加到輸出中。在后面的工作中，UI文檔學生和工程師可以共享此文檔。 3.關(guān)鍵視覺設計關(guān)鍵界面視覺設計主要負責人：UI設計師此鏈接交互設計師將根據(jù)確定的用戶流程和確定的布局樣式繼續(xù)做其他界面的線框。與此同時，UI設計師開始對關(guān)鍵界面進行視覺設計，并嘗試了不同的顏色和樣式。此會話用于確定產(chǎn)品界面的視覺設計風格。 4.所有線框所有接口線圖主要負責人：交互設計人員此鏈接交互設計人員完成所有接口的接口（1: 1）設計和團隊確認。 *做一個完整的框圖，一般是一般的結(jié)構(gòu)圖。如果您有足夠大的空間，則可以逐頁打印。方便團隊參考。 5.原型可移動原型主要負責人：交互設計師這個環(huán)節(jié)取決于產(chǎn)品需求。如果靜態(tài)線框不能完全反映產(chǎn)品功能，那么您需要制作一個可移動的原型，即使使用關(guān)鍵界面動畫也可以操作。它通常是HTML的可移動原型，特殊項目也完成了Flash。 我還有一個很棒的朋友，他使用PPT（PPT開發(fā)工具+ VB腳本）來接近完成界面的可移動原型。此鏈接的確認與上一步驟相同，對團隊的理解將更加精確。 *不禁粘貼PPT開發(fā)工具面板，提供VS風格的控件，并直接用VB腳本編寫控制邏輯！還可以帶虛擬數(shù)據(jù)！客戶認為您已開發(fā)出木材。 6. UI設計所有界面視覺設計的主要負責人：UI設計師完成所有界面的UI視覺設計。此會話確認了所有UI設計。還將已確認的UI更新為文檔。