一、 窗口標(biāo)題:
每一個主頁都有一個簡單直接的窗口標(biāo)題。雖然很多人在上網(wǎng)時或許不會留意窗口標(biāo)題,但在給窗口加標(biāo)簽和用搜索引擎查找網(wǎng)站時起關(guān)鍵作用。當(dāng)用戶把網(wǎng)站加入收藏夾時,窗口標(biāo)題是默認(rèn)的標(biāo)簽。這樣當(dāng)用戶瀏覽書簽列表來訪問網(wǎng)站時,標(biāo)題應(yīng)該最能將用戶和網(wǎng)站聯(lián)系起來的詞作為開頭。與之類似,搜索引擎在搜索結(jié)果中顯示窗口標(biāo)題,用戶據(jù)此決定搜索內(nèi)容和搜索項(xiàng)的關(guān)聯(lián)水平,所以在一長串搜索結(jié)果列表中,標(biāo)題必需方便瀏覽,內(nèi)容獨(dú)特。為方便瀏覽,窗口標(biāo)題應(yīng)以盡量短的句子表達(dá)盡量多的內(nèi)容。下面是做窗口標(biāo)題的技巧:
1. 用最能傳達(dá)信息的詞語作為窗口標(biāo)題開頭 — 通常是公司的名字。
—————用戶經(jīng)常瀏覽而不是閱讀屏幕上的文字,所以如果不能用最初幾個詞語吸引住顧客的話,可能就不會在引起他注意。如果沒有用公司名稱中最重要的詞作為窗口標(biāo)題的開頭,公司名就不會在書簽列表和搜索結(jié)果中出現(xiàn)。很多網(wǎng)站以 “ 歡迎 ” 主頁 ” 開頭,獨(dú)立的看這也很不錯,但在首先呈現(xiàn)的詞中并未表示出任何此網(wǎng)站的獨(dú)特信息。
2. 不要在窗口標(biāo)題中包括頂級域名,如 “ .com”.除非它確實(shí)是公司名的組成局部。
—————諸如 “ .com ”等后綴對窗口標(biāo)題是不必要的并且會使公司形象在網(wǎng)上和網(wǎng)下不一致。當(dāng)用戶進(jìn)入網(wǎng)站時,早知道是網(wǎng)上,所以不需要加 “ .com”
3. 窗口標(biāo)題中包括對網(wǎng)站的簡短描述。
—————這段描述對尚未廣為人知的網(wǎng)站尤為重要,即使用戶早已將網(wǎng)站加入收藏夾,或者在搜索列表中查看,就能輕易記住或理解網(wǎng)站的用途??梢钥紤]采用網(wǎng)站標(biāo)簽行的內(nèi)容(如果網(wǎng)戰(zhàn)有標(biāo)簽行的話)
4. 標(biāo)題不要太長。太長的標(biāo)題不容易閱讀,尤其在書簽列表中更是如此。
二、 控件:
諸如下拉菜單、選擇列表和文字框等用戶界面上的小控件,總會引起用戶的注意。但是不要經(jīng)常使用它只有在為完成任務(wù)必須使用時,再使用這些控件。
1. 如果不讓用戶點(diǎn)擊,決不要將控件作為屏幕的一部分。
—————注意:控件是可點(diǎn)擊的,例如:如果在文字后面緊跟著使用圖形化鏈接,要保證它可點(diǎn)擊的就像文字鏈接一樣。無數(shù)的研究中,早已看到用戶會小心謹(jǐn)慎的試圖點(diǎn)擊圖形化鏈接;如果圖形處于不可點(diǎn)擊狀態(tài),用戶就會認(rèn)為整行都不是鏈接,甚至在鏈接文字可點(diǎn)擊時也這樣認(rèn)為。
2. 盡量少用下拉菜單,尤其是當(dāng)其中的項(xiàng)目自身不能說明自身意思的情況下。
—————它能吸引用戶,但經(jīng)常是最無效的導(dǎo)航工具。如果下拉菜單列表中只有很少幾個項(xiàng)目,將它直接列在主頁中效果更好。與之類似,要避免使用過長的下拉菜單 ———這將使用戶難以有效的操作,并且用戶經(jīng)常要將精力花在區(qū)分列表中的各項(xiàng)上。將用戶帶到一個單獨(dú)的選擇頁面上通常是一個較好的方法,這個頁面上可以解釋不同的條目,至少可以將他組成比單個列表更有意義的多個類別。
三、版面設(shè)計(jì):
圖形設(shè)計(jì)應(yīng)該有助于將用戶的注意力吸引到頁面的重要元素上,但在主頁上最好不要以圖形設(shè)計(jì)作為起始點(diǎn)。那么怎么做呢:
1 .頁面上要限制字體的樣式和其他文本格式例如文字大小、顏色等。
—————因?yàn)榉倍嗟奈淖謽邮饺菀追稚⒂脩魧ξ淖直旧淼淖⒁饬?。如果文本樣式看起來過于圖形化,用戶會把它當(dāng)作廣告而忽略。
2. 使用高對比度的文字顏色和背景顏色,文字盡量清晰。
3. 800*600 分辨率下避免水平滾屏。
—————水平滾屏不可避免的導(dǎo)致使用問題 ——— 最大的問題是用戶有時候不會注意滾動條,從而忽略其中的信息。
4. 頁面并非越長越好。
—————如果您有興趣看一下世界前 500 強(qiáng)的主頁,您就會發(fā)現(xiàn)它都致力于將主頁控制在一個半版面之內(nèi)。如果您的主頁超越了用戶通常使用的滿屏高度的四倍的話,或許應(yīng)該簡化主頁,將一部分內(nèi)容移到次級頁面上。另一方面,也不一定要將所有的東西都塞在一個屏幕范圍之內(nèi),只要頁面上部得能反映最重要特性的內(nèi)容就行了。
5. 最好使用動態(tài)頁面設(shè)置,使主頁大小可根據(jù)屏幕分辨率來調(diào)整。
6. 慎重使用標(biāo)志圖案。
—————除了站點(diǎn)自身的標(biāo)志圖案外,僅在用戶能了解它意思時,才使用它來吸引用戶的注意。因?yàn)槠渌麡?biāo)志圖案更像是廣告,而不是鏈接。
四、圖形表示內(nèi)容 :
用圖形有意識的表示內(nèi)容,可以大大提高主頁的表示力。但另一方面,圖形會增加頁面的混亂水平并增加頁面的下載時間。與之類似,動畫尤其如此。所以,注意以下幾點(diǎn):
1.用圖形表現(xiàn)真正的內(nèi)容,而不是主頁的裝飾。
—————使用和內(nèi)容有關(guān)的照片,人們會被圖片吸引,但是和內(nèi)容無關(guān)的圖片,會分散用戶的注意力。
2. 如果圖形或圖片在上下文中意義并不明確,應(yīng)簡短的解釋他
—————例如:在關(guān)于電影節(jié)的文章里顯示了一部電影的靜態(tài)圖片,就要清楚的說明這幅圖片是那部電影的以及它和電影節(jié)上的范圍更廣泛的電影有什么聯(lián)系。另一方面,如果夸張的圖片以協(xié)助讀者快速瀏覽頁面時了解故事內(nèi)容,或許不需要解釋它意思。
3. 以適當(dāng)?shù)某叽缇庉媹D片,并加上 ALt 文本。
—————數(shù)量過多的圖片并不會傳遞過多的信息,反而會使頁面看起來更加混亂。防止使用帶水印的圖片,會使頁面更加混亂,經(jīng)常會減弱視覺效果。即使這些圖片和內(nèi)容相關(guān)并且有吸引力,用戶也不能清楚地看到而如果不是這樣,用戶也沒有看到必要。
4. 主頁上,不要僅為吸引用戶注意力而是使用動畫,因?yàn)樗鼤p弱用戶對其他元素的注意水平。
5. 不要用動畫表示關(guān)鍵內(nèi)容,比如公司的標(biāo)志,提示行或主標(biāo)題。
主頁是一個網(wǎng)站的外表,外表做好了才能吸引客戶,當(dāng)然,一個專業(yè)的網(wǎng)站建設(shè)不僅要有外表也要有內(nèi)涵。
掃一掃關(guān)注官方微信