我想每個人都會贊成，網站的可用性是它能否受歡迎的一個重要方面，無論你進行的是公司網站、在線商店還是其他，讓你的界面變得容易操控，使用時令人舒服是關鍵，近幾年已經有很多針對網站界面優(yōu)化的研究，而且這些研究的成果對于提高網站可用性是非常有價值的。現(xiàn)在藍藍設計這里有10個超實用的經驗分享，相信我，這些建議會極大地提高你那個網站的用戶體驗，讓用戶愛上你的網站設計！

一、善用人物配圖，使用戶專注于你想呈現(xiàn)的

當進入你的網站，我們會本能地關注網站上人物圖片中的臉和眼睛，這倒是為我們提供了一個想法，是不是可以用人物配圖吸引小伙伴的注意力呢？當然，但這僅是第一步，我們還可以這樣做，你瞧，是不是大不相同?。ㄒ娤聢D）

這是第一步：

在最初的一次網站設計可用性測試實驗中，我遇見了一位和藹可親的老大媽，她從來沒用過鼠標。在測試過程中，她一直用手比劃著，一邊對著屏幕在空氣中比劃，一邊對著光標說著建議的話。在測試最后，我當然沒有得到任何結果，但是她堅持認為我是一個“可愛的男孩”，并且應該認識一下她的孫女。很快地，我學習到了如何設置實驗者招募的核心標準。

如果你之前做過一個可用性測試，你就會知道這個不是看起來那么容易的。雖然這不是火箭科學，但其中也包含一些舉足輕重的復雜性。在這篇文章里，我會分享一些我學到的關于如何幫助你避免你的可用性測試者在測試時最后進入一個令人泄氣的結果的課程。

在我事業(yè)開始的第一年里有非常多我本可以學習的可貴的經驗，并且我認為在錯誤中學習是學習的最好方法，我們并不是總有機會去失敗。這里有一些藍藍設計學習道路上的小技巧，可以幫助你快速提升可用性測試的技巧并且避免一些陷阱。

設計你的可用性測試腳本來回答具體的研究問題

當我們開始一個新的可用性測試時，不要遲疑，你所要做的就是挑選出網站的主要區(qū)域，然后讓用戶完成那些測試。在這個過程中你會發(fā)現(xiàn)一些有用的見解，但是也許當你呈現(xiàn)出這些發(fā)現(xiàn)時，你因為無法回答網站盈利者提出的問題而被圍得團團轉，你也別因此而驚訝。

響應式網頁界面設計，是一種正在流行的網頁開發(fā)思想，它是利用靈活可變的柵格系統(tǒng)，令網頁的顯示模式可以根據訪問設備的屏幕尺寸規(guī)格而進行自適應。預計2015年的時候，移動端的用戶數(shù)量將會從目前的8億，增長到19億，而這也意味著目前我們?yōu)樽烂鏋g覽器而設計的網頁，將會在他們的手機和平板上呈現(xiàn)出非常糟糕的使用體驗。

但是隨著實際應用狀況的改變，響應式網頁設計還是會出現(xiàn)一系列復雜的并發(fā)癥。藍藍設計本文余下的部分，就是詳細闡述如何在響應式網頁中安置和處理多媒體元素，諸如圖片和視頻，最終的目的是幫你做出一個靠譜的網站，能讓這些元素無縫地在各種手持設備上加載運行，提升用戶體驗。

響應式網頁設計中的圖片處理

先說說響應式圖片的處理方法。在響應式網頁設計中，圖片處理的問題或多或少地和傳統(tǒng)網頁中的導航欄設計有相似之處。隨著新的移動設備的普及，更高像素密度的屏幕使得網頁的任何一個瑕疵都顯得無比明顯，因此，圖片處理的核心問題在于如何確保網站（尤其是圖片）的各個方面都能盡可能靈活，并且確保每個像素不會在高分屏下模糊。

現(xiàn)在大模糊背景圖像的界面設計在網站設計中越來越受歡迎，高斯模糊的加入不僅創(chuàng)建了一個朦朧彌漫的效果，具備高端觀賞性的同時，它還可以強制性引導用戶關注主要信息內容，大大提升了信息的易讀性。和藍藍設計一起來欣賞這些網站吧：）

