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

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

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

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

從交互細(xì)節(jié)優(yōu)化到業(yè)務(wù)流程調(diào)整，我們總會(huì)遇到這樣一些需求：描述簡單明了、細(xì)節(jié)清晰，幾乎稍作整理就可以形成PRD、開發(fā)實(shí)施：

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

好的設(shè)計(jì)往往需要好的內(nèi)容作為基礎(chǔ)支撐。無論是內(nèi)容還是設(shè)計(jì)，想要讓兩者最大化的搭配，往往是需要進(jìn)行調(diào)整和優(yōu)化才行。

當(dāng)你的內(nèi)容需要遷移到移動(dòng)端上的時(shí)候，要怎么讓內(nèi)容和用戶體驗(yàn)無縫地配合起來呢？設(shè)計(jì)師要基于小屏幕的交互來思考整個(gè)設(shè)計(jì)和優(yōu)化的策略，而今天的文章，就為你分享7個(gè)設(shè)計(jì)技巧。

1、每屏完成一項(xiàng)任務(wù)

為什么？

我們有這樣的焦慮，其實(shí)是因?yàn)槲覀儗换ブR(shí)的整個(gè)體系無法預(yù)估（事實(shí)上設(shè)計(jì)的高度非標(biāo)準(zhǔn)性也令我們無法感知整個(gè)知識(shí)體系的邊界，事實(shí)上它本身也沒邊界），所以導(dǎo)致我們常常不夠安心。

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

1. 收到任務(wù)

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

嘿嘿！一套天氣圖標(biāo)。

認(rèn)真的構(gòu)思中…..

2. 找參考

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

我找了一堆參考，隨機(jī)選幾個(gè)展示下，如下圖（圖片采集于花瓣網(wǎng)）：

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

1 簡化流程

1)   分布注冊

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

關(guān)于極簡主義

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

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

如何搭建數(shù)據(jù)可視化系統(tǒng)，用豐富的設(shè)計(jì)語言清晰表達(dá)復(fù)雜和龐大數(shù)據(jù)，并形成鮮明的設(shè)計(jì)風(fēng)格？我們把數(shù)據(jù)可視化的元素進(jìn)行拆分并建立相應(yīng)的規(guī)范體系。

圖表設(shè)計(jì)

1. 圖表基本類型

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

柱狀圖   分類照片照片什么照片什么什么項(xiàng)目之間的比較;

餅圖   構(gòu)成即部分占總體的比例;

折線圖   隨時(shí)間變化的趨勢;

條形圖   分類照片照片什么照片什么什么項(xiàng)目之間的比較;

散點(diǎn)圖   相關(guān)性或分布關(guān)系;

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

基本圖表類型都有通用的樣式，不過多的展開講解我們更多的考慮如何選擇常用圖表來呈現(xiàn)數(shù)據(jù)，達(dá)到數(shù)據(jù)可視化的目標(biāo)基本方法：

@乘與九設(shè)計(jì)：學(xué)習(xí)版式設(shè)計(jì)就是學(xué)習(xí)如何處理信息重點(diǎn)，因?yàn)樵谌魏卧O(shè)計(jì)中，最重要的信息需要首先被注意到，然后是次要信息。下面介紹幾種適用性強(qiáng)的區(qū)分層次的手法給大家。

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

1.  添加垂直空白空間

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

作為企業(yè)產(chǎn)品的設(shè)計(jì)師，我們要如何設(shè)計(jì)好看又好賣的產(chǎn)品官網(wǎng)，有沒有一些套路可循？

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

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

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

動(dòng)效設(shè)計(jì)，尤其是協(xié)助交互的轉(zhuǎn)場動(dòng)效，如今日趨成熟。通過大量的案例分析和過來人的經(jīng)驗(yàn)，我們逐步總結(jié)出優(yōu)秀轉(zhuǎn)場動(dòng)效的5個(gè)核心的規(guī)則，今天的文章，我們就來分享這5個(gè)知識(shí)點(diǎn)。