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

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