在過去十年中高高端的網頁可用性總是是業內探討的中心,由于它對客戶來講越來越緊要。好的可用性也能夠幫助建立品牌知名度,從而提高客戶對一個網站或者是一家企業的評價。在過去幾年中,優秀的可用性成為那些成功的初創企業的中心。多數情形下,簡易的想法最具創作性,可用性緊要是指:使一個功能或者產品易于操作,但同時也要保持產高端量維持在高水平上??捎眯栽缫巡辉偈且粋€玩笑,下面這些建議應該被打印出來并粘到你桌子對面的墻上。
1.鏈接的顏色
我時常發現自己在瀏覽網頁時,一些頁面上的鏈接沒有以某種模式高亮顯示。這是我見過的最愚蠢的謬誤。我愿意訪問那些鏈接操作默認藍色的頁面,而不是鏈接和 一般文字一個顏色的頁面??蛻粜枰獣栽鯓釉陧撁嬷g導航、在哪兒能點擊鏈接。你不能指望他們把鼠標一行行的掠過所有文字去找鏈接,直到發現鼠標箭頭變成 “小手兒”。
我完全了解,有時候出于設計思考,鏈接不能操作某種顏色來高亮顯示,這樣會使它們顯得太過突兀。這完全是能夠了解的。但是能夠添加文字樣式或者虛線框,你需要的只是以這種或那種方式來強調鏈接而已。
訪問過的鏈接也應該以不同的方式來顯示,以差別于默認的鏈接顏色。由于這樣能夠幫助客戶知曉他們已經訪問過什么,從而確立下一步要去哪兒。有些網站會操作戶困惑,但是讓他們知曉自己已經訪問過什么,絕對會使他們對你的網站印象更好。
2.糟糕的排版
當我們談到 排版,并不是說我們需要一個大大的標題,或者一段漂亮的文字。 當我們思考易用性時,排版的漂亮與否并不那么緊要,緊要的是排版要怎樣使我們的內容易于閱讀。
親密排列的大段文字會使閱讀它的人感到極其頭疼,但它應當不會讓設計師頭疼。他只需要簡易的提升行高,實行分段,提升文字大小,改變字體,就能使它更容易閱讀。
在網站設計中,怎樣搭配字體的和用怎樣的顏色來喚醒訪客,并不是十分緊要。當然,你會這些那就更好 。在過去的幾年中,我們一直謬誤的將美感必要性放到功能性之上。其實網站最關鍵的特質它易用性,它并不像圖形設計范疇那樣有很很大的局限性。有的時候我們 不在乎它能有多么的好看,僅需要的是它能正常工作而已。
讓我來作進一步的解釋. 互聯網上兩股最新的設計思潮, 極簡主義和扁平化設計, 都非常的簡約并聚焦于內容的體現而非背景圖該多漂亮才好. 在極簡主義與扁平化設計變為越來越潮流的后面有個因素就是他們極其簡易,而且工作優秀 -有時候真的是很難去相信如此簡易的一個網站卻能獲取巨大的成功, 你進入網站, 看完內容,然后走人, 沒有東西使你分心, 沒有Flash, 沒有使得網站加載變慢的Javascript, 沒有好看的花兒或圖樣, 僅僅是內容而已。
當前, 你應當明白了讓內容變為易于訪問是多么的緊要的原理, 不要在第一時間花費太多的精力去考慮該怎樣讓網站變為多漂亮 -無論字體有多優美,別人如果不能閱讀的話也是枉然.
3.不參照常規
參照設計常規和易用性建議是極其緊要的,由于無論你是誰,只要你根據那么做了,那么客戶會在你的網站上花費的時間會和在其他網站上花費的一樣多,這意味著你和其他人站在了同一起跑線上。
舉一個例子讓大家更清楚的了解我究竟想要表的什么。這有這么一個網站,在它導航欄上放置了一鏈接來退出頁面。這個按鈕的用途,這與通常所了解的導航欄應當有的用途大不相同,這樣的設計違反了設計常規。
好在近期幾年,情形改善了許多,但還是能發當前有些不應當發生的低級謬誤,比如:循環展示模塊上面鏈接失效,或者點擊鏈接的時候彈出了框。因此,要緊跟設計常規。
4.防止回答問題
客戶瀏覽網頁都是有目標的。或許是想娛樂一下,或許是查找信息,或許是跟家人或朋友保持聯絡,或許是其它宗旨。不管他們做什么,總會有一個目標。
當前你需要記住的最關鍵的是,大多數情形下,客戶上網是在尋求某些信息。他們去 Google是要搜索某些東西;他們去維基百科是要進修某些東西;他們上公司站點是為了理解產品信息。他們總會有一個目標。
當我明晰地想去網頁上找一個問題的結論的時候, 它們卻就是找不到, 這種問題在我身上已經發生n次了. 我能了解設計代理(機構)們為什么不是始終都突出表述價格原因, 由于在一個項目里面變量太多, 但我就是不能了解一個發廊為什么不告訴我理發究竟需要多少錢, 我也不能了解洗車企業的網站上為什么不突出表述我洗干凈車需要多少錢, 那你為啥還要在這個地球上建一個網站呢? 我只是覺得這對你和你的訪客都是無益的, 你倆誰也不能從中獲取任何有用的信息.
在訪客訪問你的網站的時候理解他們的意圖是個好主意, 如果有人想去下載博客主題, 那就引導他們到下載區域, 如果他們是為了玩游戲而來, 那就盡量多放些游戲在上面, 如果他們是來理解產品價格或者你所能提供的服務的, 那就突出表述它們.
你需要思考你的網站訪客的需求的因素是你的網站不是給你自己建的, 如果你是給你自己建的, 你就別聯網, 徑直在你自己的電腦上看就能夠了, 一個網站是為訪客而建的, 訪客是有需求的, 實現它們(的需求)吧!
5.小塊可點擊區域
由于我買了臺Mac所以從不用鼠標。事實上我買了一只魔術鼠標,就在它們被發布并銷售僅僅三天以后。由于對我來講再沒有何需要用到鼠標的地方了。我用觸 摸板移動電腦指針動作極其熟練。但我記得五年前,當我仍然操作PC的時候,我也曾有種種各樣的垃圾鼠標。它們并不一直很正確,而且在懸停于小塊區域的時候 時常定調很困難。
當前我再也沒有這個問題了。但是web不是僅僅給我用的。大概有數以億計的客戶,所以你應當明白不是他們所有人都能這么熟練的操作這些奇妙的工具。
小塊可點擊區域有時候令人不那么舒服。你也許想讓字體顯得小一點,由于你相信這樣看起來很漂亮,但你要思考到你的決定對可用性的影響有多大(我們不妨再來瞧瞧可讀性)。
緊要的是不但要保證鏈接是可見的,還要讓它們是可點擊的。這個區域越小,人們點擊它們就越難。這里面有一個網站趨向移動化背后因素——就是說部署需要適應更小的屏幕。需要適應的東西之一就是按鈕,按照建議它們應當在便攜式設備上變為更大,好讓它們容易被點擊。
同樣的戰略也適用于桌面環境。新的扁平化客戶界面的風潮是這個理念的布道者。你不會有點擊又大又清晰的鏈接的煩惱。保證讓你的客戶更輕易的瀏覽。再說一次,關注于功能性,讓美觀成為一個神奇蛋糕上面的櫻桃。
6.缺少聯絡信息
有幾件事比糟糕的 用戶服務更使我惱怒。其中之一就是根本無法聯絡上客服或者負責該事務的企業。
正如我們以前探討的,人們一直帶著宗旨來訪問網頁。如果他們的宗旨是跟你取得聯絡,那么從他們的角度來講,如果找不到聯絡方式那么這個頁面就毫無用處。
沒有任何借口能夠不提供聯絡信息。如果你不想把你自己的電話號碼公之于眾,能夠留下你的e-mail。對了,你也能夠買個便宜的手機配個劃算的套餐,然后 留下這個號碼,或者申請一個新的e-mail。你想要避開垃圾郵件嗎? 能夠操作一種機器無法自動辨別的聯絡方式。共享Twitter或者Facebook地址,也沒什么大不了。這都沒什么,只要能給你的 用戶一個以某種方式找 到你的機遇。
7.搜索功能
眾多客戶都是任務導向型的, 也就是說他們來到網站上僅為獲得指定的信息而并不對其他東西感興趣. 如此看來, 你會發現一個好的搜索功能會變為多么的緊要.
但這并不意味著你需要在每個頁面都提供一個搜索欄, 如果你運作著一家設計企業, 只有一個單頁式網站用于提供項目和聯絡方式的信息, 那就沒必要提供搜索功能.
然而, 如果說你運行著一個博客或者其他任何內容主打的網站, 搜索將會是眾多客戶首先會去操作的功能, 研討表明第一時間會去查找搜索欄的客戶的比例占到了所有客戶的一半以上, 真的是重大的超乎了我們的想象.
假設你在一個類似于WordPress的平臺上運行著一個網站, 你將能夠借助其內部集成的搜索功能, 另外你也能夠始終操作Google提供的搜索, 由于智能搜素引擎可能已經索引了你的所有(或者大部分)網頁, 你不再需要去自行編寫搜索功能, 所以你沒有原因不在你的網站上操作它.
8.強制性的注冊要求
允許客戶在必須注冊或者付費以前,能對軟件或者功能有個預覽,比要求他們立即注冊要好得多?;ヂ摼W上看到的有些優質的觀念或者想法,一直要求我先注冊,令人不爽。
不,在可以操作你的應用以前,我不會想把我的電話、住址和鞋碼留給你。我需要馬上就能試用一下來決定它是否合適我。
這種說法,也是手機UX/UI設計大師Luke Wroblewski (關聯參考在文章最后)所贊同的。他相信,客戶在做出決定以前,應當先窺見到產品的內在。這很簡易,也是全部意義之所在。
不管你是做什么的, 銷售還是生產, 不要要求網上的客戶在他們還沒確立需要該產品的情形下就實行支付(負擔), 不然他們會感覺受了欺騙, 當然你也就永遠的失去了他們. 一個好的例子就是水果忍者, iOS平臺上很潮的游戲, 它一直以一個免費示例版的模式出現, 然后過了一段周期之后, 也就是你已經迷上這個示例版的時候, 你會感覺你有點想要更大的挑戰, 然后你就購買了游戲的完整版本. 這就是我所做的, 而且我覺得這的確說的過去, 我會一著手就在不能試玩的前提下購買這個游戲么? 扯淡.
這不僅僅是針對設計人員的一堂課, 也適用于眾多的企業和制造商們, 如果你的產品夠好, 不要立即呼吁客戶去訂購, 相反, 你應當盡快的提供給他們免費試用你的產品的機遇, 你應當確信的是如果產品真有你想的那么好的話, 他們是會買的.
9.注冊表單
Luke Wroblewski在他的關鍵提醒中常常提及的另一個問題是注冊表單。我都曾經操作過注冊。你極其喜希望立刻注冊一個帳號(由于某種程度上他能夠滿足你的某種需求),但是因為注冊表單太長。于是你可能放棄注冊,這樣一個隱性的顧客就會失去。
讓注冊表單盡可能的簡易。只要求最關鍵的信息,郵箱、密碼和客戶名。完成注冊后,你能夠讓他們選取填寫更多的小節。這同樣也適宜前面提及同樣的原則。為了 提交,客戶需要先試試你的產品。如果 用戶不能確立是否喜愛你的產品,那么憑什么他們會把他們的家庭地址、真實姓名和職稱等信息給你呢?頂多你得到有些冒填 的虛假信息,在他們確立想操作你的產品前,你不會得到真實信息的。
現如今,許多網站已經能夠實現通過Twitter或者Facebook 即可登錄。這很棒,使得登錄極其簡易快捷。你為此不需要記憶太多的帳號和密碼。只要你能登錄Facebook,你也就能夠登錄那些操作API注冊的網站。 固然不是所有人都操作這個路徑,但是請給客戶提供這種可能的登錄路徑。
不統一的設計
如果網站有一個白色的背景和一個頂部導航區,就不要把關聯頁面弄成黑色并把導航挪到頁面底部。它會令我懷疑自己是否還在同一個網站上,我可不想在這個問題上浪費時間。
整個網站要保持一樣的部署。給你的頁面網格體系規定一個列數,不管是幾列只要適合就行,并在整個網站中貫徹這個規定。同樣的規則適用于背景色,鏈接的顏色,排版和設計原則??傊刮以邳c擊“關于”頁面以前,能清楚的知曉我還在同一個網站上。
10.圖片的誤用
設計的一個基礎原則就是,不要操作那些你其實并需要的元素。對圖片來講也是這樣,不要只是為了填滿頁面而操作它們。研討表明,客戶趨向于忽視那些只是填充頁面的圖片。所以如果你沒有何要展示的話,我最不想看到的就是隨機展示的圖片。
如果你決定要操作圖片,至少要確保把它們放到精確的位置。我討厭某站網站,把正文寫到一個兩列寬的表格里,還用整行寬的圖片把正文分隔開。這一直讓我考 慮:我是應當接著看右側第二列然后看圖片下的第一列呢,還是應當先看圖片下的第一列?這真是讓人厭惡,而更讓人厭惡的是不同網站在處理這一問題時操作了不 同的方式。 如果你要操作圖片,要確保我在讀文字時不會被圖片影響太多,這是最關鍵的。我需要的只是閱讀。
哦,順便說一下,如果你想知曉為何我不愿意思考這個問題(或者為何客戶不愿意思考), 我強烈推薦你看一下Steve Krug’s 的書。你能夠在本文最后的參考中找到該書的鏈接。
答案
如果你想成為一個好的網站設計師,你只需根據上面的流程行事即可。你無需成為一個客戶體驗專家,上面我寫的真的只不過是有些常識,但是在大多數時候正是它們使得一個頂級的網站與一個像樣的網站差別開來。
這也很大程度上歸因與你對客戶的興趣。如果你制作網站只是為了維持生計,那么你無需這些規則。你也可能只是一個低于自我期望的設計師,會在若干年內失敗。 如果你為你的訪問者思考更多,想給他們提供一個好的網站體驗,那么你需要知曉,什么叫應當著手開始處理的基礎要點。正如前文所述,網站不需要漂亮。應當記 得的是,沒有何比一個簡易的、運行優異的網站更漂亮的了。