UI設計3天時間完成~

這個界面不難的，按照我的交互稿上個色就好了~

簡單設計一下，馬上給我~

再調(diào)幾個顏色給我選一下~

模塊先設計，顏色最后調(diào)一下也很快的~

…

 

熟悉吧，以上是作為UI設計師的你，幾乎每天都能聽到的把。拜托，就算是路邊打印店，讓人家?guī)湍阍O計個名片，你也會問人家什么時候能做好吧。難不成設計這么好做?要不你行你上?我做不了~

慢著，我做，我做，誰讓你給我發(fā)錢，給錢就是老大，要做就做吧~

于是出現(xiàn)了以下設計稿

常說設計是一個用戶接觸產(chǎn)品的第一道門。從應用市場的圖標開始到用戶下載打開app的啟動頁，再到用戶進入app后看到的首頁。難道設計師真的不考慮什么嗎?真的按照產(chǎn)品或交互設計稿做嗎。從圖標在應用市場的吸引力，到用戶使用app后的留存率，請問哪一個不是和UI設計師有關系！業(yè)績好，業(yè)務好是產(chǎn)品的營銷和自然增長率。業(yè)務差就是設計不吸引人沒有感染力，嗯哼？？？

在此呼吁廣大項目管理者，請給我們的設計師一些思考的時間，一些打磨設計的時間。

好了，廢話不多說，進入正題。假設有一天，公司給了你足夠的時間設計。你該如何思考？你要怎么不受約束的將自己的產(chǎn)品觀融入你的設計中？從現(xiàn)在開始，即使產(chǎn)品給你的設計時間很短，你也要學著思考，學著加入自己的思維，做一個有思想的設計師。做到這一點很難，但是你必須學著這樣做，跟我沒關系，但對你有益。

1.學著像產(chǎn)品經(jīng)理一樣思考(THINKING LIKE PM)

 

產(chǎn)品經(jīng)理是怎么思考的。產(chǎn)品經(jīng)理是產(chǎn)品的CEO，手握著產(chǎn)品的生殺大權?？紤]的會更偏像于產(chǎn)品的核心觀。幫助用戶解決什么痛點，通過什么方式解決這個痛點，怎么為公司提高贏利、如何提高轉化、如何提升留存…當然你并不需要完全知道所有的東西，因為你有你自己的專長(UI設計)。

 

但是，必須留意的幾點就是:(1)用戶群體(2)相關競品(3)主要商業(yè)模式

 

（1）對于用戶群體的了解，你能夠通過這部分用戶群體找到相關的用戶畫像。這一點很重要（因為從你入職為UI設計師的那天開始，你的設計是幫助公司服務于用戶的，并不是為了表達你崇高的藝術涵養(yǎng)的）。通過用戶畫像，你能找到這部分人的主要特征，這將會有助于你選擇設計中使用的顏色、字體大小。

     打個比方來說，總不能為服務于紅綠色盲人群設計的產(chǎn)品，UI做出了綠色界面+紅色按鈕吧？你以為你通過顏色對比突出了按鈕，實際…對吧？你可以用顏色來讓界面產(chǎn)生差異，單不能僅依賴于顏色提升設計效果，因為并不是每個人都能精確的分辨出各種顏色。

(2)產(chǎn)品的競品，對于相關競品的研究，也是目前UI設計師設計過程中常用的一種方法。好處呢當然顯而易見，競品的顏色用取，設計風格…這些都是已經(jīng)線上經(jīng)過驗證了的。有很多設計師是在看完競品后恍然大悟，顏色該用啥，按鈕用啥色。但這是萬萬不可取的。這會導致你們的產(chǎn)品沒有任何競爭力，上線比人家晚，看著有和人家差不多。怎么打差異化的戰(zhàn)?取其優(yōu)，去其差。思考人家設計師為什么這么做，他們是怎么想的，如果我設計會設計成什么樣？

（3）你必須要了解你的商業(yè)模式。作為設計師有權知道公司的基本商業(yè)模式，這也是考慮在整體設計里程里面。霧里看花管中窺豹，你永遠看不到你所設計的產(chǎn)品本質。再打個比方：假設你的產(chǎn)品是通過用戶購買相關服務進行盈利的，那么設計前你得思考整個產(chǎn)品其實是需要安全、信任、服務作為設計主旨，其中突出“服務”作為亮點，需要傳遞給用戶一種安全可靠的情感，最終引導消費者完成支付購買。

 

2.學著像交互設計師一樣思考(THINKING LIKE UE)

 

     用戶體驗、使用場景、信息優(yōu)先級、轉場、使用習慣…對于交互設計師來說這是多么熟悉的名詞。確實，交互設計師考慮更多的是怎么讓用戶在app上操作的爽了，最符合用戶的操作習慣，將產(chǎn)品經(jīng)理傳達下來的商業(yè)模式/邏輯變?yōu)榱鞒痰男问揭龑в脩暨M行使用。通過數(shù)據(jù)的分析，不斷優(yōu)化上線后產(chǎn)品的相關體驗。

