萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 怎樣才能設計出優秀的界面

怎樣才能設計出優秀的界面

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

  單列布局能夠讓對全局有更好的掌控。同時用戶也可以一目了然內容。而多列而已則會有分散用戶注意力的風險使你的主旨無法很好表達。最好的做法是用一個有邏輯的敘述來引導用戶並且在文末給出你的操作按鈕。

4d80d94403de2d28188356e02dc0ac79 怎樣才能設計出優秀的界面

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

  給用戶一份精美小禮品這樣的友好舉動再好不過了。具體來講,送出禮品也是之有效的獲得客戶忠誠度的戰術,這是建立在人們互惠准則上的。而這樣做所帶來的好處也是顯而易見的,會讓你在往後的活動進展(不管是推銷,產品更新還是再次搞活動)中更加順利。

be8655483b40e3b0967c21faa2f8bd1d 怎樣才能設計出優秀的界面

  3 合並重復的功能而使界面簡潔

  在整個產品開發期間我們會有意無意地創建很多模塊,版面或者元素,而它們的功能都是相近的。此種情況已經表明過度設計了。時刻警惕這些冗余的功能模塊,它無用且降低了電腦性能。此外,界面上模塊越多,用戶的學習成本就越大。所以請考慮重構你的界面使它足夠精簡。

6bb3ca8a52ce84cc064cb638c592d131 怎樣才能設計出優秀的界面

  4 客戶的評價好過自吹自擂

  在獲得項目機會或提高項目轉化率時客戶的好評是一種極為有效的手段。當潛在客戶看到其他人對你的服務給予好評時,項目機會會大增。所以試著提供一些含金量高的證據證明這些好評是真實可信的。

30a48ffe84fedc162639217be83337d2 怎樣才能設計出優秀的界面

  5 頻繁展示你的主旨來加深印象

  多次重復主旨口號這種方法適用於界面很長或者分頁的情況。首先你肯定不想滿屏刷出相同的信息,這樣會讓人生厭。但當頁面足夠長的時候這些重復就顯示 自然多了並且也不顯得擁擠。所在在頁面頂部放一個按鈕然後在頁面底部再適當放個突出的按鈕的做法沒有什麼不妥。這樣當用戶到達頁面底部在思考接下來該做什 麼的時候,你提供的按鈕就可以獲得一個潛在的合同或者即使用戶不需要你的服務這個按鈕也可以起到過濾的作用。

0b68a60711b79c7dc8f6b68c84fdc9de 怎樣才能設計出優秀的界面

  6 將選項與按鈕區分開來

  諸如顏色,層次及模塊間的對比這些視覺上的設計可以很好地幫助用戶使用產品:他時刻知道當前所處的頁面以及可以轉到哪些頁面。要傳達這樣一個好的界 面,你就需要將可點擊的元素(比如連接,按鈕),可選擇的元素(比如單選多選框)以及普通的文字明顯區分開來。在下圖的例子中,我將點擊操作的元素設置為 藍色,選中的當前元素為黑色。這樣適當的設計可以讓用戶很方面地在產品的各模塊間切換。但千萬不要把這三種元素設計得混亂不堪。

d02606898696a3eeaa7f2196a387ae25 怎樣才能設計出優秀的界面

  7 給出推薦而不是讓用戶來選擇

  當展示許多項服務時,給出一個重磅的推薦項是個不錯的做法,盡管推薦的設置無法滿足所有用戶。這麼做是有理論依據的,一些研究已經揭示了這麼一種現象:當面臨的選擇越多時,用戶就越難做出決定。所以你可以高亮某個選項來幫助用戶做出選擇。

0f87217df76c36da5296fa8cd3c6a6ce 怎樣才能設計出優秀的界面

  8 給出撤銷操作來代替確定操作

  假設你剛點擊了一個連接或者按鈕,撤銷操作可以讓操作流暢自然,這也符合人類的本能。而每次操作都彈一個確定框則好像是在質問用戶你明白不明白這個 操作會產生什麼後果。我還是更習慣假設用戶每次操作都是正確的,其實只有極少數情況下才會發生誤操作。所以,為了防止誤操作而設計的確認窗口其實是不人性 化的,用戶每次操作都需要進行毫無意義的確定。所以請考慮在你的產品裡實現撤銷操作來增加用戶的操作友好度吧。

