為了確保您的網站易用性，您不僅需要有一個好的設計，你還需要良好的copy（文案）。 copy（文案）是一個術語，用來描述網站上所有的文本內容。 是的，好的設計能引導您的訪客瀏覽您的網站，將其注意力集中在重要的事情上，幫助他們理解信息塊，但訪客仍然需要閱讀文字來處理信息。這意味著copy是你整體網站設計中的一個重要組成部分。

在你能寫出一份好的文案之前，你需要了解人們實際上如何瀏覽你的網站。不要以為你的訪客會從頭到尾閱讀所有的文字。 那樣當然很好，但是不幸的是，根本事實不是這樣滴。 人們被web上的信息狂轟亂炸，而且我們中的大部分人在盡力去消化那些信息。這就導致非常瘋狂的瀏覽行為：我們從一塊內容跳躍到另一塊，從一個網站網站跳到下一個。人們往往不能從頭到尾閱讀一個網站；他們從最先吸引他們注意力的那一塊內容開始，然后移動到下一個捕獲他們興趣的地方。 這個模式看起來有點像這樣：

the basecamp 的到達頁面。

紅圈表示訪客目光聚焦的區(qū)域，數字表示他們看那些元素的順序。用戶的視線在頁面上的興趣點之間跳躍，想要充分利用這種混亂的瀏覽模式，你需要用一種特定的方法組織你的文案。下面是幾個重點：

“為什么你應該使用的 openoffice;;; ”網頁肯定可以改進。除了頂部的大橫幅之外沒有設置明確“關注點”；并且，文案聚在一起成了一個大疙瘩，閱讀起來相當困難。

things 軟件的功能頁，每個功能都是一小段文字，包含一個自己的圖標和標題。這使得這個列表非常容易被掃描。為了使文案給人印象更深，列出實際的好處，而不是功能的名字。

如果你想建立一個成功的社區(qū)，用戶參與是非常重要的，并且如果你想建立一個成功的網站或是社會網絡軟件，社區(qū)是非常重要的。此外，如果你想擁有忠實的用戶，用戶參與同樣很重要。迅速回答用戶提出的疑問，修復他們遇到的問題并不僅僅意味著你有很好的客戶服務——這意味這你在乎他們，并且你的用戶和訪客會很欣賞這一點。

但是很多網站依舊沒有給訪客一個方便渠道和公司取得聯系。一些網站甚至沒有email地址或是聯系方式。

當你點擊可口可樂coca-cola網站上的“聯系我們”鏈接。顯示出來的頁面，沒有電子郵件，沒有電話號碼。大部分的鏈接指向“常見問題”；反饋表需要您的地址和年齡，還有500個字符的限制；“提交一個想法”的表單有兩頁那么長，還包含一大堆條款。看來可口可樂真的不想你與他們聯系。

當然，把你的email地址放到網站上可能會吸引大量的垃圾郵件，這里有幾個解決辦法。

enkoder 是我最喜歡的把email放到web上的解決方案。enkoder是一個軟件，有兩個版本，一個是基于mac平臺的，一個是免費的網絡應用。它可以加密你提交的任何email地址，生成一串亂七八糟的javascript代碼，你可以把它放在你的頁面上。當網頁加載這段代碼的時候，你的電子郵件地址就會奇跡般地出現，還是一個可點擊的鏈接。抓取email地址的爬蟲機器人不能讀取你的地址，起碼計劃是這樣的。

你還可以用“聯系表單”（contact forms）來避免在網頁上顯示你的email的問題，但是你仍舊會收到一些垃圾郵件，除非你使用一個有效的captchas，或是其他垃圾郵件保護機制。請記住，像captchas這樣的東西是用戶交互的障礙，并且可能會降低用戶體驗。

論壇救援。在線論壇是一個很好的溝通渠道，是一個不錯的和用戶聯系替代方案。一個公開的論壇比一個簡單的“聯系表單”或email更好，因為你的用戶在論壇上可以相互幫助。即使你不親自回應用戶，其他的用戶可能幫助那個人，解決他的問題。

