來自於世界知名科技公司的UX設計師和我們分享了他一直以來的設計經驗。 通過他專業性的指導，相信你會受到很多啟發。

首先，交互設計師實際上是做什麼工作的？最好的交互設計方法是什麼？我們不難從一些書籍中找到問題的答案：

1.找到用戶的需求並細化分析它們2.提出設計方法

3.製作原型

4.進行用戶測試和評估

然而，仍然有許多對交互設計感興趣的人反覆地問我這些問題，尋求更加具體回答，以及我的一些細節性研究工作內容。這裡，我想分享一些我經常使用的一些交互設計方法，可能它並不適用於所有人，我只希望能和你們交換一些自己的意見。

1. 找到用戶的需求並細化分析它們

有很多方法可以找出用戶的需求，例如，我們可以從用戶反饋中收集到很多想法、哪些產品會給他們帶來何種問題。我們還可以主動地去觀察人們的日常生活，從生活細節中找到靈感。以日程管理開發項目為例，許多用戶會給我們發郵件，說他們經常會忘記很多事情，例如某些公司會議或約會，因此他們十分希望我們能夠提供專業的日程管理功能或產品，幫助他們有效地管理日程安排。瞭解到用戶這個需求之後，產品部門就此展開了一個新的項目。然後產品，用戶研究和設計人員將共同工作來尋找目標用戶。用戶研究團隊將通過問卷調查等方式收集信息。交互設計師還可以通過召開會議來幫助用戶研究團隊來整合完善一些信息，從而參與調研項目中。在會議中，我們總是採用一些有趣的方式，比如進行頭腦風暴，回憶一些真實的生活場景，我寫下一些關鍵詞來瞭解用戶的真實需求。通過這些步驟，我們可以瞭解到最核心的功能需要，然後產品團隊會整理這些需求並撰寫產品需求報告。在這些工作結束之後就是設計師的表演時間了。

在之前的文章當中馬克筆設計留學的Natt老師也有講過用戶方面的問題《交互設計與服務設計視角下，誰纔是用戶，什麼又是產品？》。

2. 提出設計方法

在這個階段，我會先去做一些概念設計。例如，當我設計一個杯子時，首先會想像這隻杯子的更多細節。比如我想設計一個可以在旅行時使用的杯子，它可以壓縮成一個小圖盤。當我喝水時，我只需按下小圓盤的中心它就會變成杯子。互聯網產品也是如此，設計前你需要給出一個概念。說回這個日程管理產品，它應具備專業的日程規劃功能。通過使用該產品，用戶可以有效地管理日常時間表和時間，以提高工作效率，不會錯過那些重要的約會。雖然這個概念這些詞語不一定要交互設計師自己總結，但設計師必須清楚自己設計的產品，並知道自己需要做些什麼，從而提出相應的交互設計方法。與此同時，我們還需要執行草案設計。在這裡，我認為我們不能把初稿完全等同於完成原型作品或線框圖。您可以使用Axure製作頁面流程圖，同時可以使用Balsamiq完成一些手繪草圖。如果你需要在短時間內製作一個保真度不是那麼高的原型，那麼Mockplus將是一個不錯的選擇。總之，這個過程中沒有明確的步驟要求，只要能清晰的反映你的想法，那麼請不要侷限地使用任何方式來表達自己的靈感。

3.製作原型

原型製作（通常稱為交互草圖製作）與初稿的製作方式不同。 在交互草圖中，我們需要儘可能詳細地去描述操作流程和具體形式。由於交互設計是一個迭代過程，我會在設計佈局的第一頁上創建一個交互更新日誌，來記錄每次交互的更新信息，包括時間，版本名稱，更新類型，更新內容，需求檔案和交互原則等等。 這是一點絕對是我想給予你們的最重要的交互設計方法之一。無論你是否已經是一個專業的設計師還是專業學生，這不僅會大大幫助你提高工作效率，同時你還能更加了解設計發展完善方向。