06e93539019cadb50c55693e10fb4a39 怎樣才能設計出優秀的界面

  9 指出產品適用人群而不是做成全年齡

  你是想把產品做成大眾化的呢還是有精確的適用人群?在產品定位上你需要更精確些。通過不斷了解目標客戶的需求及標准,你能把產品做得更好得到更多與 客戶交流的機會,並且讓客戶覺得你很專業,在這方面是獨家提供的優質服務。把產品定位得精確的風險就是可能縮小了目標潛在客戶的范圍,也使自身變得不那麼 全能。但這種做得更專業的精神卻反過來會贏得信任,權威。

  (貼士:喜歡下圖中可愛的小人物造型麼?去了解MicroPersonas吧)

50b17bd79de5bddfa24e6e8411a0c88f 怎樣才能設計出優秀的界面

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

  你可以通過不確定而顫抖的聲音來表達傳遞自己的意思,當然也可以通過很自信的方式表達。如果你在界面中的表述用語多以問號結束,比如”也許”,”可 能”,”感興趣?” 或者”想要試試麼?”,那麼你完全還可以把語氣變得更堅定一些。不過萬事無絕對,或許適當放松措詞讓用戶有自行思考的余地也是可以的。

939e9719b2477ff901e75e0d8bb41ae3 怎樣才能設計出優秀的界面

  11 界面要有鮮明對比讓人容易區分

  把主要功能區從界面中突出顯示出來效果會好很多。使你的主要口號醒目有很多種方法。通過明暗色調的對比來突顯。通過為元素添加陰影漸變等效果讓界面 富有層次感來張顯主題。最後,你甚至可以在色相環上專門選擇互補色(比如黃色與紫色)來設計你的界面,以達到突出重心的目的。綜合所有這些,最後得到的界 面會使你的主要意圖與界面其他元素有明顯的區分,得到完美的呈現。

ec816fd724b96ebf956da5ec8a48bf7c 怎樣才能設計出優秀的界面

  12 指明產地

  指明你的地區,所提供的服務,產品來自哪裡意義重大,同時也將與客戶的溝通引入了一個更具體帶有地域特色的場景中。指出具體來自哪裡,國家,省分及 城市,也是一種在進行自我介紹或產品展示時被常常提及的。當你在界面設計中實現這點時,讓人覺得非常友好。同時指明區域也會隱形提高產品的聲譽,好上加 好。

2dd3b798447578cea38063164cc72b96 怎樣才能設計出優秀的界面

  13 精簡表單內容

  人生性就懶惰,在填寫表單時也是同樣的道理,沒人願意填寫一大堆表單字段。表單中每個字段都會有失去用戶的風險。不是每個人打字都很快速的,並且在 移動設備上進行輸入更是相當麻煩的事情。問下自己表單中是不是每個字段都必需,然後盡量減少表單中的字段。如果你確實需要一大堆信息讓用戶填寫,試著將它 們分散在不同頁面,在表單提交後還可以繼續補充。過多字段很容易讓整個表單顯示臃腫,當然想簡潔也很容易,只放少數字段。

1312f2fb6fde713da451cfe00c4741b3 怎樣才能設計出優秀的界面

  14 暴露選項而不要將操作隱藏

  你使用的任何一個下拉框都會對用戶造成信息的隱藏而需要額外的操作才能顯示。如果這些信息是貫穿整個操作所必需的,那你最好把它展示出來做得更顯而易見一點。下拉框最好用在選擇日期,省份等約定俗成的地方。對於程序中重要的選項最好還是不要做成下拉形式。

0ff140e222a150b7aca28857e7842454 怎樣才能設計出優秀的界面

  15 把界面做得環環相扣要好過直白的排版

  一個平淡無奇行文無疑會讓用戶失去興趣而繼續閱讀。是的,單列滾動的長頁面是不錯的,但是我們應該適當地設置一些小節,並且環環相扣,來提高用戶的興趣使其繼續閱讀。但需要注意的是節與節之間的留白不要太大。

copyright © 萬盛學電腦網 all rights reserved