長期以來我就有對幾年來交互設(shè)計的心得進行總結(jié)整理的想法?；氐街袊鴣碛H身體會到不少同行，主要是交互設(shè)計師和視覺設(shè)計師對于交互設(shè)計的困惑，以及其他行業(yè)對于交互設(shè)計的誤解和濫用。后來我在小范圍內(nèi)開設(shè)了一個關(guān)于交互設(shè)計的講座；現(xiàn)在把它整理成文，希望與同行切磋，共同進步。

這篇文章是我?guī)啄陙碓诿绹鴱氖陆换ピO(shè)計工作的一個經(jīng)驗總結(jié)。當時我們遵循以用戶為中心（User-Centered-Design, 簡稱UCD）的設(shè)計原則，每一個項目都是不折不扣的按所有UCD的步驟進行。下面總結(jié)的交互設(shè)計的方法，是從UCD的過程中提煉出來，也就是說，同樣適用于任何非UCD的設(shè)計過程。

當產(chǎn)品的用戶體驗要求越來越高時，交互設(shè)計師的職責(zé)也越來越明晰了。交互設(shè)計師除了自身的基本功外，還需要有一個規(guī)范的流程，才能夠使工作完整有序。

自九月以來，摩拜單車和OFO讓“共享經(jīng)濟”概念著實火了一把。摩拜單車一年之內(nèi)火速搞定三輪融資，OFO在融資規(guī)模和速度上也旗鼓相當。要說更看好誰的話，我想我會投摩拜一票，在我看來，摩拜似乎更能靜得下心來打磨他們的產(chǎn)品。相較于OFO單車的倉促面世，摩拜精心打磨的專為“共享”設(shè)計的單車顯得有誠意得多。這份堅實的基礎(chǔ)，我想就夠OFO追趕一陣了，更何況其中的踏實基因必定還將助其更穩(wěn)更好地發(fā)展呢。

交互設(shè)計是UI設(shè)計中的必不可少的一個過程，交互設(shè)計也要遵循一定的步驟，總體來說要經(jīng)歷三個階段，那么具體是哪三個階段呢？下邊是以為資深老鳥為我們帶來的他的交互經(jīng)驗，希望對設(shè)計師們起到一定的幫助。

（1）讀文檔，明需求，多溝通，擅闡述。需求文檔類型多種多樣，無論哪種，首要任務(wù)是讀懂需求的內(nèi)容，透徹理解范圍層的含義，及相關(guān)的業(yè)務(wù)形態(tài)。把自己當用戶代入思考，如何讓使用者快速上手，減少學(xué)習(xí)成本。一般情況下，拿到PM的需求文檔，我會先讀一遍，整理出整個文檔的架構(gòu)、要點、功能點等。記錄過程中不理解的內(nèi)容，羅列問題清單，找PM溝通。溝通的效率也很重要，我會先聽PM講完，然后用自己的話闡述一遍，助于理解。

深挖產(chǎn)品設(shè)計背后的工作方式和工作流程，讓產(chǎn)品經(jīng)理受益匪淺。

Design Sprint Method （谷歌沖刺計劃）是由谷歌創(chuàng)投的 Jake Knapp 發(fā)明的一種產(chǎn)品設(shè)計工作法，是指由一支不超過 7 人的團隊，在 5 天之內(nèi)，通過 5 個步驟，能夠快速解決產(chǎn)品難題的產(chǎn)品設(shè)計方法。其基礎(chǔ)概念來自于敏捷開發(fā)、設(shè)計思考和個性游戲法，先后被 100 多家創(chuàng)業(yè)公司實踐，打造了諸如 Slack、 Nest、Blue Bottle Coffee 和 23andMe 等多個成功的互聯(lián)網(wǎng)產(chǎn)品。

@黃紅藝Designer ：對于交互設(shè)計師而言，一個項目的開始，是從接到產(chǎn)品經(jīng)理的需求文檔開始的。從需求的確認到交互稿的確認，再到產(chǎn)品開發(fā)效果的確認，都考驗著交互設(shè)計師設(shè)計能力以外的技巧。在這個過程中，有一些要點需要你知道，來保證你的設(shè)計過程更加順暢。

第一點：確認你所理解的需求是否正確

