2012網站體驗設計趨勢回顧(譯文)

DT
3 評論 8486 瀏覽 0 收藏 6 分鐘

原文:http://uxmag.com/articles/the-top-5-website-ux-trends-of-2012

用戶界面領域在過去的一年依然不斷發展,界面設計、易用性和技術之間界限的模糊也造就了更方便也更令人愉悅的整體體驗。例如瀑布流形式本身是一個技術成果,但同時也給用戶帶來了更加連續的體驗。這種網頁排布擁有了審美的同時也給用戶帶來了更加清晰的瀏覽方式。

1、單頁網站

單頁網站隨處可見。超大的背景圖,豐富的畫面細節還有用動畫來展現出來的更加清晰的故事、媒體信息或者提示信息。在跳出了傳統網站結構的限制之后,有創意又美觀的單頁網站發展的非常繁榮,其中兩個最喜歡的單頁網站要數Jess and Russ和Ben the Bodyguard。不過還是人們總是喜歡盲目跟風,哪怕有些網站甚至根本不適合用單頁這種形式。但是對于用的好的網站,單頁的形式真的非常棒!

2、瀑布流

瀑布流對于大家來說已經非常熟悉了。這種形式對于沒有層級結構的信息展示非常適用,既有即時刷新的形式,又能按照時間排序。像那些有大量圖片的網站—比如google images或者pinterest都把這項技術用的很好,最重要的是周密的將設計和技術落地才能讓用戶不會有挫敗感。Lookbook是另外一個好例子,和瀑布流一起配了一個懸浮導航還有一個返回頂部的按鈕,這樣用戶就可以輕松的到瀑布流的任意一個部分。瀑布流也同樣不是一個“全能”的形式,對于那些有很多復雜元素需要考慮的網站來說,分頁的形式對于搜素結果,顯示列表和電商展示還依然是最好的處理方法。

3、全局導航——“Sticky Nav”

全局導航對于結構復雜的網站、長頁面網站、或者是有功能條的表單類網站來說是最為理想的方式。但一直存在的導航容易分散用戶的注意力,所以最好做的窄一點,不明顯一點。一個超贊的例子就是新西蘭航空的網站,導航始終只占了頂部一條,而將大部分面積留個內容。Gmail同樣也將常用功能作為一個全局導航欄方便用戶使用。

4、 web2.0 的審美徹底不復存在

我們注意到視覺設計上的一種復古潮流:平面化,干凈,簡約,并將重點放在了字體設計,以信息呈現為主導,這種的審美代替了傳統web2.0的大圖亮色和透明的質感。許多網站和app甚至將軟件背景換成純CSS樣式,以確保在多端都能夠展現這種引人注意的形式。最近最棒的設計包括Basecamp,Dropbox,還有Smashing Magazine?的新版設計。

5、 字體歸來

多虧字體技術的成熟和大多數瀏覽器與電子設備對字體渲染能力的提高,設計師有更多的字體可以選擇也可以更好的控制字體。人們認為網站內容越來越重重要,那么字體的利用就可以讓內容溝通更加的高效。隨著手持屏幕,響應式設計和更多retina屏幕的發展,字體將在接下來的幾年繼續成為關注重點。一個最好的例子就是The New Yorker,使用了標準網頁字體(Times New Roman)作為正文字體,并優雅的搭配了展示字體(Irvin,Neutra)作為標題和導航。

以上是國外設計師對去年互聯網頁面的總結,而國內網站的發展總不可避免的收到影響,同學們你們怎么看?

 

文章來源:百度MUX

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. ? ?? ?? ? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ? ?? ?? :mrgreen:

    來自福建 回復