網易UEDC – 楊杰 :?有好多交互新人或尚未跨進交互設計大門的同學，會經常問的一個問題：交互設計師需要具備怎樣的技能和能力？

本文將以「小餅」一個交互新人的成長過程以及工作中遇到的問題，來跟大家分享交互設計師必備的9種能力。

1. 產品意識

設計師有時候會收到用戶的反饋，如：哎？你們易信的顏色是不是太亮了，能不能調整一下？

這時候作為交互新人的小餅，他的第一反應是：哦，好吧，既然用戶有這樣的反饋，那么我們就去調整方案。

首先，要思考一下用戶的這些反饋或需求，是「真需求」還是「偽需求」？

福特曾經說過：如果我最初問消費者他們想要什么，他們會告訴我：要一匹更快的馬！

每位設計師應該都知道，當用戶表示需要「要一匹更快的馬」時，他真實的想法其實要一個更快的交通工具。所以當我們面對用戶的反饋時，要去思考需求的真偽。我們不可能一味滿足用戶的需求而不顧產品目標，所以需要在用戶需求和產品目標中找到平衡點。最近在設計某個產品支付系統的退款功能，從產品角度來說不希望過多用戶選擇退款。那么最終的設計方案是，將退款的入口做的很隱蔽，而且流程比較繁瑣（沒錯，就是故意的）。這樣就滿足雙方需求了，達到產品目標和用戶需求的平衡。所以交互設計師要有產品意識，不能只去滿足用戶，也要顧慮到產品和商業目標。

2. 以用戶為中心

小餅同學的設計方案常常會受到用戶的一些質疑：

• 哎？這個APP到底怎么來用啊？怎么我完全看不懂該如何去操作？
• 這個提示為什么會在這里？
• 為啥分享結束后，不能自動返回到之前的頁面？還傻傻地留在原來的頁面？

這些是交互設計師經常遇到的問題，沒有以用戶為中心去思考和設計。

什么叫以用戶為中心的設計方法？具體講，就是我們從需求產出，到整個需求的細分，以及我們方案的產出和驗證都是圍繞著以用戶為中心的。如果需要分析用戶，我們就會走到用戶的生活場景里去看他們怎么使用產品的。

比如，站在用戶的身后，從他們的視角去觀察如何使用。同樣我們也會對用戶進行一些細分，對人群進行組合或抽離出某個具體概念，這叫「用戶畫像」。

當設計師以用戶為中心的方法進行設計時，往往會要考慮三件事情：

• 用戶是誰？
• 他是在什么場景下去使用產品？
• 他希望通過產品去解決什么問題？

3. 邏輯思維能力

隨著小餅的不斷成長，他開始接受更多更復雜的任務。有一天，老大給他了一個大活：哎？小餅啊，我們云閱讀的支付成功率很低，你研究下如何優化？

那怎么去優化呢？小餅一頭霧水。

作為一名交互設計師，當我們的老板向我們提出「最近的支付率很低」或者「我們的用戶量很低」，怎樣去優化它？

這里就涉及到我們的邏輯分析能力。網易云閱讀支付環節的整個流程，我們稱之為「交互流程圖」，會把用戶在使用產品的每個接觸點都列舉出來，然后再去分析用戶在每個接觸點都會遇到怎樣的問題。

在這個案例我們進行了如下三種處理：

• 刪除：刪除「web結算頁面」，之前的頁面已經有了，再次出現屬于重復信息。
• 合并：「購買結算頁面」，將統一操作流程的頁面合并在一起，去除不必要的頁面。再看余額充值的環節，「確認充值」、「選擇充值方式」、「充值金額」這三個流程都可以放到一個頁面里，以減少用戶在頁面間的跳轉，避免在此流程中造成用戶流失。
• 修改：「購買成功」頁面提供更好的反饋體驗通過砍掉不必要、合并相同和修改體驗不好的頁面，這樣整個流程的優化完，支付比例有了非常顯著的提升。

關于邏輯分析能力，不僅體現在我們對于交互流程和業務流程上的梳理，同時也體現在我們對數據的解讀和分析上。上面的例子中，我們通過「數據漏斗模型」來分析每個環節用戶的流失情況，然后針對性地提出解決方案。

4. 頁面排版能力

