界面設(shè)計(jì)的基本技巧

以下是贏在威客網(wǎng)小編整理的界面設(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)的好處也是顯而易見的，會(huì)讓你在往后的活動(dòng)進(jìn)展（不管是推銷，產(chǎn)品更新還是再次搞活動(dòng)）中更加順利。


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

　　在整個(gè)產(chǎn)品開發(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è)突出的按鈕的做法沒有什么不妥。這樣當(dāng)用戶到達(dá)頁(yè)面底部在思考接下來(lái)該做什么的時(shí)候，你提供的按鈕就可以獲得一個(gè)潛在的合同或者即使用戶不需要你的服務(wù)這個(gè)按鈕也可以起到過(guò)濾的作用。

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

　　諸如顏色，層次及模塊間的對(duì)比這些視覺上的設(shè)計(jì)可以很好地幫助用戶使用產(chǎn)品：他時(shí)刻知道當(dāng)前所處的頁(yè)面以及可以轉(zhuǎn)到哪些頁(yè)面。要傳達(dá)這樣一個(gè)好的界面，你就需要將可點(diǎn)擊的元素（比如連接，按鈕），可選擇的元素（比如單選多選框）以及普通的文字明顯區(qū)分開來(lái)。

　　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ì)，并且讓客戶覺得你很專業(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)放松措詞讓用戶有自行思考的余地也是可以的。

　　11、界面要有鮮明對(duì)比讓人容易區(qū)分

　　把主要功能區(qū)從界面中突出顯示出來(lái)效果會(huì)好很多。使你的主要口號(hào)醒目有很多種方法。通過(guò)明暗色調(diào)的對(duì)比來(lái)突顯。通過(guò)為元素添加陰影漸變等效果讓界面富有層次感來(lái)張顯主題。最后，你甚至可以在色相環(huán)上專門選擇互補(bǔ)色（比如黃色與紫色）來(lái)設(shè)計(jì)你的界面，以達(dá)到突出重心的目的。綜合所有這些，最后得到的界面會(huì)使你的主要意圖與界面其他元素有明顯的區(qū)分，得到完美的呈現(xiàn)。

　　12、指明產(chǎn)地

　　指明你的地區(qū)，所提供的服務(wù)，產(chǎn)品來(lái)自哪里意義重大，同時(shí)也將與客戶的溝通引入了一個(gè)更具體帶有地域特色的場(chǎng)景中。指出具體來(lái)自哪里，國(guó)家，省分及城市，也是一種在進(jìn)行自我介紹或產(chǎn)品展示時(shí)被常常提及的。當(dāng)你在界面設(shè)計(jì)中實(shí)現(xiàn)這點(diǎn)時(shí)，讓人覺得非常友好。同時(shí)指明區(qū)域也會(huì)隱形提高產(chǎn)品的聲譽(yù)，好上加好。

　　13、精簡(jiǎn)表單內(nèi)容


　　人生性就懶惰，在填寫表單時(shí)也是同樣的道理，沒人愿意填寫一大堆表單字段。表單中每個(gè)字段都會(huì)有失去用戶的風(fēng)險(xiǎn)。不是每個(gè)人打字都很快速的，并且在移動(dòng)設(shè)備上進(jìn)行輸入更是相當(dāng)麻煩的事情。問(wèn)下自己表單中是不是每個(gè)字段都必需，然后盡量減少表單中的字段。如果你確實(shí)需要一大堆信息讓用戶填寫，試著將它們分散在不同頁(yè)面，在表單提交后還可以繼續(xù)補(bǔ)充。過(guò)多字段很容易讓整個(gè)表單顯示臃腫，當(dāng)然想簡(jiǎn)潔也很容易，只放少數(shù)字段。

　　14、暴露選項(xiàng)而不要將操作隱藏

　　你使用的任何一個(gè)下拉框都會(huì)對(duì)用戶造成信息的隱藏而需要額外的操作才能顯示。如果這些信息是貫穿整個(gè)操作所必需的，那你最好把它展示出來(lái)做得更顯而易見一點(diǎn)。下拉框最好用在選擇日期，省份等約定俗成的地方。對(duì)于程序中重要的選項(xiàng)最好還是不要做成下拉形式。

　　15、把界面做得環(huán)環(huán)相扣要好過(guò)直白的排版


　　一個(gè)平淡無(wú)奇行文無(wú)疑會(huì)讓用戶失去興趣而繼續(xù)閱讀。是的，單列滾動(dòng)的長(zhǎng)頁(yè)面是不錯(cuò)的，但是我們應(yīng)該適當(dāng)?shù)卦O(shè)置一些小節(jié)，并且環(huán)環(huán)相扣，來(lái)提高用戶的興趣使其繼續(xù)閱讀。但需要注意的是節(jié)與節(jié)之間的留白不要太大。

　　16、不要放太多鏈接分散用戶注意力

　　為了滿足各式用戶的需求，在頁(yè)面上放些鏈接鏈到這里鏈到那里是常見的做法。如果你的主要目的是想讓用戶點(diǎn)擊頁(yè)面最后那個(gè)下載按扭什么的話，就需要三思了。因?yàn)橛脩艨赡茳c(diǎn)擊了其他鏈接離開頁(yè)面了。所以你需要注意頁(yè)面的鏈接數(shù)量，最好將用于導(dǎo)航與用于操作的鏈接用樣式區(qū)分開。盡量移除頁(yè)面不需要的鏈接會(huì)讓用戶點(diǎn)擊到你的功能按鈕。