5個2016年UI/UX設(shè)計趨勢

1 評論 4587 瀏覽 246 收藏 5 分鐘

隨著“響應(yīng)式Web設(shè)計”以及“Google提升移動友好性設(shè)計” 持續(xù)升溫,在過去的一年開始流行的一些UI/UX設(shè)計趨勢,將會在新的一年里繼續(xù)流行下去。鑒于此,我總結(jié)了一下在2016年仍會持續(xù)大熱的一些UI/UX設(shè)計趨勢。

動畫

動畫的使用效果是提升用戶體驗并且彰顯網(wǎng)站/應(yīng)用的個性,但是要把握好動畫如何表達和何時使用動畫,倆者之間的平衡是很難去區(qū)分的。千萬不要為了要有動畫而做動畫;要有一個目標(biāo),使動畫能夠真正的增強內(nèi)容的展現(xiàn)效果。在我的經(jīng)驗里面,好的動畫是細(xì)小而微妙的。一個有愛的動畫,能夠讓用戶明白設(shè)計師是為了他們而去想的,以及知道設(shè)計師花了時間,只為創(chuàng)造一個獨特而個性化的體驗。

下圖便是一個好例子印證了適當(dāng)?shù)募虞d動畫如何提升用戶體驗 (via the Slack app):

Pic1

Material Design-比扁平化更具沉浸感的體驗

Material design 是一個UI界的后起之秀,它沿襲了扁平化設(shè)計的一些設(shè)計原則,比如鮮明的色彩搭配、簡潔、大字體、簡約等等,然后在此基礎(chǔ)上增加了陰影、模糊、覆蓋和深度等元素。這種設(shè)計給人一種更輕便且舒暢的感覺,并進一步增強了用戶的交互體驗。谷歌就是用這個原理打造他們的整個平臺的產(chǎn)品和app。以下這個網(wǎng)站就是個好例子印證了這個UX設(shè)計趨勢。

Pic2

Web應(yīng)用無差別的感官體驗

用戶在用不同的平臺想要體驗的是統(tǒng)一的界面元素。當(dāng)越來越多的原生應(yīng)用出現(xiàn),讓應(yīng)用無論基于Web還是基于原生iOS/Android都能交付無差別的用戶體驗就變得越來越重要。著名圖片分享站Pinterest為我們提供了一個完美的范例:

Pic3

穩(wěn)健的用戶透明度

IE的透明性從一開始就做得比較好,尤其是針對C-Suite、營銷人員以及利益相關(guān)者。他們給客戶一個能更好地了解如何使用的外觀和感覺。創(chuàng)建介于用戶界面和用戶體驗之間的內(nèi)部線框圖能夠從開始階段起就為客戶提供更加豐富和準(zhǔn)確的線框。當(dāng)然你可以說它們只是半成品,并不能代表完全的成品。我認(rèn)為這樣將會誤導(dǎo)你的客戶,使他們對設(shè)計變得迷惑。

高保真線框

要想打動你的用戶,以下是幾種可以增加你的UI/UX體驗的表達手法:

  1. 使用真實圖像而不是灰框(即使不是完全真實的圖像)
  2. 使用最終要用的字體效果
  3. 讓標(biāo)題和尺寸和最終效果一致

在用戶界面上你不需要想太遠(yuǎn),把這些元素擴大是一個好方法,利用原本元素,做成能夠向客戶表達的效果。

當(dāng)然,并不是說你遵循了上面的原則就一定能打動你的用戶,你還需要具備額外的技能,而不是一步登天;無論面對何種項目,用你的最佳判斷和對用戶需求的理解都是最最重要的。

 

原文地址:http://www.ackmanndickenson.com/2015/12/5-ui-ux-design-trend-predictions-for-2016/

譯者:@許嘉智? xujz@ctrip.com

譯文地址:http://ued.ctrip.com/blog/5-2016-ui-ux-design-trends-translation.html

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 看了你的圖片,下了兩款應(yīng)用。謝謝推薦啦 ?

    來自本機地址 回復(fù)