一千個人的眼中，就有一千個哈姆雷特。對于需求的理解也是一樣，我們拿到需求以后，要和產(chǎn)品經(jīng)理進行溝通，將自己對需求的理解與簡單的頁面構(gòu)思，闡述給產(chǎn)品經(jīng)理，以確定自己的理解與設(shè)計方向是否準確。切忌，拿到需求就開工去做，以為可以節(jié)省時間，卻不知錯誤的理解和方向，讓你付出更多。

不要認為，產(chǎn)品經(jīng)理給的需求就像數(shù)學(xué)定理一樣可以深入理解，詳細解讀，沒有那么多的產(chǎn)品經(jīng)理有這個功夫和能力去做這個事情。因此，溝通才是保證你對需求的理解，對設(shè)計方向正確把握的基石。

那么，在需求交流之前你要準備好什么呢？第一，認真研究需求，理解需求；第二，是你在研究需求時，發(fā)現(xiàn)的問題，最好整理出來，以便在討論時提出，讓產(chǎn)品經(jīng)理為你解答，而不是自己”以為“；第三，如果時間充足，最好整理出界面的框架，或者用草圖來展示你的設(shè)計思路，看產(chǎn)品經(jīng)理是否認可你的設(shè)計。

對于討論中形成的共識，最好以郵件的形式發(fā)出，一方面可以作為會議紀要，便于隨時解答疑惑，另一方面，是立字為證，防止需求的隨意變更。

在軟件界面設(shè)計過程中，交互設(shè)計也起著至關(guān)重要的作用，那么交互設(shè)計都有哪五大要素呢？

①  為目標群設(shè)計（Goal-driven Design）：為你的目標用戶群做設(shè)計。像調(diào)研或者訪談形式的用戶研究，能幫助你塑造目標用戶群的人物特征。這可以讓你為用戶目標定制app的工作流程，以滿足他們的需求。

輪播圖（Carousels）這樣的交互方式，在web時代似乎已經(jīng)司空見慣。當一群人在會議室里爭奪首屏焦點圖的優(yōu)先級時，使用輪播圖，似乎能夠不費吹灰之力地解決這場爭端，沒有人是輸家。然而，輪播圖這種方式真的有效嗎？如何設(shè)計才能帶給用戶更好的體驗?zāi)兀?

事實上，“萬能和事佬”輪播圖的點擊率通常都很低，轉(zhuǎn)化效果也并不好，卻往往占用了頁面最搶眼的大面積位置。想象這么一個場景：當你走進圖書館想找一本特定的書閱讀時，一個銷售員擋在你面前讓你先看一個大廣告圖，然后等你還沒讀完具體講了什么內(nèi)容時，他又突然換了一張，是不是很惹人厭呢？大部分輪播圖的設(shè)計也是如此。

UI設(shè)計的細節(jié)很重要，它不僅僅體現(xiàn)在靜態(tài)的元素上，動效和微交互也是如今UI和UX設(shè)計中最重要的細節(jié)。想要打造優(yōu)秀的移動端UI設(shè)計，微交互和動效設(shè)計是繞不開的問題，今天的文章我們來聊聊這個~

呈現(xiàn)系統(tǒng)狀態(tài)

        對于UI的狀態(tài)設(shè)計，“系統(tǒng)應(yīng)當始終通過合理的反饋告知用戶當前正在發(fā)生的事情，所處的狀態(tài)?！边@也就意味著界面需要通過反饋讓用戶明白發(fā)生了什么，而無需用戶猜測。而帶有動效的微交互正是以提供視覺反饋而聞名。

交互設(shè)計階段都有哪些流程呢？一般來說，交互設(shè)計分為分析階段、設(shè)計階段、配合階段和驗證階段四個步驟。那么，每一個步驟都應(yīng)該怎么去開展工作，具體怎么去執(zhí)行呢，下面我們就來詳細的分享下每個階段的工作內(nèi)容：

分析階段大致分為需求分析，用戶場景模擬和競品分析三塊。需求分析對于一個產(chǎn)品來說，是必須的。如果說設(shè)計原則是所有涉及的出發(fā)點話，那么用戶需求就是本次設(shè)計的出發(fā)點。用戶場景模擬，旨在了解產(chǎn)品的現(xiàn)有交互以及用戶使用產(chǎn)品的習(xí)慣等。競品分析是因為每個設(shè)計者的思維都會有局限性，看到別人的設(shè)計會有觸類旁通的好處，也能給自己的設(shè)計過程帶來啟發(fā)。