2015最Hit網站設計 統一用戶體驗的十項技術 (下篇)

昨天我們介紹了頭五項最熱門網站技術，那麼之後五項值得關注的技術及設計又是甚麼，我們現在分曉。

6. Card Design

Card Design是需要一頁裡面顯示很多資訊的網站常用的風格，例如 Pinterest、Facebook、Twitter、dribbble等網站都會用Card Design。好處是就算網頁裏面不同元素可以做很多不同操作，用戶都不會感覺到混淆。因為不同的元素己經包括在不同的card裡面。

7. Parallax Scrolling

另一種反其道而行的設計就是Parallax Scrolling這個設計的特色就是每一次畫面都只會得一個object，當用戶滾動的時候就會自動轉到下個頁面，就像講故事一樣，所以亦叫storytelling design，常見於很多產品或者服務為主的網站入面。

8. Scrolling not Clicking

有一種特色是上面兩種風格都有的，就是內容分配上由多子分類，即是多頁的設計，變成傾向一頁裡面擺放多內容以減少分頁的設計。原因有多個，但主要原因是流動應用的出現，大家都習慣比較長的頁面，或者些不停向下滾動的設計。同一時間網站的瀏覽量亦按層級而遞減，所以大多數新網站設計都會減少子分類，希望將資訊於一個層級裏全顯示出來。

9. Material design / apple OS

同樣是基於flat design衍生出來的設計，material design和apple OS比起Microsoft metro是完全不同的。如果metro是完全平面化的話，那麼另外兩隻可以說成向深度發展的flat design，佢地同樣都留意到flat design於設計上的缺陷，正正是層級上變得不清晰，難以表達有先後次序設計，但這兩種風格既的解決方案亦都全不同！

Apple嘗試以透明同模糊的效果來表現出介面的深度，再利用放大縮小的效果來表達同層級嘅介面。另一方面Google嘗試以不同層次的shadow來解決同樣的問題，介面上比較偏向較多重疊元素，亦喜歡用色階來表達層級分配。無論你喜歡這兩種或一種方式都好，這兩種設計風格都很值得我們在設計網站時參考。

10. Microinteraction

最後一個有很重要的設計元素，貫穿了今日所介紹的所有2015網站設計趨勢，就是Microinteraction，Microinteraction就是當用戶做左一個動作之後的介面反應，例如當用戶輸入錯誤password的時候會震一震，或者是當畫面 refresh 完成時的一個聲效，又或者click一個圖表時，數字由零數起給你看，而不是一下子跳出來。就正正是這些微細的操作，帶起整個網站的用戶體驗，一個好的 microinteraction設計效果就正如遊戲中得到achievement一樣，會令到用戶更加投入入面。