15個用戶體驗設計剖析

http://www.inspirr.com

---

用戶界面和用戶體驗是任何產品成敗的關鍵，尤其 Web，Web 是一種公開的，可以被任何人隨時隨地訪問的特殊產品，用戶的體驗幾乎意味著一切，雖然內容更重要，但內容可以替代，體驗卻是獨一無二的，本文分析了15個不同的 UI/UX 案例，優秀的用戶體驗給我們帶來的啟發是無價的。

內容滾動中的運動視差效果

Parallax scrolling是讓多層背景以不同的速度移動，形成運動視差 3D 效果，雖然純屬視覺效果，但在內容滾動時形成的視覺體驗仍然非常出色。Charlie Gentle’s portfolio 網站就是該效果的絕佳展示，點擊左右導航按鈕，除了滾動進入不同內容區域之外，上方的多層背景圖以不同速度移動而形成的 3D 運動視差效果非常漂亮。

iPhone 的下滑式刷新

iPhone 的多數社會化網絡應用都包含數據刷新功能，有的是晃一晃機器，有的是按某個按鈕，在我看來，最好的方法是下滑式刷新。包括 Gowalla, Foursquare 以及 Tweetie 等應用都默認使用該方法，你在用手指翻動列表的時候，如果想刷新一下數據，你的手指還沒離開那個區域，如果使用按鈕，手指必須離開當前的位置，導致操作上的不連貫，而下滑式刷新，手指繼續留在原來操作的位置，只是改變一下動作。

我們從這里可以學習到的東西是，經常檢查你的 UI，看看是不是存在讓用戶注意力轉移的操作。

隨時隨地的提示界面

一些深受歡迎的 Mac 程序經常是在后臺默默運行，到了需要用戶介入的時候彈出界面，完成后又默默消失，象 The Hit List, 隨時隨地會將需要通知的消息顯示出來，看上去，象操作系統本身的功能。

Convertbot 的圓盤式菜單

Convertbot 是為數不多的事實上并不好用但用起來又妙趣橫生的 UI 設計之一。這個 iPhone 程序用來進行單位轉換，iPhone 的應用商店這樣的程序數不勝數，但都沒有這個這么有趣。它設計了一個圓盤式操作界面，很形象，很漂亮，讓人有時不時想拿出來用一下的沖動，這個案例告訴我們，有時候，中看也很重要。

SlideDeck 的手風琴式導航

Web 上，基于 jQuery 的內容滾動面板非常多，SlideDeck 是其中的佼佼者。使用獨特的手風琴式界面顯示內容，可以看做是 Outlook 風格導航面板的水平版，但視覺效果和體驗更出眾。

Strongbad 的隨機回信

Strongbad 是 Homestarrunner 推出的經久不衰的網絡動畫中的卡通形象，每周，Strongbad 會給觀眾回復很搞笑的郵件，這些郵件慢慢越積越多，最近，站點開發方推出一個隨機郵件瀏覽功能，點一下那個隨機按鈕，就像抽獎機那樣隨機選中一封過去的郵件顯示。這個隨機顯示的過十分生動，讓人忍不住一點再點。這個 UI 案例告訴我們，有時候，你在用戶界面上的一點微小改動，有可能帶來意想不到的效果。

Made By Tinder 的主題色選擇

這是一個很神秘的小站點，神秘到我們不知道它到底是做什么的。但這個網站的頂部，有幾個小色塊，點擊后，整個站點就按色塊上的色調重新配色，雖然很簡單，但用戶體驗實在太妙了。

35公里

Tag: 設計公司 | 網頁設計公司 | 廣告公司 | 程式設計 | 平面設計 | 網頁設計 | 網站設計 | Web design | Website design | desig house | Flash 網頁 | Flash game | 動畫設計 | 互動媒體 | 後期製作 | 網上商店 | 網上宣傳 | 媒體公司 | Iphone app | 網頁服務 |