西安網(wǎng)站建設是用戶(hù)體驗的一種度量，它可以用訪(fǎng)問(wèn)者完成網(wǎng)站功能的方便程度來(lái)描述——無(wú)論是通過(guò)自身知識還是通過(guò)學(xué)習新方式來(lái)完成這種功能。我認為JakobNielson的解釋非常到位，他說(shuō)：
本文中提供一個(gè)可用性清單，內容覆蓋了從視覺(jué)設計，到可以用在任何項目中的簡(jiǎn)單導航提示等多個(gè)方面。
1.當前位置導航
要讓用戶(hù)在任何時(shí)候都知道自己身處哪個(gè)模塊，或者在瀏覽那個(gè)分類(lèi)。對任何網(wǎng)站來(lái)說(shuō)，這都可以極大提升可用性。在這一點(diǎn)上，創(chuàng )建當前位置導航可以算是最有效的提升可用性方式。
當前位置導航的理想方式是在服務(wù)端創(chuàng )建，這樣可以大量節省HTML和CSS代碼。如果不方便在服務(wù)端創(chuàng )建導航，那么使用CSS操縱你的body元素從而直接定義每個(gè)導航標簽也是一個(gè)不錯的方法。
另外，你可以方便的使用JavaScript創(chuàng )建當前位置導航菜單。
要注意，你的當前位置導航最好和鼠標滑過(guò)樣式保持不同，這是很多網(wǎng)站縮不注意的。
2.可用的表單標簽和按鈕
使用HTML的label屬性，可以讓用戶(hù)通過(guò)點(diǎn)擊注釋標簽來(lái)激活表單元素，這是HTML的一個(gè)偉大的內置功能，但不幸的是，很少有用戶(hù)知道這回事。怎樣讓用戶(hù)了解這個(gè)功能呢？你可以通過(guò)改變鼠標指針形狀的方式來(lái)提醒用戶(hù)，這只需要一兩行代碼就可以實(shí)現。
做成這樣之后，用戶(hù)就很容易的知道這標簽是可以點(diǎn)的，我經(jīng)常覺(jué)得HTML標準里沒(méi)有把這些可以點(diǎn)的元素統一設置為小手指針是非常不應該的，所以我通常我會(huì )這樣統一定義：label,button,input[type="submit"]{cursor:pointer;}
3.將你的LOGO鏈接到首頁(yè)
我認為logo不鏈接到你的網(wǎng)站首頁(yè)是一件令人沮喪的事情，恰恰有很多網(wǎng)站沒(méi)有這樣做。用戶(hù)研究表明，這樣做是很有必要的，用戶(hù)需要它！如今越來(lái)越多的網(wǎng)站意識到，給LOGO加鏈接的重要性。用戶(hù)已不滿(mǎn)足于一個(gè)標記為“主頁(yè)”的文字鏈接，用戶(hù)希望點(diǎn)一下logo就可以回到首頁(yè)。拿Facebook為例，它為每一個(gè)導航元素增加了“ref”屬性來(lái)跟蹤用戶(hù)點(diǎn)擊。如下圖：
4.加大鏈接的點(diǎn)擊面積
大約一年前，37Signals的RyanSinger寫(xiě)了一篇文章來(lái)介紹它們在Basecamp項目中如何增大鏈接的可點(diǎn)擊面積。這又是一個(gè)提升網(wǎng)站可用性的小細節，它只需要你增加鏈接周?chē)膒adding值就可以有效增大點(diǎn)擊面積。對任何網(wǎng)站來(lái)說(shuō)這都是一個(gè)值得嘗試的方法，它可以方式用戶(hù)誤點(diǎn)或點(diǎn)不到鏈接。并且對于手機網(wǎng)頁(yè)的設計更為重要，因為很多用戶(hù)使用手指來(lái)點(diǎn)擊觸摸屏上的鏈接，增大面積可以幫他們更方便的瀏覽網(wǎng)頁(yè)。西安網(wǎng)站建設
5.表單元素焦點(diǎn)顯示
為處于激活狀態(tài)的表單元素添加焦點(diǎn)顯示，越來(lái)越成為UI設計的一種趨勢。它讓用戶(hù)了解自己做了什么，在做什么。這是一種簡(jiǎn)單但有效的向用戶(hù)傳遞有用細節信息的方式。
6.提供有用的404錯誤頁(yè)面
讓網(wǎng)站呈現給用戶(hù)一個(gè)大大的Apache錯誤信息會(huì )讓人很不爽，創(chuàng )建一個(gè)友好的、有用的404錯誤頁(yè)面是一個(gè)不錯的解決方法。因為對非開(kāi)發(fā)者來(lái)說(shuō)，“404”這些數字沒(méi)有任何意義和價(jià)值，用戶(hù)只希望在網(wǎng)站上找到自己需要的信息。要建立一種可以幫助用戶(hù)正確的找到他們需要的信息的錯誤提示頁(yè)面，比如顯示一些抱歉的同時(shí)，加上搜索框、推薦文章或首頁(yè)鏈接等，努力把用戶(hù)留在網(wǎng)站上，而不要把責任都推給用戶(hù)輸入了錯誤鏈接。這里有一些優(yōu)秀的404頁(yè)面欣賞：極富創(chuàng )意的404錯誤頁(yè)面欣賞
7.創(chuàng )造一個(gè)舒適的文字環(huán)境
如今，網(wǎng)站文案撰寫(xiě)已成為了一個(gè)很大的話(huà)題，做網(wǎng)站有越來(lái)越多的細節需要考慮。從古到今，關(guān)于網(wǎng)站文字內容的討論從未間斷并且其標準在一直變化。當年SteveKrug曾主張縮減掉一半的文字內容，轉而用列表的形式呈現它們。但現在不同了，我們需要用和朋友對話(huà)的方式來(lái)撰寫(xiě)文案，讓用戶(hù)感覺(jué)到一種舒適溫馨的氛圍。這樣用戶(hù)就會(huì )少一些局促感，即使他們遇到了使用上的問(wèn)題，他也會(huì )心情愉悅的在網(wǎng)站幫助中尋找解決的辦法。
8.調整行距增強可讀性
行距是可以從書(shū)報雜志等傳統媒體直接過(guò)度到網(wǎng)頁(yè)上的元素之一，這些內容的研究和改進(jìn)已經(jīng)進(jìn)行了數百年，已經(jīng)積累了大量?jì)?yōu)秀的經(jīng)驗。所以你下次設計之前，大可以先翻翻雜志找找靈感。行距是網(wǎng)頁(yè)設計中經(jīng)常被忽視或濫用的地方，我通常從1.4倍行距出發(fā)開(kāi)始設計，然后根據設計和內容進(jìn)行調整。
9.使用空白來(lái)區分和歸類(lèi)元素
將內容元素歸類(lèi)組合是顯示內容的一種方式。你可以使用圖片、邊框或者僅僅是使用空白來(lái)歸類(lèi)區分。使用空白歸類(lèi)內容元素可以創(chuàng )造自然和諧的用戶(hù)體驗，即使是匆匆的一瞥，內容也會(huì )一目了然。用戶(hù)一眼掃過(guò)網(wǎng)頁(yè)（比如閱讀TOP10列表時(shí)），首先會(huì )注意標題。我們首先希望的是，我們的網(wǎng)站內容很有趣，能吸引用戶(hù)進(jìn)一步閱讀。但是對用戶(hù)進(jìn)行正確的引導，會(huì )對內容的展示起到促進(jìn)和相得益彰的作用。
10.無(wú)障礙瀏覽
這里并不是指“508法案”(即section508，美國法律，大體上描述為：某些特殊用戶(hù)群體，如殘疾人，瀏覽某網(wǎng)站時(shí)，如果無(wú)法正常獲得所期望的信息，那可以依據相關(guān)法規，對該網(wǎng)站依法起訴。)這里所說(shuō)的“無(wú)障礙”，指的是為你的用戶(hù)考慮到方方面面，讓他們輕松的找到需要的東西。如果說(shuō)保證瀏覽無(wú)障礙可以讓你的用戶(hù)不會(huì )發(fā)怒，不會(huì )甩袖子走人，那么“快速響應”則是你留住用戶(hù)的最后一道防線(xiàn)。
如果有決心的話(huà)，你可以做所有你能想到的測試，然后多方參考用戶(hù)的試用意見(jiàn)。目的就是最大限度的留住用戶(hù)，因為用戶(hù)個(gè)體的意識和習慣之間存在差異，很難找到讓所有用戶(hù)滿(mǎn)意的方式。談到“無(wú)障礙瀏覽”和“快速響應”，你可能會(huì )首先想到視覺(jué)障礙人士，但其含義遠遠超過(guò)這些。例如，你必須讓你的網(wǎng)站適應用戶(hù)的帶寬限制（撥號上網(wǎng)，手機上網(wǎng)，網(wǎng)速慢等）和舊版本的瀏覽器（一些公司不會(huì )讓員工升級瀏覽器）。如果我們盡最大努力的消除網(wǎng)站使用的障礙，并且快速的相應網(wǎng)站的問(wèn)題，我們就能建立一個(gè)完善的用戶(hù)體驗，給用戶(hù)留下良好的印象并且還會(huì )再次回來(lái)。西安網(wǎng)站建設
———————————————————————————————————
————讓實(shí)力為我們作證，讓效果為我們代言。
請撥打我們的電話(huà)，讓我們的服務(wù)、讓我們的技術(shù)、促進(jìn)咱們之間長(cháng)久的合作！
公司名稱(chēng)：西安蟠龍網(wǎng)絡(luò )科技有限公司(西安劍鋒網(wǎng)絡(luò ))
客服
