從2012年看網站體驗的五大趨勢

發表於2013-06-07

2012年,使用者介面技術持續不斷髮展,常常有效地模糊了設計、可用性以及技術之間的界限,從而為使用者帶來了可用性高、愉悅性強的綜合體驗。例如,無限滾動是一個讓使用者擁有更加無間斷連續體驗的技術。類似的,網頁排版技術的進步不僅體現在視覺上,也體現在可以更加清晰地傳達資訊。

 1.單頁網站

從2012年看網站體驗的五大趨勢

單頁網站隨處可見。大背景圖片、豐富的插圖和動畫技術常常被用來講故事、娛樂大眾以及表達明確清晰的資訊。擺脫了傳統網站架構的限制,這種創意好、視覺美觀的單頁網站正蓬勃發展起來。Jess and Russ 和 Ben the Bodyguard是我(譯者注:原文作者)很最喜歡的兩個單頁網站(想看更多優秀案例,請點選這裡)。新的趨勢無論合適與否,都將被爭相模仿。這很容易導致網站風格的同質化,在某些情況下,還會讓體驗變得很糟糕。當然,如果運用得當,單頁網站將是很好的選擇。

2. 無限滾動

從2012年看網站體驗的五大趨勢

使用者對無限滾動應該已經很熟悉了,可能他們自己還意識不到。無限滾動非常適合展現零散的、實時推送和按時間排列的資訊,像Google images 或 Pinterest這類含有大量圖片的網站很好的使用了這項技術,但是謹慎地執行來避免使用者產生挫敗感很重要。Lookbook也是一個很好的案例,無限滾動通過浮動的無線滾動條並結合一個“回到頂部”的按鈕,讓使用者既可以不間斷地瀏覽,也能輕鬆找到其他部分。無限滾動並不是一個萬全之策,所以我們需要考慮充分才能使用。其實對於搜尋結果、長列表和電子商務來說,頁碼標註也許才是最好的選擇。

3. 常駐導航

從2012年看網站體驗的五大趨勢

對於複雜的網站、長的滾動頁面或者有功能屬性的工具欄的網站來說,常駐導航是最佳選擇,由於它很容易讓使用者分心,所以需要弱化掉。 New Zealand’s tourism website 是一個很棒的案例,它只有一個頂部的導航欄,剩下的地方足夠讓主要部分展示內容。Gmail 網站同樣把使用者常用的操作放在了常駐的工具欄上。

4. Web 2.0美學的逝去

從2012年看網站體驗的五大趨勢

我們發現,視覺設計的趨勢開始迴歸本色。排版和資訊層級上使用平的、清新的和簡單的方式,已經取代了Web2.0時代那種複雜、活潑、多層次的風格。很多網站和App甚至為了跨裝置和螢幕解析度捨棄了純CSS樣式那樣生動的圖形背景,比如我最喜歡的BasecampDropboxSmashing Magazine

5. 排版歸來

從2012年看網站體驗的五大趨勢

得益於大多數瀏覽器和裝置渲染字型的技術越發成熟,設計師可以更加靈活地選擇適合網站風格的字型。現在大家已經越來越意識到內容的重要性,因此如何通過排版更加有效地傳達資訊也顯得尤為重要。未來幾年內,在移動裝置、響應式設計以及視網膜螢幕中,網站的排版仍然是一個重要焦點。比如我喜歡的一個網站The New Yorker,正文采用了網站標準字型(Times New Roman),再配上設計過的標題和導航(字型分別是Irvin, Neutra),非常漂亮。

2013年,我們將繼續尋找更多優秀的網站案例,它們會通過平衡視覺、可用性以及技術實現為使用者帶來更好的體驗。

相關文章