十個(gè)UI設(shè)計(jì)小套路

　　前兩天一個(gè)從事UI設(shè)計(jì)的朋友問(wèn)了我一個(gè)這樣的問(wèn)題：我從事UI設(shè)計(jì)一年多， UI設(shè)計(jì)上的一些基本知識(shí)差不多已經(jīng)掌握，但是想更進(jìn)一步的提升下自己，讓自己的作品更加有優(yōu)秀，但不知道從哪里入手?胡老師有沒(méi)有什么好的建議。今天AAA教育胡老師給大家分享十個(gè)UI設(shè)計(jì)套路!
 

　　1 盡量使用單列而不是多列布局
 

　　單列布局能夠讓對(duì)全局有更好的掌控。同時(shí)用戶也可以一目了然內(nèi)容。而多列而已則會(huì)有分散用戶注意力的風(fēng)險(xiǎn)使你的主旨無(wú)法很好表達(dá)。最好的做法是用一個(gè)有邏輯的敘述來(lái)引導(dǎo)用戶并且在文末給出你的操作按鈕。
 

　　2 放出禮品往往更具誘惑力
 

　　給用戶一份精美小禮品這樣的友好舉動(dòng)再好不過(guò)了。具體來(lái)講，送出禮品也是之有效的獲得客戶忠誠(chéng)度的戰(zhàn)術(shù)，這是建立在人們互惠準(zhǔn)則上的。而這樣做所帶來(lái)的好處也是顯而易見(jiàn)的，會(huì)讓你在往后的活動(dòng)進(jìn)展(不管是推銷，產(chǎn)品更新還是再次搞活動(dòng))中更加順利。

　　3 合并重復(fù)的功能而使界面簡(jiǎn)潔

　　在整個(gè)產(chǎn)品開(kāi)發(fā)期間我們會(huì)有意無(wú)意地創(chuàng)建很多模塊，版面或者元素，而它們的功能可能有些是重疊的。此種情況表明界面已經(jīng)過(guò)度設(shè)計(jì)了。時(shí)刻警惕這些冗余的功能模塊，它無(wú)用且降低了電腦性能。此外，界面上模塊越多，用戶的學(xué)習(xí)成本就越大。所以請(qǐng)考慮重構(gòu)你的界面使它足夠精簡(jiǎn)。

　　4 客戶的評(píng)價(jià)好過(guò)自吹自擂

　　在獲得項(xiàng)目機(jī)會(huì)或提高項(xiàng)目轉(zhuǎn)化率時(shí)客戶的好評(píng)是一種極為有效的手段。當(dāng)潛在客戶看到其他人對(duì)你的服務(wù)給予好評(píng)時(shí)，項(xiàng)目機(jī)會(huì)會(huì)大增。所以試著提供一些含金量高的證據(jù)證明這些好評(píng)是真實(shí)可信的。

　　5 頻繁展示你的主旨來(lái)加深印象
 

　　多次重復(fù)主旨口號(hào)這種方法適用于界面很長(zhǎng)或者分頁(yè)的情況。首先你肯定不想滿屏刷出相同的信息，這樣會(huì)讓人生厭。但當(dāng)頁(yè)面足夠長(zhǎng)的時(shí)候這些重復(fù)就顯示自然多了并且也不顯得擁擠。所在在頁(yè)面頂部放一個(gè)按鈕然后在頁(yè)面底部再適當(dāng)放個(gè)突出的按鈕的做法沒(méi)有什么不妥。這樣當(dāng)用戶到達(dá)頁(yè)面底部在思考接下來(lái)該做什么的時(shí)候，你提供的按鈕就可以獲得一個(gè)潛在的合同或者即使用戶不需要你的服務(wù)這個(gè)按鈕也可以起到過(guò)濾的作用。

　　6 將選項(xiàng)與按鈕區(qū)分開(kāi)來(lái)
 

