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