很沒翻譯東西了，碰巧前兩天在網(wǎng)上看到一篇關(guān)于網(wǎng)站可用性的翻譯，不過看著看著覺得有些莫名其妙，于是翻出英文原文看了下，估計是那個譯者沒有接觸過網(wǎng)站設(shè)計方面的知識，所以有些地方翻譯錯了。所以決定重新翻譯一遍。當(dāng)然我這也是倉促之作，也沒仔細考究，但應(yīng)該沒有本質(zhì)性的錯誤。如發(fā)現(xiàn)有翻譯的不妥當(dāng)?shù)牡胤綒g迎指教。

譯文如下：

在數(shù)月反復(fù)研究大量各式各樣的站點之后，我發(fā)現(xiàn)了一些或多或少能提高網(wǎng)站可用性的大體模式。在這篇文章中，我想強調(diào)一些設(shè)計師出現(xiàn)的很常見的問題，并將這些設(shè)計師應(yīng)該應(yīng)用到其網(wǎng)站上的能提高網(wǎng)站可用性的技巧列出了一個清單。

你的網(wǎng)站是否應(yīng)用了這個清單的所有提高可用性的技巧呢

并不是所有這些技巧都會應(yīng)用到每個站點。僅僅是在你的網(wǎng)站設(shè)計中應(yīng)用它們的建議而已。在這個過程中，我將分享一些網(wǎng)站以便更有效的說明這些技巧。

1.網(wǎng)站標(biāo)識

讓它充分向用戶表明他們在瀏覽哪個站點。
一個網(wǎng)站的標(biāo)識通常位于頁面的左上角、導(dǎo)航的右側(cè)或其他什么位置。給網(wǎng)站標(biāo)識添加一個指向網(wǎng)站首頁的鏈接是很重要的，或者至少在分頁導(dǎo)航的固定位置添加一個“首頁”的鏈接。

2.頁面標(biāo)題

WordPress.com 經(jīng)常使用超大號字體的頁面標(biāo)題，讓你很難錯過它

就像網(wǎng)站標(biāo)識一樣，任何被瀏覽的頁面都應(yīng)該把標(biāo)題清楚的展示給用戶。通常，頁面的標(biāo)題應(yīng)該看上去像一個關(guān)于頁面內(nèi)容的獨特脈絡(luò)，將其放在顯著的位置并著重突出其樣式以顯示它是頁面的標(biāo)題。頁面標(biāo)題通常是整個頁面中最大號的文字，用以清楚的強調(diào)其重要性。
頁面的實際名稱（URL地址）也很重要：它是否與用戶點擊到那頁的連接名稱相匹配？如果頁面標(biāo)題和頁面的實際名稱（URL地址）很匹配，用戶將毫無困難的識別他們在哪個頁面上瀏覽。

3.導(dǎo)航條式導(dǎo)航

YouTube 的主導(dǎo)航小巧且清晰

用戶瀏覽一個網(wǎng)站主要有兩種導(dǎo)航方式，確保你的每個頁面都同時擁有兩種導(dǎo)航是十分重要的。兩種導(dǎo)航方式的第一種：導(dǎo)航條式導(dǎo)航。這種導(dǎo)航方式通常被分為主導(dǎo)航，次級導(dǎo)航（和更深層次的導(dǎo)航，如果有必要的話），公用模塊。

主導(dǎo)航 當(dāng)然就是用來導(dǎo)向網(wǎng)站的各個主要部分。他是最頂級的導(dǎo)航，用來向用戶說明網(wǎng)站里包含哪些分類，并幫助用戶到達這些分類。通常主導(dǎo)航是一個站點全局導(dǎo)航的一部分，或者在各個頁面總保持一致。

次級導(dǎo)航 將主導(dǎo)航劃分出子類。第三級導(dǎo)航又將這些子類換分成更細的類別，如此類推。確定你規(guī)劃好了你的網(wǎng)站導(dǎo)航結(jié)構(gòu)，以保證網(wǎng)站的用戶知道如何瀏覽你的網(wǎng)站。

