設(shè)計易理解和操作網(wǎng)站
![](http://image.woshipm.com/wp-files/img/42.jpg)
當(dāng)將易操作的理念融合到網(wǎng)站設(shè)計中時,網(wǎng)站設(shè)計的問題就變得更加復(fù)雜。當(dāng)大多數(shù)人將使用全屏顯示器訪問計算機時,這些理念往往容易被大眾忽視。除了需要考慮人們的身體條件如視力不好外,你也不得不注意到關(guān)于瀏覽器市場的不斷變化。
給你的用戶群提供一個完美的瀏覽體驗并不是一件容易的事。它需要你非常努力的工作,并且要很專注才行!因為存在有很多的支持Internet的設(shè)備,包括移動和平板設(shè)備以及網(wǎng)絡(luò)電視甚至還有游戲控制器。
因為這些各種各樣條件,我們看到許多設(shè)計的層面開始減少。在以下的文章中我將列舉一些快速實用的技巧,當(dāng)你設(shè)計網(wǎng)站時,你可以核對一下這些建議,以確保你的網(wǎng)站流量能得到最好的結(jié)果。
組織和頁面信息
你如何布局頁面內(nèi)容幾乎總是歸結(jié)為幾個因素。你應(yīng)該考慮一下,當(dāng)一個訪客瀏覽完了你網(wǎng)站的所有內(nèi)容后,哪些內(nèi)容會脫穎而出,吸引這些訪客。也就是說,博客文章在顯示網(wǎng)頁一段段的內(nèi)容上是一致的。
將網(wǎng)站組織成列表以及其它抽象情況有很多理由。收藏,文章列表,圖片畫廊,圖表和表格都是展現(xiàn)與眾不同內(nèi)容的方法的很好例子。當(dāng)網(wǎng)頁內(nèi)容被分成一小塊一小塊時,這對瀏覽者來說會很容易操作。
當(dāng)創(chuàng)建一個列表位置時,每個列表的第一個元素應(yīng)該好好斟酌一下。一般來說,人們往往傾向于將重要的東西放在列表開始和最后的位置。這也可以使得你的導(dǎo)航鏈接變得更加易于訪問。
心理因素
人類是一種具有高級形式的生命,他們在這個宇宙中非常特別。我們的思考方式、如何處理信息甚至是與環(huán)境之間的相互作用都已經(jīng)根深蒂固于我們的思想和決策過程。這種心理將深刻地影響用戶和你的網(wǎng)站之間的交互,所以迎合所有類型的人是很重要的。
你的用戶對你的網(wǎng)站評價的80%-90%來自于你的頁面的設(shè)計。網(wǎng)頁瀏覽者是很挑剔的并將對他們?yōu)g覽過的所有網(wǎng)站進行評價。所以確保你的網(wǎng)站容易操作和閱讀是很關(guān)鍵的。
即使你網(wǎng)站上大部分內(nèi)容都是圖片和視頻,這往往還是不夠的。僅僅靠復(fù)制11px字體的內(nèi)容到網(wǎng)站上的日子早已經(jīng)一去不復(fù)返了。這種奇特卻煩人且微不足道的風(fēng)格是很久之前的標(biāo)準(zhǔn),那時候公司的利益很大程度上依賴互聯(lián)網(wǎng)。
現(xiàn)在情況正更多地朝著養(yǎng)育型和穩(wěn)定的環(huán)境發(fā)展。有幾個關(guān)鍵點需要提出,這包括操作和返回的穩(wěn)定性。例如,大多數(shù)訪客希望你的網(wǎng)站logo或頭部鏈接回網(wǎng)站首頁。這是多年以來的標(biāo)準(zhǔn)實踐,并且這種穩(wěn)定功能將允許訪客能夠很舒服地到處看看。
減少空白圖像
圖片并不是像人們常說的那樣嚴(yán)重的問題。對于那些通過純文字屏幕閱讀器或者手機屏幕瀏覽網(wǎng)站的用戶,這可能會在顯示上遇到一些問題。然而用這些設(shè)備上網(wǎng)的用戶已經(jīng)知道會有這種結(jié)果,而且他們也不想獲得完整的網(wǎng)站體驗。
問題更多地在于空白圖像,這些圖片被添加到了靜態(tài)頁面內(nèi)容中,卻沒有任何meta信息。Google和其它搜索引擎不能在圖片之間進行掃描以建立任何形式的組織方法。這不僅僅是因為缺乏技術(shù),更是因為將掃描和給圖片加標(biāo)簽的工作交給計算機來做是很危險的,可能存在很多問題。
為每張圖片添加alt和title標(biāo)簽用不了太多的工作量。這不僅給搜索引擎提供了一種很好的方法來組織甚至是排列你的網(wǎng)站內(nèi)容,而且不能顯示照片時也能知道那些塊中包含了什么東西。許多移動設(shè)備將暫緩加載圖像并允許用戶單獨選擇某些圖片進行下載。
保持標(biāo)準(zhǔn)的結(jié)構(gòu)
這種觀念和一般互聯(lián)網(wǎng)用戶的心理有很密切的關(guān)系。試想一下,一個用戶需要多少時間來適應(yīng)那種很陌生的網(wǎng)站布局,即使這種布局是很別出心裁的。他們需要重新認(rèn)識網(wǎng)站上設(shè)計的每一個關(guān)鍵部分,如廣告,網(wǎng)頁內(nèi)容,標(biāo)題和鏈接等,這是很麻煩的。
當(dāng)發(fā)現(xiàn)自己處在一個到處充滿廣告的陌生的環(huán)境中時,事情將變得很棘手。不要讓自己處于這種情況??捎眯苑治鰩熀皖檰朣teve Krug寫過一本書:Don’t Make Me Think!,這本書很好地列出了如何從開始建立一個網(wǎng)頁。它從實用性角度來處理網(wǎng)頁設(shè)計,并證實了建立最佳描述信息是毫不費力的。
有組織地調(diào)節(jié)
這些條節(jié)之所以能夠起這么好的作用的原因就要歸結(jié)到思維模式領(lǐng)域了。當(dāng)我們在幾周時間里連續(xù)訪問同一個網(wǎng)站時,我們往往會注意到相同點。在任何情況下,內(nèi)容、布局、表單和結(jié)構(gòu)之間通常都是相似的。
通過創(chuàng)建一個易操作的設(shè)計以及定制一種形式相同的模板,在訪客眼中,你的網(wǎng)站無疑將簡潔而有效率。當(dāng)然這并不是說要你復(fù)制或克隆其它網(wǎng)站。事實上,我建議你不要遵循這種路線。并且,如果你先創(chuàng)造出自己的設(shè)計,然后再對照相關(guān)標(biāo)準(zhǔn)進行修改,這樣你會發(fā)現(xiàn)最終得到很令人滿意的結(jié)果。
我推薦你也可以深入的研究一下UI界面以及畫廊,以進一步獲取靈感。在百科全書中有很多偉大的作品,這些作品能真正的豐富你的網(wǎng)頁。另外,看一下這個設(shè)計模式資源集也可以使你的創(chuàng)新之流源源不斷。
總結(jié)
在跟蹤和分析你的網(wǎng)站流量時,將涉及到很多因素。有了如今大量并且不斷增長的可用技術(shù),如果有人假設(shè)我們還能再回到過去的那種情況,那將是很奇怪的事。伴隨著移動設(shè)備自身能力的不斷增強,看到很多變化的發(fā)生也不是什么奇怪的事了。
在你未來的網(wǎng)站布局中遵循以上一些建議,你會驚喜地發(fā)現(xiàn)當(dāng)網(wǎng)頁訪問變慢并且為了效率而精簡時,會出現(xiàn)多么優(yōu)良的交互。就算不考慮瀏覽器或著是相關(guān)軟件的進步,你也可以為你的網(wǎng)站帶來巨大的變化,影響所有的訪問流量。[English]
轉(zhuǎn)載請注明:
作者:RockUX–WEB前端
出自:設(shè)計易理解和操作的網(wǎng)站
- 目前還沒評論,等你發(fā)揮!