添加此更新日誌的目的在於：

  • 更新時間—輕鬆跟蹤整個項目並掌握每個關鍵點
  • 版本名稱—使該項目的參與者能夠輕鬆找到前面每一版本的交互草圖
  • 更新類型—瞭解每個更新請求的功能。
  • 更新內容—清楚地演示每個更新的內容，並提供直接的更新頁面的鏈接。通過這種方式，我的同事們在進行產品迭代時不必逐頁查找那些更新點。
  • 需求檔案—使該項目的參與者能夠輕鬆找到相應的需求檔案。
  • 交互負責人—在每次迭代中記錄交互負責人，方便工作轉換和交接。

在製作交互草圖的的時候，設計師通常會使用Axure製作原型。如果我需要製作一些成熟且相對穩定的產品，比如說郵箱類產品，我通常會建一個元件庫來製作高保真模型以此提高我的工作效率。當我需要做一個新項目時，我會首先從製作黑白手稿開始，因為它最容易上手且更快的呈現我的思路。在我看來，如果一個設計師已經可以完成一定的視覺效果設計，那麼他絕對有能力進行下一步的細化工作。

4.寫好交互說明

在整個設計過程中，交互說明的書寫（即： 在你設計的原型圖的寫上一些解釋說明）可能只花費你一小部分時間，但它起著非常重要的重要作用。 它可以幫助降低溝通成本，表現交互設計過程，並展示我們設計的更多細節。與交互草圖不同的是，我個人認為製作交互指令的時候那你需要更加了解目標用戶，產品經理，視覺設計師，和其他開發人員的需要，這樣才能實現更好的協作效果。因此在工作前，我和同事進行了很多的溝通，試圖弄清楚他們對交互指令的要求。下面是有關如何寫好交互說明我給出的指導建議：

1.為了能別人看得更加清楚，交互說明可以是寫的畫的，只要能說明清楚你的設計即可。

2.互動式說明可以與產品開發文件相結合：開發文檔涉及產品概念，產品技術方案公司業務執行角色等。這些都與交互設計方案有直接的聯繫。因此交互說明和開發文檔可以相互補充，確保在設計過程中滿足了產品開發的各方面需要。3.描述草圖中的操作和操作反饋：你需要清楚地描述交互細節和動作，例如點擊，按，長按，單擊或雙擊，滑動等等。以及相應的頁面反饋，如頁面跳轉情況，轉場方式，系統提示等。通俗的說，你需要說明白頁面是如何跳轉的，怎麼運行的，這一系列操作流程是怎樣的。4.產品風格定位（視覺）商務風格還是休閑風格？視覺感受需要與產品風格相一致。這部分工作不一定由交互設計師決定，但在產品開發階段，設計草圖數據和元素會不斷更新，使產品風格定位逐漸清晰。之後視覺設計的同事會更多地參與進設計當中。這就要求交互設計師在交互說明中記錄信息以幫助視覺設計師完成相應的工作。5.描述限制和狀態（前端）：例如數據取值範圍，包括可選範圍和極限值，比如說標題中會顯示多少字等。還有系統狀態，例如登錄，未登錄，認證成功，失敗，載入成功，載入失敗等。6.各種各樣的錯誤說明需要描述清楚：這是很容易忽略這一點。有些設計師會想：為什麼沒有人願意看我的設計說明？即使我寫了每一個細節，他們仍然會問我一堆設計問題！頁面中通常會出現極端問題，或者現實錯誤。這些在設計時都要相應的考慮和說明。

搭配以下優秀文章結合「食用」希望你能更好的瞭解設計行業：《9條交互設計師應該牢記的金科玉律》《來自優秀的UX設計師的7條設計準則》

《作為設計師, 竟然不知道這幾個設計組織？》

翻譯：Cecilia｜馬克筆設計留學原文地址：mockplus.com/blog/categ如果你對於設計專業留學作品集和院校準備方面有任何問題或者疑問，也可以隨時與馬克君溝通（微信：13718574833）也可以隨時關注我們的公眾號（搜索：馬克筆設計留學）這裡有最專業的免費教程和素材，希望能幫助更多設計專業的同學完成他們的名校留學夢。原文鏈接：makebi.net/32583.html
推薦閱讀：
相關文章