公用模塊 是你網(wǎng)站的一部分，不過它們并不是鏈向你站點的主要部分。公用模塊包含內(nèi)容的例子：關(guān)于我們，聯(lián)系我們，隱私政策，使用條款等。確保其包括重要的網(wǎng)站相關(guān)內(nèi)容并將其放置在用戶容易找到的位置。但是，不要讓因為過多的公用模塊鏈接內(nèi)容使你的網(wǎng)站導(dǎo)航過于擁擠。

4.搜索式導(dǎo)航

做為搜索引擎的ask，他的搜索部分讓人一目了然

第二種方式的導(dǎo)航是幾乎所有網(wǎng)站都應(yīng)該有的——搜索式導(dǎo)航。一些用戶更喜歡用搜索的方式瀏覽網(wǎng)站。所以通常包含兩種方式才是明智的。用戶已經(jīng)習(xí)慣了搜索的慣用表現(xiàn)形式。所以盡量不要改變它以致讓用戶感到困惑。就像Steve Krug 說的：

“一條簡單的公式：一個搜索框，一個按鈕，一個‘搜索’，別把它們弄得復(fù)雜——牢記這條公式”
                                                        ——《別讓我思考》第六章

5.當(dāng)前所處的位置

我們?yōu)g覽蘋果的網(wǎng)站時，主導(dǎo)航將高亮顯示我們所瀏覽是網(wǎng)站的哪個部分

一個好的頁面標(biāo)題并不能充分告知瀏覽者他們在網(wǎng)站的哪個部分。當(dāng)然，它告訴了用戶那個頁面的名字并且可能有些許信息關(guān)于他們能預(yù)計在特定的頁面上找到什么。但是它告訴用戶他們所在的頁面跟其他頁面的關(guān)系了么？

想像一下你置身于一座你之前從未去過的機場：雖然你有幾分知道你要去哪，但你卻不知道應(yīng)該怎樣到達那里。你可能都不知道這個地方有多大，就算你知道這里有多大，但你連你自己身在何處都不清楚，何談去哪。這就是為什么所有的大機場都有清楚的位置標(biāo)識告訴你你所處的位置和其他重要的地方。

在很多地方一個網(wǎng)站就像是一座大型機場。訪問者并不知道這個站點有多大，沒有一點基礎(chǔ)的話，訪問者會很艱難才能標(biāo)注自己在站點地圖上的位置。一些站點高亮顯示訪問者訪問的頁面位置，向他們解釋他們身處網(wǎng)站何處，也有的站點使用面包屑導(dǎo)航或其他的方法來指引訪問者。也許某一種方法在特定的情況下更有用，但重點是一個站點應(yīng)該始終以某種方法來向訪問者他們所處位置與其他頁面的相對關(guān)系。

6.標(biāo)語/站點描述

SourceForge.net 有著很多的開源軟件，它的標(biāo)語將其詮釋的淋漓盡致

標(biāo)語是一種快速高效向用戶解釋一個站點目的的方式。它是一段在網(wǎng)站標(biāo)志右側(cè)顯示的稍小字號，精心編排的信息，通常只有幾個字。標(biāo)題不是描述動機和意圖的格言警句，但它卻包含了傳達某些事物要點的描述。

7.（視覺）清晰的頁面層次

頁面內(nèi)容決不能輕視。我經(jīng)常回顧報紙的排版，將它作為網(wǎng)上內(nèi)容層次編排的經(jīng)典例子。良好結(jié)構(gòu)的頁面使用清晰的標(biāo)題來組織文章，而子標(biāo)題使內(nèi)容更容易解析。頁面的視覺表現(xiàn)并不像頁面內(nèi)容本身重要，但如果沒有層次的話，用戶可能會在某個頁面里迷失。

原文作者：David Leggett
原文地址：http://www.uxbooth.com/blog/quick-usability-checklist/
譯文地址：http://www.fland.cn/blog/post/1343.html