作為一名產品經理，有幸逃過UI “五彩斑斕的黑”這樣的千古難題，也不像開發一樣面臨“什么是最好的語言”這樣的靈魂拷問，但世事無完美，不信抬頭看，蒼天饒過誰。

需求，正是這樣的終極存在，他是產品經理存在的意義，也是眾多套路的根源。無論是文能提筆寫文檔、武能調試查異常的老司機，還是熟讀《夢的解析》、倒背需求層次論的學院派，和需求打交道的日子也難免“被套路”。

面對千變萬化的需求，也許很難抽象出一套普適的方法論，不妨一起來看看需求分析過程中的那些常見套路，或許能有一些值得借鑒和思考。

1. 披著需求外衣的解決方案

從交互細節優化到業務流程調整，我們總會遇到這樣一些需求：描述簡單明了、細節清晰，幾乎稍作整理就可以形成PRD、開發實施：

• “輸入框需要加長一點，保證輸入內容完整可見”
• “工單需要支持批量分配，勾選后自動顯示可分配對象列表”
• “用戶注冊推送新手任務提醒，引導完善資料，必填項有XXX……”

好的設計往往需要好的內容作為基礎支撐。無論是內容還是設計，想要讓兩者最大化的搭配，往往是需要進行調整和優化才行。

當你的內容需要遷移到移動端上的時候，要怎么讓內容和用戶體驗無縫地配合起來呢？設計師要基于小屏幕的交互來思考整個設計和優化的策略，而今天的文章，就為你分享7個設計技巧。

1、每屏完成一項任務

為什么？

我們有這樣的焦慮，其實是因為我們對交互知識的整個體系無法預估（事實上設計的高度非標準性也令我們無法感知整個知識體系的邊界，事實上它本身也沒邊界），所以導致我們常常不夠安心。

事實上，知識學習本身就有一條學習曲線：剛開始是成長期，隨后就是平穩期，然后就進入瓶頸期，需要學得更深，否則只會一直停滯。越到瓶頸期，越不知道要學什么。

1. 收到任務

我們每天都可能收到不同的設計任務，作為設計師，順利的完成這些任務是我們最基本的能力，那我們今天要講的任務是什么呢？

嘿嘿！一套天氣圖標。

認真的構思中…..

2. 找參考

算了，還是先看看別人都是怎么做的吧！

我找了一堆參考，隨機選幾個展示下，如下圖（圖片采集于花瓣網）：

QQ作為一個連接人、內容與生活的社交平臺，其注冊帳號將是我們產品中非常重要的一環。基于Mobile端與Pc端的區別，我們在手機版QQ的設計上要求更輕、更快、更便捷的給用戶下發QQ號。目前手機版QQ的用戶量覆蓋率已達8億以上，所以現有新QQ號的注冊情況多為已有號碼登錄情況下的小號注冊。所以如何幫助用戶快速注冊新QQ號，并且使用戶在流程中獲得良好的用戶體驗就是我們思考的問題。

1 簡化流程

1)   分布注冊

分步注冊是什么？它指的是在注冊頁面上，一個頁面只專注于一個信息的提交，分步驟地去讓用戶完成整個流程。相反，非分步注冊則指的是在一個長頁面上完成多個信息的填寫，最終提交注冊一個帳號。

關于極簡主義

實際上極簡主義這個詞在人類活動的各個領域中都被地使用著，Merriam-Webster 詞典種對于它的解釋是“在音樂、文學和設計領域中以極其平衡簡潔而著稱的一種風格或技術”。極簡主義正在被越來越多的領域所接納，其核心的特征是簡約而富有意義。

