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