getsatisfaction 是一個web應用程序，它就像一個論壇，用戶可以在板塊里張貼自己的問題和反饋，用戶或是團隊成員都可以回復。用戶可以添加評論闡述自己的問題。無論你選擇getsatisfaction的托管解決方案或是運行你自己的留言板，這樣雙向的溝通渠道是一個與用戶保持聯系的優(yōu)秀方法。

the getsatisfaction forum for apple.

大部分人到達一個頁面會立即開始尋找搜索框。也許他們知道自己在尋找什么，并且不想花時間學習這個網站的導航結構。jakob nielsen 管這些人叫“搜索優(yōu)勢用戶”。

我們的可用性研究顯示，超過一半的用戶是“搜索優(yōu)勢”的，大約五分之一的用戶是“鏈接優(yōu)勢”的，其余則呈現出混合行為。“搜索優(yōu)勢”用戶通常進入一個網站時直奔搜索按鈕，他們對在網站上逛逛沒有興趣；他們是“任務中心”的，而且想要盡可能快地找到明確的信息。 jakob nielsen

無論您運營的是在線商店還是blog，你都需要搜索框。人們會來尋找一個特定的產品，或是一篇他們記得的文章，他們想要用一個快速搜索找到它。好消息是，如果你還沒有在你的網站上設置搜索，這件事其實很簡單。

你不必自己寫一個搜索功能，google和yahoo這些搜索引擎已經索引了你網站的大部分頁面（如果不是全部的話），因此，所有你需要做的就是選擇一個，然后把搜索框嵌入到你的網站里。

下面是yahoo的:

為了讓它運轉起來，你需要做的只是把“hidden”字段的值改成你網站的域名。這將把google或是yahoo的搜索查詢范圍限制在你的網站內部。你可能還想要修改下提交按鈕上的文字，說些你想說的……

你的網站可能有些內容或者功能要求訪客注冊才能使用。這很好，但是小心有多少內容被藏在了注冊流程后面。深度交互的web應用，例如email，文檔編輯和項目管理，其100%的功能都只有注冊用戶才能使用。其他網站，例如社會化新聞網站，不要這么做。我可以瀏覽digg和reddit上所有的故事而不用登錄；用戶沒必要顯示出自己的身份才能享受這些功能。

當你實現一個登錄限制的時候，小心不要把那些不需要用戶身份認證的功能也鎖起來。一些blog需要人們注冊之后才能發(fā)布評論。當然這將大大減少垃圾郵件，但也同時大大減低了評論數。

你在網站上設置的限制會影響用戶的參與行為，消除那些限制，比如注冊什么的，幾乎肯定會增加用戶的參與程度。事實上，一旦用戶開始使用你的網站，他們將更可能注冊賬號，因為他們其實已經參與進來了。

the getsatisfaction;;; 的交互界面允許你填入你關于一家公司或是一個產品的評論，然后點擊“發(fā)布”按鈕。之后你看到的卻不是你發(fā)布的評論信息，而是一個“登錄或是注冊”的提示。這很扯，用戶可能已經被打擊到了……

pixlr是一個在線圖片編輯應用，這是pixlr的到達頁面，上面有一個鏈接名為“jump in n’ get started!”，點擊后會打開應用。沒有試用，沒有注冊；你現在就可以開始試用這個應用了。

posterous，一個博客托管網絡，使用甚至不要求注冊。只是發(fā)送一封包含你的文章的email，你的blog就創(chuàng)建好了。

永久鏈接（permalink）指一個鏈接固定指向一個頁面，不會被改變；例如，指向一篇博客文章的鏈接，就像你現在正在讀的。問題出現了，當網站轉移到另外一個域，或者結構重組了。那些指向現有頁面的老永久鏈接可能就斷掉了，除非你做了點什么。有種東西叫做301重定向。 301重定向是存在你服務其上的幾個指令，它可以把訪客重定向到恰當的頁面素以，如果誰用老鏈接訪問你的網站，他們將不會看到一個404錯誤頁：301重定向會把他們轉向正確的地方，只要你設置正確。數字“301”制定重定向的類型：permanent。