作為設計師的你，怎么像交互設計師一樣思考呢?

 

(1)用戶體驗=顏色是否和諧。顏色的使用，之前已經(jīng)說過了，考慮用戶群體的基礎上，看你顏色的配比是否讓人舒適，是否準確的傳遞出了產(chǎn)品想給用戶的那種感覺。產(chǎn)品正式設計前，通常會進行所謂的風格探索階段。是允許設計師根據(jù)提供的用戶群體發(fā)揮自己的創(chuàng)意進行設計的。當找到那種適合的顏色搭配后，接下去的設計會顯得游刃有余。但是目前很多公司都是略過探索這一步的。為追求產(chǎn)品的快速上線，基本都是領導找競品給顏色，設計師根據(jù)這個顏色（衍生色）進行設計。缺乏用色的專業(yè)性。

 

 

(2)使用場景=顏色使用是否符合用戶使用產(chǎn)品時的場景。這個就比較好理解了，產(chǎn)品到底是晚上用的還是白天用的，到底是地鐵上用的還是書房里用戶。不同的使用場景在設計時也應該考慮在內(nèi)。例如，晚上使用的產(chǎn)品顏色一定會偏暗一些、白天熱鬧場所使用的產(chǎn)品一定會是偏簡潔、書房使用的產(chǎn)品一定是偏溫和…

(3)信息優(yōu)先級=如何通過設計的方法(大小、位置、形狀、顏色、動畫)突出產(chǎn)品重點。通過對比、突出等手法，將重要信息直接展示給用戶。做到簡單直接有效。

 

(4)轉場=如何通過動效的方式便于用戶理解邏輯跳轉。這一點特別是在相對復雜的產(chǎn)品的時候較為常用，例如層級相對比較深，則會通過轉場的引導告知用戶從哪來到哪兒去。引領用戶使用你的產(chǎn)品，不至于在產(chǎn)品使用過程中迷失。

 

(5)使用習慣=相關設計規(guī)范。用戶長時間使用完你的產(chǎn)品后，已養(yǎng)成了使用習慣。知道哪個位置是重要的內(nèi)容。如果用戶已經(jīng)建立了產(chǎn)品工作原理的心理模型，他們可能會有非常強烈的觀點，認為某些東西就應該在某些特定的位置，通常設計師可以利用這一特點來引導用戶發(fā)現(xiàn)重要功能。

3.學著像用戶一樣思考(THINKING LIKE UESR)

 

（1）用戶在使用產(chǎn)品的時候，最優(yōu)考慮的是，這個產(chǎn)品是不是能幫我解決我的問題(賺錢、記賬、提醒…)，產(chǎn)品的核心功能一定是用戶最先考慮的。

 

（2）你的設計是不是好看，他會考慮說，這個東西怎么看著這么low，是不是公司不正規(guī)啊?前文也提到了，每個產(chǎn)品都有自己的目標人群，那么研究這部分目標人群的相關喜好，通過設計的方式將其重現(xiàn)給用戶。

 

（3）這個產(chǎn)品用起來爽不爽，怎么這么卡頓、怎么看起來能點實際不能點、怎么功能這么多都沒用、怎么…

當然用戶有千千萬萬，你不可能完全都能像所有用戶那樣思考，滿足大部分用戶就可以了。

4.學著像你自己一樣思考(THINKING LIKE YOURSELF)

 

   是否在為產(chǎn)品設計的過程中，已經(jīng)忘了像自己一樣思考了。滿腦子都是產(chǎn)品經(jīng)理想要什么樣的，用戶想要什么樣的。這也會讓你喪失自己的思考能力。

 

(1)學著像自己一樣思考，不是說按照自己的喜好來，而是你在設計的過程中是否偏離了自己的設計觀。對于明顯是錯誤的設計，你選擇接受。

 

(2)以調(diào)研或用戶研究結果為準則，完全喪失你自己對這個產(chǎn)品應有的樣子的判斷。做個半理性半感性的設計師，會讓你的設計既符合用戶口味，又有自己的韻味。

 

總結

 

記住設計產(chǎn)品的人是你，對產(chǎn)品美化體驗的是你，如果你的設計和使用不再適用于用戶，他們可以毫不留情的轉向其他產(chǎn)品，而作為設計師的你不能這么做。用戶不知道你的設計是怎么來的是怎么想的，但是你了解這一點。用戶不知道你是通過調(diào)研或研究得出他們的相關喜好最終選擇了這樣的設計，但是你很清楚。真正受制于產(chǎn)品設計的人是你，因此要確保它仍是你值得付出，引以為傲的東西。