設計易理解和操作的網站

發表於2011-04-18

當把易操作的理念融合到網站設計中時,網站設計的問題就變得更加複雜。當大多數人將使用全屏顯示器訪問計算機時,這些理念往往容易被大眾忽視。除了需要考慮人們的身體條件如視力不好外,你也不得不注意到關於瀏覽器市場的不斷變化。

給你的使用者群提供一個完美的瀏覽體驗並不是一件容易的事。它需要你非常努力的工作,並且要很專注才行!因為存在有很多的支援Internet的裝置,包括移動和平板裝置以及網路電視甚至還有遊戲控制器。

因為這些各種各樣條件,我們看到許多設計的層面開始減少。在以下的文章中我將列舉一些快速實用的技巧,當你設計網站時,你可以核對一下這些建議,以確保你的網站流量能得到最好的結果。

組織和頁面資訊

你如何佈局頁面內容幾乎總是歸結為幾個因素。你應該考慮一下,當一個訪客瀏覽完了你網站的所有內容後,哪些內容會脫穎而出,吸引這些訪客。也就是說,部落格文章在顯示網頁一段段的內容上是一致的。

將網站組織成列表以及其它抽象情況有很多理由。收藏,文章列表,圖片畫廊,圖表和表格都是展現與眾不同內容的方法的很好例子。當網頁內容被分成一小塊一小塊時,這對瀏覽者來說會很容易操作。

當建立一個列表位置時,每個列表的第一個元素應該好好斟酌一下。一般來說,人們往往傾向於將重要的東西放在列表開始和最後的位置。這也可以使得你的導航連結變得更加易於訪問。

心理因素

人類是一種具有高階形式的生命,他們在這個宇宙中非常特別。我們的思考方式、如何處理資訊甚至是與環境之間的相互作用都已經根深蒂固於我們的思想和決策過程。這種心理將深刻地影響使用者和你的網站之間的互動,所以迎合所有型別的人是很重要的。

你的使用者對你的網站評價的80%-90%來自於你的頁面的設計。網頁瀏覽者是很挑剔的並將對他們瀏覽過的所有網站進行評價。所以確保你的網站容易操作和閱讀是很關鍵的。

即使你網站上大部分內容都是圖片和視訊,這往往還是不夠的。僅僅靠複製11px字型的內容到網站上的日子早已經一去不復返了。這種奇特卻煩人且微不足道的風格是很久之前的標準,那時候公司的利益很大程度上依賴網際網路。

現在情況正更多地朝著養育型和穩定的環境發展。有幾個關鍵點需要提出,這包括操作和返回的穩定性。例如,大多數訪客希望你的網站logo或頭部連結回網站首頁。這是多年以來的標準實踐,並且這種穩定功能將允許訪客能夠很舒服地到處看看。

減少空白影象

圖片並不是像人們常說的那樣嚴重的問題。對於那些通過純文字螢幕閱讀器或者手機螢幕瀏覽網站的使用者,這可能會在顯示上遇到一些問題。然而用這些裝置上網的使用者已經知道會有這種結果,而且他們也不想獲得完整的網站體驗。

問題更多地在於空白影象,這些圖片被新增到了靜態頁面內容中,卻沒有任何meta資訊。Google和其它搜尋引擎不能在圖片之間進行掃描以建立任何形式 的組織方法。這不僅僅是因為缺乏技術,更是因為將掃描和給圖片加標籤的工作交給計算機來做是很危險的,可能存在很多問題。

為每張圖片新增alt和title標籤用不了太多的工作量。這不僅給搜尋引擎提供了一種很好的方法來組織甚至是排列你的網站內容,而且不能顯示照片時也能知道那些塊中包含了什麼東西。許多移動裝置將暫緩載入影象並允許使用者單獨選擇某些圖片進行下載。
保持標準的結構

這種觀念和一般網際網路使用者的心理有很密切的關係。試想一下,一個使用者需要多少時間來適應那種很陌生的網站佈局,即使這種佈局是很別出心裁的。他們需要重新認識網站上設計的每一個關鍵部分,如廣告,網頁內容,標題和連結等,這是很麻煩的。

當發現自己處在一個到處充滿廣告的陌生的環境中時,事情將變得很棘手。不要讓自己處於這種情況。可用性分析師和顧問Steve Krug寫過一本書:Don’t Make Me Think!,這本書很好地列出瞭如何從開始建立一個網頁。它從實用性角度來處理網頁設計,並證實了建立最佳描述資訊是毫不費力的。
有組織地調節

這些條節之所以能夠起這麼好的作用的原因就要歸結到思維模式領域了。當我們在幾周時間裡連續訪問同一個網站時,我們往往會注意到相同點。在任何情況下,內容、佈局、表單和結構之間通常都是相似的。

通過建立一個易操作的設計以及定製一種形式相同的模板,在訪客眼中,你的網站無疑將簡潔而有效率。當然這並不是說要你複製或克隆其它網站。事實上,我建議 你不要遵循這種路線。並且,如果你先創造出自己的設計,然後再對照相關標準進行修改,這樣你會發現最終得到很令人滿意的結果。

我推薦你也可以深入的研究一下UI介面以及畫廊,以進一步獲取靈感。在百科全書中有很多偉大的作品,這些作品能真正的豐富你的網頁。另外,看一下這個設計模式資源集也可以使你的創新之流源源不斷。
總結

在跟蹤和分析你的網站流量時,將涉及到很多因素。有了如今大量並且不斷增長的可用技術,如果有人假設我們還能再回到過去的那種情況,那將是很奇怪的事。伴隨著移動裝置自身能力的不斷增強,看到很多變化的發生也不是什麼奇怪的事了。
在你未來的網站佈局中遵循以上一些建議,你會驚喜地發現當網頁訪問變慢並且為了效率而精簡時,會出現多麼優良的互動。就算不考慮瀏覽器或著是相關軟體的進步,你也可以為你的網站帶來巨大的變化,影響所有的訪問流量。

原文:Jake Rocheleau 譯文:RockUX

相關文章