作為交互新人難免會收到同事的反饋建議，比如：

• 產品同學會說： 哎？小餅同學，你這塊的邏輯不太對啊，這些信息明明是一起的，為什么你設計方案里看起來不像是一起的呢？
• 視覺同學會說：哎呀，交互設計師，為什么你們的交互一定要做得這么丑，難道就不能做得漂亮一點么？

所以交互設計師需要怎樣的排版設計能力呢？線框圖是交互設計師的主要產出物，它包含了所有頁面流程和單頁面的信息布局。

就像如下圖所示，如果欠缺思考的隨意布局可能給下游的同學造成很大的困擾。比如，沒有認真對待信息間距而造成的誤導，錯誤的提示色也會給視覺同學造成干擾。所以建議交互設計師通過簡單的黑白灰樣式來表達頁面優先級以及重要程度的區分。如果覺得某個信息很重要，可以顏色重一點，也可區域更大一些。這些格式塔心理學的知識對我們頁面排版能力的提升很重要。

設計師常用排版的原則：

• 隱藏：如果有很多信息，但是用戶又不太常見，那么可以把它隱藏起來，就「眾籌紅包」右上角這里的問號，這里是關于眾籌紅包的解釋說明，對于用戶而言是不需要經常去關注的，所以把它隱藏起來。
• 刪除：一些額外的信息對整個頁面是不太重要的，就可以把它刪除掉。
• 合并&組織：如果很多信息的邏輯關系是在一起的，我們可以把它們合并或者進行重新組織，把它們放得近一點，也可以把它們打亂再重新去整合。

5. 細節處理能力

小餅同學又遇到了問題。

boss：哎？你這個閱后即焚的方案，為什么細節漏掉那么多！

小餅一頭霧水：哎？我并沒有覺得我遺漏任何細節啊，那不就是我單獨的一個發送方把頁面發給另一方，對方看完之后就消失掉了。就這么簡單的一個方案。

上圖是小餅同學做的交互方案。上面是發起方，有一個「閱后即焚」的功能，點擊之后發給另外一方，這時接受方就會看到這條信息，并點擊進行去查看。仔細看一下，他到底遺漏了那些信息？

• 發送方如何選擇圖片，單張還是多張？
• 發送方發送后，自己是否能夠查看，可以看幾次？
• 接收方查看消息時，是否有時間和次數限制？
• 接收方查看消息中，是否有防止截屏的機制？

6. 用戶研究能力

有一天突然被老大問到： 你的方案到底靠不靠譜，你有沒有驗證過？

小餅突然間就蒙圈了：哎？沒有驗證過。我覺得挺好的。

老板暴跳如雷：你覺得就可以了嗎？拿出證據來！

這里說的的驗證或證據，就是通過用戶研究來驗證設計方案。那么用戶研究有什么好處呢？

• 低成本：在線上前的快速驗證，避免提升開發成本和對用戶體驗的傷害。
• 高效：不需要上線版本，有時候幾張紙面原型就能讓用戶體驗，發現設計的問題。
• 設計能力提升：通過用戶的反饋來驗證設計思路，培養和提升設計師的設計能力和自信心。
• 簡單高效的用戶驗證，往往能夠把我們從設計困惑中解救出來。

舉個例子，當初易信2.0改版時希望把主tab頁面改成「發現」，但是礙于「過于同質」的壓力，遲遲不肯做決定。后來當我們進行用戶測試時，用戶未覺得有什么不妥。有時候，設計師過于從自身角度去思考問題，而忽略真實用戶的體驗，設計師糾結的「設計潔癖」，對于真實用戶而言也許并不重要，甚至都不會注意到。 初級設計師都會在糾結在抄襲與創新之間，都會經歷三個階段：

• 為了借鑒而借鑒。
• 為了避免借鑒而差異化設計。
• 為了用戶習慣而設計。

當我們不再關心是不是抄襲或者借鑒，而是關注產品能不能滿足用戶的使用場景時，才是回到設計師的「初心」了。

7. 溝通能力

隨著設計師的一個不斷成長，常會去跟產品溝通需求和方案，小餅又遇到了哪些難題呢：你這個方案太傷害用戶體驗了，可不可以不要這樣做？

