終于產(chǎn)出了一篇專(zhuān)業(yè)文，干貨有多少可能在表面上看不太出來(lái)，看官們可以仔細思考思考，如果有共鳴和不同的看法歡迎一起交流，這是我這段時(shí)間的產(chǎn)品設計心得，總結一下，現在的UI設計師真是太不容易了。
快速決策，但要深入思考
Decision And Thinking
在做產(chǎn)品設計的時(shí)候，往往大部分UI設計師會(huì )出現細節糾結癥，例如樣式的選擇、文字的細微調整、排版拿不定，有時(shí)覺(jué)得幾種布局、層次單獨看都有可圈可點(diǎn)之處，但是互相不能結合，而業(yè)務(wù)方看問(wèn)題的角度不同，對于設計方案都能講出自己的道理來(lái)，這時(shí)候設計師就會(huì )被動(dòng)的陷入拿不定主意的漩渦，到底哪種方案最好。這里就會(huì )涉及到成本權衡和回歸目標兩個(gè)問(wèn)題上來(lái)。
所謂的成本包括開(kāi)發(fā)、認知、用戶(hù)還有業(yè)務(wù)，一個(gè)產(chǎn)品的最終呈現一定是成本權衡的結果，權衡成本之后迅速做出決策，也是設計師重要能力之一，否則大家都會(huì )陷入無(wú)限的糾結中去，影響判斷和效率。
同時(shí)需要注意的是一旦陷入權衡的漩渦之后，設計師能否立馬回到最初的背景及目標再思考方案，這是一個(gè)比較容易忽略的一點(diǎn)。當你深入細節又被細節糾纏住的時(shí)候不妨脫離方案本身來(lái)思考。
這里舉個(gè)case我們一起思考一下：
為了表現商品售賣(mài)的進(jìn)度，設計一個(gè)進(jìn)度條。講到進(jìn)度條大家心里一般會(huì )有一個(gè)刻板印象，就是他會(huì )有3種狀態(tài)：滿(mǎn)、不滿(mǎn)和空，那么為了表示商品售賣(mài)的進(jìn)度，第一反應商品應該是越買(mǎi)越少的，所以我們設計了一個(gè)進(jìn)度條由100%逐漸減少到0的過(guò)程的樣式，也符合恐懼營(yíng)銷(xiāo)的的心里學(xué)理論，配合上庫存xxx的字段，應該是一個(gè)不會(huì )錯的方案。but，我們發(fā)現有部分電商應用與之相反，他們采用的是進(jìn)度從0到100，突出的是熱賣(mài)程度，選用的字段是已搶xxx件／已售xxx件。
這個(gè)時(shí)候會(huì )出現兩種不一樣的感官和認知，第一種給人的直觀(guān)感受是商品越來(lái)越少，即將售罄，很緊迫。第二種給人的直觀(guān)感受是買(mǎi)的人越來(lái)越多，激發(fā)用戶(hù)好奇心。兩種表現形式給用戶(hù)的感知。怎么選擇？
繼續思考，回過(guò)頭來(lái)看需求的目標是什么？是希望用戶(hù)感受到商品的稀缺還是熱賣(mài)的程度？同時(shí)在做這個(gè)需求的時(shí)候做過(guò)一些簡(jiǎn)單用戶(hù)調研，只有僅剩和已搶這一組字段變量，樣本選擇了自己設計組同事和幾個(gè)用戶(hù)，第一個(gè)問(wèn)題是這兩種進(jìn)度條在第一反應下，哪種你看的懂？一共8個(gè)樣本都選擇了第一種方案。第二個(gè)問(wèn)題：第一反應下你們更想買(mǎi)哪一組商品，這個(gè)問(wèn)題其實(shí)不夠準確，用戶(hù)給的反饋是都差不多，55開(kāi)。
繼續思考，用戶(hù)角度是怎么看這個(gè)進(jìn)度條的？是仔細解讀，還是匆匆一瞥？這里又可以分為有目標購物和無(wú)目標購物兩種類(lèi)型的用戶(hù)，有目標購物的用戶(hù)進(jìn)度條對其刺激會(huì )更明顯，但這里無(wú)需進(jìn)一步探究。當然我們還可以用ab測試來(lái)看看這兩種方案對轉化是不是有幫助。所以結合用戶(hù)的認知感官和心理選擇不同的表現形式。
嚴選和考拉選擇的是第一種形式，淘寶和京東選擇的是第二種，沒(méi)有派別之爭，沒(méi)有對錯，只有合適與否。
選擇方向，深入研究
Research
UI設計師這個(gè)角色現在的生存環(huán)境越來(lái)嚴峻，比較尷尬的一點(diǎn)是交互能力沒(méi)有交互強，視覺(jué)能力沒(méi)有視覺(jué)強，有時(shí)候又什么都要做，但是又什么都做不精。所以我一直認為UI設計師可以走兩條路，一條是視覺(jué)，一條是綜合。如果選擇做視覺(jué)，你需要精通各種風(fēng)格的表現，能夠輕松駕馭，形成并打造自己的品牌。如果選擇綜合，需以用戶(hù)體驗為目標，深入探究業(yè)務(wù)、行業(yè)、用戶(hù)之間的相關(guān)關(guān)系，核心能力是交互、產(chǎn)品、以及用戶(hù)研究。
我們會(huì )發(fā)現，越來(lái)越多的重復工作被做成了工具化，智能化，并不只是banner可以被工具化。我們是否可以預想到在不遠的將來(lái)，大部分產(chǎn)品可以同質(zhì)化，通過(guò)設置參數來(lái)定義顏色，大小，通過(guò)庫來(lái)選擇相應的組件和控件，我們正在做的組件庫、dpl其實(shí)就是這些工具的基礎模型。那時(shí)候UI設計師的價(jià)值就會(huì )非常低，一切都將變得更懶更簡(jiǎn)單，說(shuō)不下去了，焦慮。
設計規范的思考
Guide
很多團隊都建立起了較為成熟的設計規范系統，平臺越大越需要有系統化的規范來(lái)整合不同業(yè)務(wù)之間所呈現出來(lái)的對內或者對外的文化。設計規范的作用想必大家都明白，我們需要根據規范來(lái)保持統一，但又需要根據規范來(lái)創(chuàng )新，來(lái)延展。規范不僅僅是針對某一個(gè)產(chǎn)品而言的，而是整一個(gè)企業(yè)的文化以理性的方式呈現在產(chǎn)品上。把規范比作橡皮泥，對外，他可以形成許多中不同的形狀，但他的本質(zhì)還是一個(gè)黑色質(zhì)地柔軟的橡皮泥，而不是黑色的橡膠，也不是藍色的橡皮泥。對內，他捏成的形狀都差不多大小，外觀(guān)或許有差異，有不同的調性，但是組成都是黑色的橡皮泥。
借用馮叔在站酷文章中引用的一個(gè)例子，如何讓你天馬行空的想象，在這小小的區域中，加上各種限制條件作出合理的設計。一個(gè)產(chǎn)品或許能夠輕而易舉的整理出一套規范，但是這不是成熟體，他是否擁有可擴展性、可包容性、可變化性是真正在產(chǎn)出規范時(shí)要注意的。
比較困難的是如何在多個(gè)產(chǎn)品上使用一套規范從而出現的變化和統一性的把控。舉個(gè)例子，例如有n條產(chǎn)品線(xiàn)，有些產(chǎn)品的調性接近，有些業(yè)產(chǎn)品的差異很大，那么該如何統一每個(gè)產(chǎn)品線(xiàn)之間的設計規范，比如一個(gè)表單高度，在制作規范時(shí)不能只定義一個(gè)表單高度的值，而是需要將可擴展的屬性和適用的場(chǎng)景都列舉出來(lái)，這樣其他人在不同場(chǎng)景或者在不同產(chǎn)品線(xiàn)上設計時(shí)都能做到相應的靈活性。給規范一個(gè)嚴格的基礎值，在這個(gè)值上可以擴散出多樣化，那么基礎值一定是要可經(jīng)得起推敲，能夠追溯的。
即便在一個(gè)產(chǎn)品中也會(huì )出現多種場(chǎng)景需要同一控件的不同樣式的使用，這里我們最好使用一下歸類(lèi)的方法，看一看是否這些場(chǎng)景真的屬于完全獨立的場(chǎng)景，還是屬于同一場(chǎng)景的不同分支，還是完全都獨立的不同場(chǎng)景。像這樣的判斷和決策需要設計leader和各主設一起把握，會(huì )有很多種方法，我們也還在逐步摸索中，如何能夠讓設計規范成為企業(yè)產(chǎn)品的一根魔法棒，螞蟻的企業(yè)級ant design是個(gè)很好的例子，設計語(yǔ)言不僅僅可以在一個(gè)企業(yè)中輻射，也可以輻射到整個(gè)行業(yè)或者商業(yè)生態(tài)圈，在把握了原則和遵循一些自然規律之后，都會(huì )衍生出屬于自己產(chǎn)品的特點(diǎn)。
嘗試綜合性工作
Try More
你想在某方面能力有所成就，首先必須知道它是怎么運作的，光知道還不夠必須親身參與，甚至主導。當你真實(shí)參與過(guò)或者主導過(guò)一個(gè)項目之后，你的收獲遠遠比只做UI執行要大的多。在幾個(gè)月前接手了一個(gè)項目，接手之前還不知道是個(gè)多燙手的山芋，真實(shí)扎進(jìn)去做了之后會(huì )發(fā)現水很深，當然水越深鍛煉效果就更好。嘗試和大家聊聊我是怎么做這個(gè)項目的，以及收獲的一些經(jīng)驗和大家分享。調研過(guò)程就不發(fā)了會(huì )涉及到商業(yè)機密。
1.梳理需求的目標，挖掘存在的問(wèn)題，明確定位
這次接道的需求是基于業(yè)務(wù)和戰略方向的產(chǎn)品改版，沒(méi)錯，是ued推動(dòng)的一個(gè)版本，我們的產(chǎn)品分為賣(mài)家端和買(mǎi)家端，目前產(chǎn)品側重于賣(mài)家，而我負責的則是買(mǎi)家端，具體步驟就不贅述了，在這個(gè)大項目的前提下，目標其實(shí)是很明確的，就是提高轉化率，一個(gè)很玄的目標，看起來(lái)簡(jiǎn)單，實(shí)則水很深。然后我們需要去分析目前存在哪些問(wèn)題導致轉化率低，通過(guò)分析數據和用戶(hù)調研等一系列方法論之后，我們大致清楚了問(wèn)題的所在：板塊分割太多，用戶(hù)對板塊的內容敏感性差，對c端的產(chǎn)品定位不夠明確，核心功能被弱化大大降低了用戶(hù)購物的效率。
2.確定可用的資源并牽頭協(xié)調確認
一個(gè)好的產(chǎn)品設計師，溝通協(xié)調能力是非常重要的，這是我一直在鍛煉的方面。一個(gè)需求是否順利同樣會(huì )牽扯到許許多多的因素，例如：
1.需求產(chǎn)生的節點(diǎn)在整個(gè)項目迭代中的那一部分，是否有其他需求和其有沖突（當時(shí)正值雙十一）。
2.該需求的價(jià)值是否明確，老板和高管是否對該需求的價(jià)值、產(chǎn)品定位都認同 。
3.資源是否都已協(xié)調到位，資源跟進(jìn)日期和對接人是否到位，各資源方交付 deadline是否確認，并且通過(guò)郵件確認。
5.輸出的方案是否有數據和研究結果的導入和支撐。方案是否能形態(tài)化，而不是臨時(shí)解決問(wèn)題的方案。
6.方案的容錯性、新老版本兼容 。
7.開(kāi)發(fā)周期的確定是否需要跨版本，技術(shù)評審中遇到的問(wèn)題如何解決，是否有可替代方案等
3.做讓用戶(hù)上癮的產(chǎn)品
在做這個(gè)方案的時(shí)候，過(guò)程挺坎坷，只考慮到了聚焦和效率兩個(gè)原則，但是對于電商的c端用戶(hù)來(lái)說(shuō)是不夠的，某些功能和模塊需要有他存在的價(jià)值，以及如何讓用戶(hù)上癮，通過(guò)觸發(fā)、行動(dòng)、酬勞、投入4個(gè)節點(diǎn)讓用戶(hù)持續產(chǎn)出，做出對用戶(hù)來(lái)說(shuō)有價(jià)值的東西，而不是冰冷無(wú)感的東西。上癮模型之前有人在網(wǎng)上發(fā)過(guò)類(lèi)似的文這里就不再贅述了，大家也可以去看看《上癮》這本書(shū)。我們需要做符合人性而不僅僅是符合邏輯的產(chǎn)品。
4.反饋及復盤(pán)
30天內日均下單轉化提高了4個(gè)百分點(diǎn)，用戶(hù)滿(mǎn)意度也提高了不少，這是一個(gè)還算不錯的成績(jì)了。上線(xiàn)之前的埋點(diǎn)必不可少，上線(xiàn)后的數據跟蹤有利于我們繼續優(yōu)化產(chǎn)品。項目總結就是全程參與并和產(chǎn)品一起主導了整個(gè)改版，收獲頗豐，不足之處還是有很多比如對于業(yè)務(wù)并不是非常深入、產(chǎn)品底層邏輯的了解不夠?？傊绻袡C會(huì )建議大家都去嘗試一些綜合性的工作，有挑戰也有很多樂(lè )趣與成就感。
來(lái)源：UI中國