　　諸如顏色，層次及模塊間的對(duì)比這些視覺(jué)上的設(shè)計(jì)可以很好地幫助用戶使用產(chǎn)品：他時(shí)刻知道當(dāng)前所處的頁(yè)面以及可以轉(zhuǎn)到哪些頁(yè)面。要傳達(dá)這樣一個(gè)好的界面，你就需要將可點(diǎn)擊的元素(比如連接，按鈕)，可選擇的元素(比如單選多選框)以及普通的文字明顯區(qū)分開(kāi)來(lái)。在下圖的例子中，我將點(diǎn)擊操作的元素設(shè)置為藍(lán)色，選中的當(dāng)前元素為黑色。這樣適當(dāng)?shù)脑O(shè)計(jì)可以讓用戶很方面地在產(chǎn)品的各模塊間切換。但千萬(wàn)不要把這三種元素設(shè)計(jì)得混亂不堪。
 

　　7 給出推薦而不是讓用戶來(lái)選擇
 

　　當(dāng)展示許多項(xiàng)服務(wù)時(shí)，給出一個(gè)重磅的推薦項(xiàng)是個(gè)不錯(cuò)的做法，盡管推薦的設(shè)置無(wú)法滿足所有用戶。這么做是有理論依據(jù)的，一些研究已經(jīng)揭示了這么一種現(xiàn)象：當(dāng)面臨的選擇越多時(shí)，用戶就越難做出決定。所以你可以高亮某個(gè)選項(xiàng)來(lái)幫助用戶做出選擇。

　　8 給出撤銷操作來(lái)代替確定操作
 

　　假設(shè)你剛點(diǎn)擊了一個(gè)連接或者按鈕，撤銷操作可以讓操作流暢自然，這也符合人類的本能。而每次操作都彈一個(gè)確定框則好像是在質(zhì)問(wèn)用戶你明白不明白這個(gè)操作會(huì)產(chǎn)生什么后果。我還是更習(xí)慣假設(shè)用戶每次操作都是正確的，其實(shí)只有極少數(shù)情況下才會(huì)發(fā)生誤操作。所以，為了防止誤操作而設(shè)計(jì)的確認(rèn)窗口其實(shí)是不人性化的，用戶每次操作都需要進(jìn)行毫無(wú)意義的確定。所以請(qǐng)考慮在你的產(chǎn)品里實(shí)現(xiàn)撤銷操作來(lái)增加用戶的操作友好度吧。

　　9 指出產(chǎn)品適用人群而不是做成全年齡
 

　　你是想把產(chǎn)品做成大眾化的呢還是有精確的適用人群?在產(chǎn)品定位上你需要更精確些。通過(guò)不斷了解目標(biāo)客戶的需求及標(biāo)準(zhǔn)，你能把產(chǎn)品做得更好得到更多與客戶交流的機(jī)會(huì)，并且讓客戶覺(jué)得你很專業(yè)，在這方面是獨(dú)家提供的優(yōu)質(zhì)服務(wù)。把產(chǎn)品定位得精確的風(fēng)險(xiǎn)就是可能縮小了目標(biāo)潛在客戶的范圍，也使自身變得不那么全能。但這種做得更專業(yè)的精神卻反過(guò)來(lái)會(huì)贏得信任，權(quán)威。

　　10 試著直接果斷而不要唯唯諾諾
 

　　你可以通過(guò)不確定而顫抖的聲音來(lái)表達(dá)傳遞自己的意思，當(dāng)然也可以通過(guò)很自信的方式表達(dá)。如果你在界面中的表述用語(yǔ)多以問(wèn)號(hào)結(jié)束，比如"也許"，"可能"，"感興趣?" 或者"想要試試么?"，那么你完全還可以把語(yǔ)氣變得更堅(jiān)定一些。不過(guò)萬(wàn)事無(wú)絕對(duì)，或許適當(dāng)放松措詞讓用戶有自行思考的余地也是可以的。