產品說：不可以的。這個方案是銷售提出來的，我完全沒有辦法改變他們。

此時小餅作為設計師，就暴跳如雷地說：這么蛋疼的需求！我不做了！

我不做了，真的就能解決問題嗎？設計師在工作中會遇到一些不太靠譜或不太善于合作的需求方，那該怎么辦呢？我們需要學會如何溝通。

在產品設計中，產品和交互設計師是綁在一起的，應該共同為整個產品的體驗和產品的將來去負責。我們應該怎樣幫助小餅去呢？首先，與產品經理明確當前不是最優方案，但是最為簡單高效；其次，如果有機會方案會進行優化；最后，明確產品和交互應該共同去推動產品前進而非相互摔鍋。最終目的是讓產品理解到產品和交互是并肩作戰的。

所以看來溝通對交互設計師是非常重要的能力，它不僅局限于和產品的溝通，也牽涉到視覺，開發，測試甚至銷售去溝通，與大家共同實現產品方案，并最終落地。

8. 執行力

我們有多少次，因為跟進不到位而導致需求擱淺？就像上面的故事一樣，缺乏執行力，對設計師是很致命的問題。為什么說執行力對于交互設計師特別重要？

下圖非常好地展示了我們的需求功能不斷被「干掉」的過程，真正能實現并上線的卻很少。在開發過程中，開發也會因為周期問題不能完成，測試也會說沒時間測，導致功能精簡。在每個環節，我們的功能都會被砍掉部分，最終到用戶能使用的，永遠都是一小部分。縱觀整個方案，從交互到視覺，到開發、測試，然后上線，最終到市場，每一步都要執行下去。

作為交互設計師，設計的功能只有最終上線才能體現價值。所以我們關注的不僅僅是我們做方案階段，我們還要關注這個方案能不能去執行，能不能去落實，能不能讓用戶去體驗。

9. 學習能力和好奇心

設計是關于解決問題的方法論，這套方法論可以適用在不同的產品或者領域里。為了解決各種復雜問題，我們要保持一個好奇心，去學習新東西，去體驗新東西。跨界的經驗背景，跨界的思維方式，對于交互設計師的發展非常重要。跨界的經驗和思維方式，可以給我們帶來全新的視角去看待問題，所以好奇心和學習能力是很重要的。

題外話，我在面試時偶爾會問個問題：能不能看一下你的手機啊？或者你最近都在玩什么好玩的App？

這個問題看似輕描淡寫，但實際上我能通過面試者手機里都裝了什么樣的App知道他平時都關注些什么。

怎么做永遠怎么說的更真實。我們看一個人的時候，如果只看他怎么說，往往會有很多修飾性。但是如果看他的習慣的時候，就很難去掩飾。我們每個設計師也都是這樣，你不僅要很好奇的去涉獵其他產品，也要關注自己的產品，要保持好奇心，去體驗不同的產品，去發現不同的領域和商機。

總結

交互設計師必備的9種能力已經梳理完畢，其實這9種能力并非科班教育的要求，而是多年工作經驗積累總結的結果。再來回顧一下這幾點：

• 產品意識：交互設計師要懂挖掘需求，衡量產品目標和理解用戶。以用戶為中心去思考我們的需求，進行邏輯分析，去繪制流程圖，去關注用戶在產品中的每個接觸點，并將落實到整個頁面布局和流程設計上。
• 細節決定成敗：在設計的整個過程中我們應該注意到哪些細節，哪些是設計師必須要考慮的問題。
• 用戶研究能力：設計師要有很好的用戶研究意識。

好的溝通能力和執行能力是確保我們設計方案能夠落地執行，最終交付到用戶手上。保持好奇心和跨界的思維，能夠讓我們在設計領域保持長青。

曾經的新人小餅經過多年各種「打怪升級」現在已成一名光榮的設計老司機。但是他不會忘記那激情燃燒的歲月和踩過的坑。Everybody fighting~

歡迎關注作者「網易UEDC」的微信公眾號：

「交互新手學習之路」

• 《教你從零開始成為優秀交互設計師》
• 《寫給交互設計新手的信息架構全方位入門指南》
• 《新人交互設計師如何把知識能力體系化》
• 《交互設計超新人的五個誤區警示》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com