frye / wiles 404 error.

有各種不同的辦法做301重定向。他們是如何實現部分取決于你使用的web服務器。這里介紹一下301重定向的基本操作，基于目前最流行的web服務器，apache。

下面的代碼應該在一個名為“.htaccess”的文件里，這個文件應該在你網站的根目錄下。是的，文件以一個英文逗號開始。這意味這是一個系統(tǒng)文件，標準文件瀏覽器會默認隱藏這種文件。因此，如果你不能用你的文件瀏覽器或者ftp客戶端看到它，去把你的 “display invisble files”選項勾選上。用你的編輯器創(chuàng)建或者（如果文件已經在那里了）編輯這個文件。每當訪客到達你的網站上，這個文件中的重定向規(guī)則將會被應用。

下面是些簡單的301重定向代碼：

這些代碼相當簡單明了。如果誰想試著進入 “yoursite.com/oldpage.html,” ，他們會立刻被重定向到“yoursite.com/newpage.html.” 。頂部的“rewriteengine on”是設置mod_rewrite引擎為開啟狀態(tài)（默認是關閉的）。這就是處理重定向的引擎。

注冊表單是一砣障礙物。因為填寫表單很費勁，并且很無聊。人們不得不投入時間和精力去注冊，之后還得投入更多的時間和精力去記住他們的用戶名和密碼！

我們可以降低這種阻礙，通過盡可能縮短注冊表單?？紤]到所有情況，注冊系統(tǒng)的目的僅僅是能夠識別每一個用戶，所以，偉義的要求就是一個獨特的標識（如用戶名或是email地址），還有一個密碼。如果你不需要更多信息，就不要問了。讓表單盡可能短。

readoz的注冊表單可長了。仔細研究下，我們發(fā)現，一半以上的字段都是可選的。如果這些是可選的，也就是并不真正需要的。這種形式可能會讓用戶看一眼就跑了。只顯示那些人們注冊時必需填寫的，其余的可以以后再說。

tumblr(已經被墻了)有一個最短的注冊表單。只有三塊，電子郵件，密碼，你新blog的地址。

basecamp 的注冊頁用了一個聰明的伎倆。頁面上除了去首頁的鏈接沒有其他任何網頁導航。這樣可以使用戶集中在注冊過程中，不會受到任何干擾離開頁面。

可用性就是使工具更加容易使用。少讓用戶過腦子，少讓用戶受挫折。一個網站應該完成所有的工作，呈現給訪客的只是那些他們尋找的東西?？捎眯赃€包括人們使用你的網站時的體驗，因此，關注細節(jié)，在實現頁面的呈現和感覺的時候。

好的，如果你有些對這篇文章的想法，或是遇到了任何其他的可用性問題，寫在下面的回復部分告訴我吧～

原文鏈接：http://smashingmagazine.com/2009/02/18/9-common-usability-blunders/

翻譯：web設計中9個常見的可用性錯誤[譯]

關于作者

dmitry fadeyev 是 usability post blog的創(chuàng)始人, 您可以在那里閱讀他關于好設計和可用性的想法。 在twitter上follow dmitry： @usabilitypost.

關于譯者

iamsure 是一個搞產品設計的人, 他的blog是iamsure，他有時候在上邊寫點有的沒的。 同樣，也在twitter上follow iamsure： @iamsure

http://bbon.cn/2009/03/9%e4%b8%aaweb%e8%ae%be%e8%ae%a1%e4%b8%ad%e5%b8%b8%e8%a7%81%e7%9a%84%e5%8f%af%e7%94%a8%e6%80%a7%e9%94%99%e8%af%af.html