更多模糊大背景網站設計欣賞http://www.cqzjtgb.com/

Color

這篇文章藍藍設計傾力推薦了許多多個美麗的黑色系網站設計，微妙的色調和戲劇性的黑白圖像一定會讓你陷入這一場低調奢華的視覺盛宴里，來嘗嘗吧：）

另外也希望大家?guī)е鴨栴}去欣賞這些網站界面設計，這些UI設計師是如何把黑色設計的更有國際范？如果是你來，布局、素材、輔助色又會怎么選用呢？

更多黑色網站設計欣賞：http://www.cqzjtgb.com/

DASSEL UND WAGNER

藍藍設計灰常樂意每周在網頁設計佳作列表中展現(xiàn)界面設計精美的網站，不斷為你提供靈感。而今天藍藍設計打算另辟蹊徑，為網頁設計收集了既能提供UI設計靈感又實用的優(yōu)秀案例，與過往選擇單一”主題”的例子有所不同。我們將為你呈現(xiàn)不同的工具和技術分享網站，可讓你在得到靈感的同時還能發(fā)現(xiàn)不錯的工具或服務。在這篇文章中你將看到美觀又實用的網站，全部都不容錯過哦親！

unroll.me

免費且簡單地取消郵件訂閱，還能將剩下的訂閱匯總，并以有組織的概覽形式專門提供給你。

許多的慈善和非營利組織嘗試籌集善款并設法讓大家知道他們的特殊存在。以前，他們沒有設計和開發(fā)好網站的資源，不得不湊合著搭個樸素、單調、無聊的網站，這些網站自然沒法吸引新的訪問者。

然而今時不同往日，UI設計者和開發(fā)者會幫助某些組織搭建網站，這些組織或慈善目的能引起他們的興趣，或讓他們聯(lián)想到自身經驗，或他們的家人和朋友有參與的。最終就有了專門為這些慈善和非營利組織搭建的漂亮網站設計，且非常值得一看。跟著藍藍設計一起來欣賞下吧！

Glocal Ventures

響應式設計是當前網站設計的趨勢，針對不同的設備，提供布局解決方案。而且很多技術狂人正在不斷的進行各種實驗，爭取讓響應式設計越來越好。響應式設計的難點是導航菜單?？刹荒芟窨s放頁面那樣縮放導航菜單。在UI設計之前，要謀劃好導航菜單在手機、平板、桌面上的布局。藍藍設計收集了許多例出眾的響應式設計，大家可以使用響應式在線測試工具Responsinator來看看，他們的導航菜單，是怎樣界面設計的。

Gold Interactive

曾經有一段時間，大伙兒都在努力把網頁界面設計內容全部塞進首屏。今時不同往日，網站UI設計師和開發(fā)者們不再害怕滾屏，而是將背景漸進展示、頁面元素動畫以及其它基于滾屏動作的酷炫效果融入其中，把滾屏當作一個吸引訪客的絕佳靚點來好好展現(xiàn)。

為了給親們帶來新的靈感，藍藍設計特意收集了一系列把滾屏玩出新花樣的網站設計，跟我來感受一下吧！

ISL

作為一名UI設計師，每年都會沉浸在一些新的界面設計趨勢中興奮不已。接下來，我們將探尋2014年的設計趨勢，這絕對是意義非凡的事情。Web設計師必須洞悉所有相關領域的新趨勢，緊跟時尚潮流。

這些新趨勢讓設計變得妙趣橫生。但是很多專家還會倡導那些并非最時髦、最震撼世界的設計。當然，響應式設計不僅去年是熱點，今年依然還會被人們重視。同樣，柵格化設計作為最基本的設計，也會被繼續(xù)延續(xù)下去。

這次，藍藍設計想探索一下那些逐漸發(fā)展起來的設計潮流。也許過去我們只是偶爾嘗試一下這些界面設計風格，但是今年我們會真正關注它們。

更多留白/負空間