天天看點

簡潔明了的優秀UI設計原則(1)

我們知道成功的頁面設計不僅有很高的轉化率,更便于使用者使用;既能滿足商業目标,又能為使用者帶來良好的體驗。

Good UI是一家研究使用者體驗的設計機構,以一系列簡潔的手繪對比圖,清晰說明UI設計的法則與禁忌。

近期我們編譯分享一些Good UI在一些項目中擷取的設計以及營運政策等方面的經驗。

每天10則。對比着尋找自己身邊的優秀和不良實踐,認真消化,大有益處。

#1 單欄更專注,多欄易分心

單欄布局讓讀者的精力集中在從上到下閱讀文字内容之上,減少幹擾。在需要讓讀者通讀一個好故事之後,在文章末尾采取某種行動的場合尤其有用。

簡潔明了的優秀UI設計原則(1)

△ 按鈕内容:你希望動員使用者去做的事

#2 給使用者實惠,别急着賣錢

一些小的優惠讓使用者感到更受尊重和善待,進而更能促成交易。

簡潔明了的優秀UI設計原則(1)

△ 【左】我們的首月服務是免費的! 【右】你快注冊吧!注冊吧!注冊吧!!!

#3 相似功能要整合,使用者界面忌破碎

這真的是一個頻發錯誤——人們很容易為同一功能建立多個入口。請注意同樣的功能隻應當出現一次。尤其要注意字面表示不同但實際一緻的情況。

簡潔明了的優秀UI設計原則(1)

△ 【左】聯系我們 【右】客服中心、聯系我們、立刻來電、我們的号碼XXXXXX、取得聯系……

#4 客戶評價是宣傳,自吹自擂是作死

不解釋。對于中國使用者,請千萬特别注意在企業簡介等處,經常出現的這類文案:

XX公司堅持以客戶需求為核心,以顧客體驗為根本,為超過XXXX的企業和個人客戶,提供XXXX、XXXX和XXXX的專業産品,優質、用心的服務赢得了衆多客戶的信賴和好評,在XX地區逐漸樹立起公司良好品牌。公司不僅僅提供業界領先水準的XXXX,同時還建立了完善的售後服務體系,為客戶在使用過程中的XXXX等問題提供無微不至的指導、幫助和服務。我們相信,通過我們的不斷努力和不懈堅持,一定能夠實作與同業人士的互利共赢,為客戶創造永無止境的巨大價值!

這類沒有人真正去看的文案,隻會給人以浮誇的感受,為企業的印象減分。糟糕透頂的常見實踐。

簡潔明了的優秀UI設計原則(1)

△ 【左】客戶是這樣評價我們的… 【右】看下邊這幾條!我們就是這麼牛!

#5 主要目标,反複出現

在長頁面或多頁面中,記得向使用者重複你的主要目标,以免使用者在閱讀過程中忘記。一般頭尾出現一次總是好的——頁頭持續提示使用者帶着目的開始閱讀,頁尾讓使用者在讀完後把目标付諸實作。

簡潔明了的優秀UI設計原則(1)

#6 導航元素宜明确,花哨模糊不應該

我在哪?可以去哪裡?這是為了讓人類能夠在網站中導航的基本要素。這些地方的樣式務必要統一,絕對禁止無意義的模糊和多樣化。

簡潔明了的優秀UI設計原則(1)

△ 【左】連結一定是藍色的,目前位置一定是黑色加粗的 【右】你暈不?

#7 宜重點推薦,忌平鋪選擇

不止一個心理學研究表明:選擇越多,決定越難,進而成交越少。在不得不讓客戶多選一的時候,把常見的選擇突出顯示,給客戶一點小小的推力。

簡潔明了的優秀UI設計原則(1)

△ 【左】我們推薦X,不過選Y和Z也可以 【右】XYZ,我也不知道哪個好,你挑吧。

#8 允許使用者去反悔,不要事前去确認

人類都自信自己的行為是正确的,進而希望機器立刻響應。執行了還要“确認”,這無異于讓人類把一件事重複兩次,是違反常識的。

網絡上絕大多數的行為,執行之後都沒有什麼災難性後果,甚至很多都可以簡單的挽回。是以執行後允許撤銷才是常态,沒事千萬不要用确認對話框。這是個雷。一定要隻在執行後的後果絕對不能挽回的時候,才把确認作為最後手段。

簡潔明了的優秀UI設計原則(1)

△ 【左】您改動了這裡。如果弄錯了,點選撤銷。

【右】你确認真的要改動這裡嗎? [是的!改!就按我說的做!] [呃不,我犯SB了,對不起]

#9 目标客戶,明确勝于高大全

明确您的使用者群,會讓您和使用者有更深度的接觸,同時也讓使用者感覺自己受到了企業的針對性服務和特别對待。

簡潔明了的優秀UI設計原則(1)

△ 【左】實話實說,我們的産品确實無法滿足所有人,例如:1.…2.…3.…4.…。點選這裡了解我們的服務。

【右】我的産品,無論高矮胖瘦男女老少都能用!點選這裡了解我們的服務。

#10 直中靶心,别繞彎子

就如同在生活中,洪亮自信總是比顫抖虛弱的講話方式有力一樣。網絡上如果用詞不堅決,經常出現“可能”、“也許”等詞彙,或者是疑問氣氛濃重的表達方法……那麼試想:網站主自己都沒有信心,那又拿什麼讓訪客信任你呢?

簡潔明了的優秀UI設計原則(1)

△ 【左】就點這裡! 【右】呃…還想了解點别的嗎?或者也許點這兒試試看也不錯?

繼續閱讀