關於UI設計的一些深度思考（1）

作者：笨先森

鏈接：知乎專欄

來源：知乎

著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。

從12年畢業後，一直從事UI設計工作，從小公司、到設計公司、到知名公司、到風口創業公司、到現在的公司，一路走來，經歷了很多，也不斷的成長和沉澱，對設計的理解也越來越深刻，剛好元旦有空，覺得有必要把這些經歷提練成文字，即是對自己的總結，也能幫助年輕的UI設計師少走一些彎路。

1.什麼是UI設計

從字面的理解，UI設計指：用戶界面設計，即我們通常使用的app和pc網站所呈現的視覺。

這些是表層的理解。那麼再延伸一下，UI設計的目的是什麼？

個人的理解：一個互聯網產品，首先呈現給用戶的就是它的UI，相當於產品的「臉」，一個好的UI設計首先能給用戶一個很好的視覺印象，然後才是產品的使用。

2.什麼是用戶體驗設計

正常來講，大部分UI設計師在日常工作中不光要承擔產品的界面設計，還需要考慮產品的體驗設計。同時這也是一個高級UI設計師必然的職業發展。

那什麼是用戶體驗？個人的理解：用戶體驗指：用戶在使用產品過程中的一些主觀心理感受。這些感受包括：界面的視覺是否美觀，操作使用是否順暢、無障礙，功能是否滿足用戶需求、是否解決了用戶問題。

這裡延伸一下用戶體驗的三個層級關係：

• 核心層-產品層：產品的本質-體驗層（這個產品能解決用戶什麼需求，）

• 中間層-交互層：產品的使用過程-體驗層（即產品頁面之間的交互切換）
• 最表層-視覺層：產品的視覺-體驗層（即UI界面視覺）

從這個層級可以看出，初級UI設計往往只考慮到最表層的界面視覺：怎麼樣做的好看。中級UI設計開始考慮中級的交互層：在好看的同時，怎樣讓用戶使用的順暢。而一個高級的UI設計必須要考慮到最裡面的核心層即：產品層，這個產品要解決用戶什麼問題，以及要解決這個問題，需要怎樣從視覺上、從交互上進行考量。

3. 如何處理產品需求

剛開始做設計時，經常是拿到一個需求時，就開始找素材、找參考、在ps就開始畫開了。後來拿到一個需求時，會跟pm溝通原型圖的每一個邏輯和交互。現在，拿到一個需求，會先問產品，這個需求的背景是什麼，需求的目標是什麼，然後才是跟產品溝通原型圖的頁面流程和交互，最後才是素材和競品收集。

那怎樣才算是一個合理的需求對接流程呢？個人總結一下，當我們拿到一個產品需求時，需要先明確以下幾個問題：

1. 產品層：這個需求的背景是什麼？使用場景是什麼？需求要達到什麼目標？（背景、場景、目標的分析，能幫助我們對產品設計的方向，以及注意的事項有一個大概的心理預期）

2. 交互層：原型圖流程走查，確保每一個交互流程順暢，邏輯合理。
3. 價值層：針對這個需求，設計可以通過什麼途徑？為用戶和產品帶來什麼樣的價值？（效率的提升？轉化率上的提升？、、）有哪些指標可以為我們的設計價值提供支撐？（反饋？調研？數據？）
4. 執行層：這個需求的排期是怎樣的？rd什麼時候開始開發？產品什麼時候上線？設計方嚮應該是什麼樣的？有沒有統一的設計規範？設計預計需要多長的時候完成？UI聯調的時間預計是什麼時候？

在這個層級，很多年輕的UI設計師往往都只停留在第四層級：執行層。界面視覺、需求排期、設計跟進都是沒有問題的，可以做的很漂亮。時間和經驗久了，就必須思考更高的層級。在這個層級關係裡面，價值層是設計者的最高目標，這個後面會單獨詳細講。

4. 如何應對溝通中的分歧

我相信大多數的設計師，都會有過這種經歷，設計稿被PM改來改去，RD實現時這做不了那實現不了。

為什麼會出現分歧？

1. 角度：因為雙方站的角度不一樣，觀念和理解不一樣。在一個互聯網產品裡面，PM的職責是對產品目標負責，UI的職責是對用戶體驗負責，RD的職責是對技術實現負責。

2. 信任：最常見的分歧，一般都是在剛進入團隊時，大家對你不了解，你對大家的工作方式 也不了解。所以往往容易產生不信任。

個人的一些經驗：

1. 漂亮的履歷：之前一直不明白為什麼很多公司招聘時一定要加一條：有知名互聯網公司工作經驗。現在想想，這其實是很有道理的，對於pm和rd來說，他們對設計不是很懂，不清楚你的能力如何，那麼合作時，怎麼能很快的贏得信任呢？有知名互聯網工作經驗、有成熟項目經驗，無疑能快速的增加信任感，減少不必要的懷疑。
2. 紮實的專業知識：在項目合作中，如果能引用很多專業的觀點，比如從產品體驗、交互邏輯、技術實現、使用場景、用戶心理等角度來闡述你的設計，讓大家覺得你很專業、說的有道理。而不是單純的從好看、等一些很抽象的設計語言進行溝通，無疑更容易贏得大家的理解和共鳴，用專業的能力征服他們。
3. 溝通交流：在平時的項目合作中，多多參與到產品、技術的討論（多參加項目評審），了解產品、技術的思考點和關注點在哪裡，針對這些點，在設計時，怎麼去理解和把控，做到知彼知己，避免後續的設計溝通中，因為理解不一樣而產生分歧和爭執。
4. 建立信任：日常中，多和產品、技術保持互動，拉近彼此的距離，建立良好的人格魅力

未完待續

推薦閱讀：