作為一種視覺設計的新方向，極簡主義在20世紀60年代的紐約很受歡迎，當時的新老藝術家正在探索將抽象幾何元素融入繪畫和雕塑藝術。相應的，極簡主義在當時的諸如包豪斯運動、建構主義運動中，留下了濃墨重彩的一筆。在涉及視覺藝術的不同領域，極簡主義的核心原則基本都是優雅地保留關鍵性的、引起觀者注意力的部分。線條、形狀、色彩、留白、構圖等一切元素都被有效地組織起來。今天我們在生活的各個領域都可以看得到極簡主義的影子：建筑、藝術、攝影、文學、音樂、UI設計，甚至食物。

如何搭建數據可視化系統，用豐富的設計語言清晰表達復雜和龐大數據，并形成鮮明的設計風格？我們把數據可視化的元素進行拆分并建立相應的規范體系。

圖表設計

1. 圖表基本類型

六種基本圖表涵蓋了大部分圖表使用場景，也是做數據可視化最常用的圖表類型：

柱狀圖   分類照片照片什么照片什么什么項目之間的比較;

餅圖   構成即部分占總體的比例;

折線圖   隨時間變化的趨勢;

條形圖   分類照片照片什么照片什么什么項目之間的比較;

散點圖   相關性或分布關系;

地圖   區域之間的分類照片照片什么照片什么什么比較。

基本圖表類型都有通用的樣式，不過多的展開講解我們更多的考慮如何選擇常用圖表來呈現數據，達到數據可視化的目標基本方法：

@乘與九設計：學習版式設計就是學習如何處理信息重點，因為在任何設計中，最重要的信息需要首先被注意到，然后是次要信息。下面介紹幾種適用性強的區分層次的手法給大家。

在開始設計之前，關鍵要先梳理好哪些是重點信息，哪些是次要信息。接著就是要講重點放在什么位置，是標題，內容，還是圖片。這些信息的重點就是版式的層次結構。一旦確立好層次結構，接下來就是靠常用的視覺形式來處理即可，例如通過字距，筆畫粗細，顏色，以及字體等等。方法如下：

1.  添加垂直空白空間

魚小干：在談到企業產品的營銷時（本文中提到的“企業產品”是指“給企業客戶使用的軟件/應用”），一種觀點認為客戶肯定是靠線下推廣來獲取的，另一種觀點認為應該讓用戶主動購買而不是被動推銷，持這種觀點的公司尤其重視通過產品官網來獲客。無論持哪種觀點，不可否認的是官網是客戶對你產品的第一印象，很多潛在客戶在購買之前都是先通過官網來了解產品的。然而很多公司在產品官網設計這件事上投入的精力還不及線下推廣的萬分之一，有的只把官網當作擺設，粗制濫造套個模板結束，甚至還忽略了移動端適配。

作為企業產品的設計師，我們要如何設計好看又好賣的產品官網，有沒有一些套路可循？

企業產品官網的作用是傳達信息和促進轉化。傳達信息是告訴訪客這款產品是什么/能為你公司做什么/為什么值得我購買，再配合一些增強說服力的手段來促進轉化——將盡量多的訪客（潛在客戶）轉化為注冊用戶并最終完成購買。按照用戶瀏覽網站的順序，有以下5大設計要點：

1. 善用首屏大圖吸引視線
2. 銷售主張明確傳達產品價值
3. 合理的導航方便訪客獲取信息
4. 無處不在的CTA推動轉化
5. 客戶案例增強信任感

轉場動效在UI界面中所起到的作用無疑是顯著的。相比于靜態的界面，動態的轉場動效更符合人類的自然認知體系，有效地降低了用戶的認知負載，屏幕上元素的變化過程，前后界面的變化邏輯，以及層次結構之間的變化關系，都在動效的加持之下，變得更加清晰自然。從這個角度上來說，動效不僅是界面的重要支持元素，也是用戶交互的基礎。

動效設計，尤其是協助交互的轉場動效，如今日趨成熟。通過大量的案例分析和過來人的經驗，我們逐步總結出優秀轉場動效的5個核心的規則，今天的文章，我們就來分享這5個知識點。