網(wǎng)站策劃必須要注意的可用性設計
時間:2022-05-29 07:36:01 | 來源:網(wǎng)絡營銷
時間:2022-05-29 07:36:01 來源:網(wǎng)絡營銷
可用性主要是指使一個功能或者產(chǎn)品易于使用,但同時也要保持產(chǎn)品質量維持在高水平上。在過去十年中高品質的可用性一直是各個行業(yè)討論的核心,因為它對用戶來說越來越重要。一般來說,良好的可用性成為那些成功的初創(chuàng)公司的核心。多數(shù)情況下,簡單的想法最具創(chuàng)造性的,好的可用性也可以幫助建立品牌知名度,從而提升用戶對一個網(wǎng)站或者是一家公司的評價。就今天的市場形勢來看,億企邦覺的人們依然高度關注可用性的,因為眾多的互聯(lián)網(wǎng)成功案例已經(jīng)證明了好的可用性策略是多么重要。
如今,在談到一個網(wǎng)站前期策劃的時候,很多人會談到普遍使用的概念,在對該話題年復一年的討論之后,似乎設計者們仍然很難去理解它。對于網(wǎng)站結構的可用性設計,其實我研究的也不是太深,不過今天我還是想在億企邦的平臺上跟大家分享一下我的觀點:
1、設置好鏈接的顏色 我經(jīng)常發(fā)現(xiàn)自己在瀏覽一些網(wǎng)頁時,有些頁面上要推薦的鏈接沒有以某種形式高亮顯示。這是我見過設計的最大錯誤。我愿意訪問那些鏈接使用默認藍色的頁面,而不是鏈接和普通文字一個顏色的頁面。用戶需要知道如何在頁面之間導航、在哪兒能點擊鏈接。你不能指望他們把鼠標一行行的掠過所有文字去找鏈接,直到發(fā)現(xiàn)鼠標箭頭變成“小手兒”。
我完全理解,有時候出于設計考慮,鏈接不能使用某種顏色來高亮顯示,這樣會使它們顯得太過突兀。這完全是可以理解的。但是可以添加文字樣式或者虛線框,你需要的只是以這種或那種方式來強調鏈接而已。
訪問過的鏈接也應當以不同的方式來顯示,以區(qū)別于默認的鏈接顏色。因為這樣可以幫助用戶知道他們已經(jīng)訪問過什么,從而確定下一步要去哪兒。一些網(wǎng)站會使用戶困惑,但是讓他們知道自己已經(jīng)訪問過什么,絕對會使他們對你的網(wǎng)站印象更好。
2、框架及文章的排版 當我們談到排版,并不是說我們需要一個大大的標題,或者一段漂亮的文字。當我們考慮易用性時,排版的漂亮與否并不那么重要,重要的是排版要如何使我們的內容易于閱讀。
緊密排列的大段文字會使閱讀它的人感到非常頭疼,但它應該不會讓設計師頭疼。他只需要簡單的增加行高,進行分段,增加文字大小,改變字體,就能使它更容易閱讀。對此大家可以查看下億企邦的《如何才能讓頁面文字閱讀起來更舒適?》來了解。
在網(wǎng)頁設計中,如何搭配字體的和用什么樣的顏色來喚醒訪客,并不是十分重要。當然,你會這些那就更好。在過去的幾年中,我們總是錯誤的將美感重要性放到功能性之上。其實網(wǎng)站最重要的特性它易用性,它并不像圖形設計領域那樣有很很大的局限性。有的時候我們不在乎它能有多么的好看,僅需要的是它能正常工作而已。
讓我來作進一步的解釋,互聯(lián)網(wǎng)上兩股最新的設計思潮,極簡主義和扁平化設計,都極其的簡約并聚焦于內容的呈現(xiàn)而非背景圖該多漂亮才好。在極簡主義與扁平化設計變得越來越流行的后面有個原因就是他們非常簡單,而且工作良好,有時候你或許真的是很難去相信如此簡單的一個網(wǎng)站卻能獲得巨大的成功,你進入網(wǎng)站,看完內容,然后走人,沒有東西使你分心,沒有Flash,沒有使得網(wǎng)站加載變慢的Javascript,沒有好看的花兒或圖樣,僅僅是內容而已,但卻很受用戶的喜歡。
現(xiàn)在,你應該明白了讓內容變得易于訪問是多么的重要的道理,不要在第一時間花費太多的精力去思考該如何讓網(wǎng)站變得多漂亮,無論字體有多優(yōu)美,別人如果不能閱讀的話也是枉然。
3、參照慣例策劃網(wǎng)站 參照設計慣例和易用性建議是非常重要的,因為無論你是誰,只要你按照那么做了,那么用戶會在你的網(wǎng)站上花費的時間會和在其他網(wǎng)站上花費的一樣多,這意味著你和其他人站在了同一起跑線上。
舉一個例子讓大家更清楚的理解我到底想要表的什么。這有這么一個網(wǎng)站,在它導航欄上放置了一鏈接來退出頁面。這個按鈕的作用,這與通常所理解的導航欄應該有的作用大不相同,這樣的設計違反了設計慣例。
好在最近幾年,網(wǎng)站的這種情況都改善了很多,但還是能發(fā)現(xiàn)在一些不應該發(fā)生的低級錯誤,比如:循環(huán)展示模塊上面鏈接失效,或者點擊鏈接的時候彈出了確認或取消框。因此,要緊跟設計慣例。
4、快速解答客戶的需求 用戶瀏覽網(wǎng)頁都是有目標的。也許是想娛樂一下,也許是查找信息,也許是跟家人或朋友保持聯(lián)系,也許是其它目的。不管他們做什么,總會有一個目標。
現(xiàn)在你需要記住的最重要的是,大多數(shù)情況下,用戶上網(wǎng)是在尋求某些信息。他們去百度和Google是要搜索某些東西;他們去技術教程類網(wǎng)站是要學習某些東西;他們上企業(yè)站點是為了了解產(chǎn)品信息。他們總會有一個目標。
當我明確地想去網(wǎng)頁上找一個問題的答案的時候,它們卻就是找不到,這種問題在我身上已經(jīng)發(fā)生n次了。我能理解一些機構為何不突出表述價格因素,因為在一個項目里面變量太多,但我就是不能理解一個理發(fā)店為何不告訴我理發(fā)到底需要多少錢?我也不能理解洗車公司的網(wǎng)站上為何不突出表述我洗干凈車需要多少錢?那你為啥還要在互聯(lián)網(wǎng)上建一個網(wǎng)站呢?我只是覺得這對你和你的訪客都是無益的,因為誰也不能從中獲得任何有用的信息。
在訪客訪問你的網(wǎng)站的時候想方法去了解他們的意圖是個好思路的,如果有人想去下載博客主題,那就引導他們到下載區(qū)域,如果他們是為了玩游戲而來,那就盡量多放些游戲在上面,如果他們是來了解產(chǎn)品價格或者你所能提供的服務的,那就突出表述它們。
你需要考慮你的網(wǎng)站訪客的需求的原因是你的網(wǎng)站不是給你自己建的,如果你是給你自己建的,你就別聯(lián)網(wǎng),直接在你自己的電腦上看就可以了,一個網(wǎng)站是為訪客而建的,訪客是有需求的,實現(xiàn)它們的需求,就是你網(wǎng)站的最大的成功!
5、注重網(wǎng)站的功能性 因為我買了臺Mac所以從不用鼠標。事實上我買了一只魔術鼠標,就在它們被發(fā)布并銷售僅僅三天以后。因為對我來說再沒有什么需要用到鼠標的地方了。我用觸摸板移動電腦指針動作非常熟練。但我記得五年前,當我仍然使用PC的時候,我也曾有各種各樣的垃圾鼠標。它們并不總是很精確,而且在懸停于小塊區(qū)域的時候經(jīng)常定位很困難。
現(xiàn)在我再也沒有這個問題了。但是web不是僅僅給我用的。大約有數(shù)以億計的用戶,所以你應該明白不是他們所有人都能這么熟練的使用這些奇妙的工具。
小塊可點擊區(qū)域有時候可能會令人不那么舒服。你或許想讓字體顯得小一點,因為你相信這樣看起來很漂亮,但你要考慮到你的決定對可用性的影響有多大(我們不妨再來看看億企邦上的《如何優(yōu)化平板電腦設備中展示的網(wǎng)站效果》)。
重要的是不但要保證鏈接是可見的,還要讓它們是可點擊的。這個區(qū)域越小,人們點擊它們就越難。這里面有一個網(wǎng)站趨向移動化背后原因——就是說布局需要適應更小的屏幕。需要適應的東西之一就是按鈕,根據(jù)建議它們應該在便攜式設備上變得更大,好讓它們容易被點擊。
同樣的策略也適用于桌面環(huán)境。新的扁平化用戶界面的風潮是這個理念的布道者。你不會有點擊又大又清晰的鏈接的煩惱。保證讓你的用戶更輕松的瀏覽。再說一次,專注于功能性,才能讓美觀成為一個神奇蛋糕上面的櫻桃。
6、按鈕的視覺效應 我們知道按鈕有未動作、鼠標經(jīng)過、鼠標按下、彈起四種狀態(tài),但是現(xiàn)在大多數(shù)網(wǎng)站的按鈕都只設計了未動作、鼠標經(jīng)過這兩種狀態(tài),其中更有不管你小鼠標怎么蹂躪它都只有一種狀態(tài)者。這里我不是說這些做法不好,只是覺得如果我們在設計的時候加上鼠標按下狀態(tài)會提升瀏覽者的滿意度,讓他們在點擊之中獲得快感。就像我們平常進行的開關燈操作一樣,當手指放在開關面板上按下,伴隨著“啪”這個輕脆聲音,開關被按下,燈亮了。
上圖中百度一下的鼠標按下狀態(tài)加深了顏色,google搜索則直接將底色置灰,從視覺上給了瀏覽者最直觀的感受這個按鈕我按下了。從而增加了網(wǎng)站是用戶體驗度。
7、不要忘記展示聯(lián)系信息 在網(wǎng)上了解一些產(chǎn)品的時候,還有幾件事比糟糕的客戶服務更使我惱怒。其中之一就是根本無法聯(lián)系上客服或者負責該事務的公司。
正如我們之前討論的,人們總是帶著目的來訪問網(wǎng)頁。如果他們的目的是跟你取得聯(lián)系,那么從他們的角度來說,如果找不到聯(lián)系方式那么這個頁面就毫無用處。
如果你不想把你自己的電話號碼公之于眾,可以留下你的qq或e-mail。對了,你也可以買個便宜的手機配個劃算的套餐,然后留下這個號碼,或者申請一個新的qq或e-mail。你想要避開垃圾郵件嗎? 可以使用一種機器無法自動識別的聯(lián)系方式。分享微博或微信地址,也沒什么大不了。這都沒什么,只要能給你的客戶一個以某種方式找到你的機會。
8、搜索功能 億企邦認為網(wǎng)絡上許多用戶都是任務導向型的,也就是說他們來到網(wǎng)站上僅為獲取指定的信息而并不對其他東西感興趣,如此看來,你會發(fā)現(xiàn)一個好的搜索功能會變得多么的重要。
但這并不意味著你需要在每個頁面都提供一個搜索欄,如果你運營著一家設計公司,只有一個單頁式網(wǎng)站用于提供項目和聯(lián)系方式的信息,那就沒必要提供搜索功能。
然而,如果說你運行著一個博客或者其他任何內容主打的網(wǎng)站,搜索將會是許多用戶首先會去使用的功能,億企邦提供的數(shù)據(jù)研究表明第一時間會去查找搜索欄的用戶的比例占到了所有用戶的一半以上,這個真是極大的超乎了我們的想象。
假設你在一個類似于WordPress的平臺上運行著一個網(wǎng)站,你將可以利用其內部集成的搜索功能,另外你也可以始終使用Google提供的搜索,因為智能搜素引擎可能已經(jīng)索引了你的所有(或者大部分)網(wǎng)頁,你不再需要去自行編寫搜索功能,所以你沒有理由不在你的網(wǎng)站上使用它。
9、不要設置強制性的注冊 億企邦認為允許用戶在必須注冊或者付費之前,能對軟件或者功能有個預覽,比要求他們立即注冊要好得多。目前互聯(lián)網(wǎng)上看到的一些優(yōu)秀資料的概念或者想法,總是要求我先注冊,這個真的令人很不爽呀!
因為在能夠使用或了解你的應用之前,大家都不會想把自己的電話、住址和郵箱留給你的。這需要試用一下,才能決定它是否適合我們去注冊。我相信,用戶在做出決定之前,都應該先窺見到產(chǎn)品的內在。這很簡單,也是全部意義之所在。
不管你是做什么的,銷售還是生產(chǎn),不要要求網(wǎng)上的用戶在他們還沒確定需要該產(chǎn)品的情況下就進行支付,不然他們會感覺受了欺騙,當然你也就永遠的失去了他們。
一個好的例子就是水果忍者,iOS平臺上很潮的游戲,它總是以一個免費示例版的形式出現(xiàn),然后過了一段周期之后,也就是你已經(jīng)迷上這個示例版的時候,你會感覺你有點想要更大的挑戰(zhàn),然后你就購買了游戲的完整版本。這就是我們所要去規(guī)劃的,而且我覺得這也確實能順理成章的進行下去。
這不僅僅是針對設計人員的一堂課,也適用于許多的公司和制造商們,即使你的產(chǎn)品夠好,也不要立即呼吁用戶去訂購,相反,你應該盡快的提供給他們免費試用你的產(chǎn)品的機會,你應該確信的是如果產(chǎn)品真有你想的那么好的話,他們是會買的。
10、注冊表單不要有過多要求 我都曾經(jīng)注冊個表單,光要填的回答就超過了10條,最后就直接放棄了?;蛟S當你看到一個很好的網(wǎng)站,也非常喜希望馬上注冊一個帳號(因為某種程度上他可以滿足你的某種需求),但是由于注冊表單太長。于是你可能放棄注冊,這樣對于你來說,一個潛在的顧客就會失去。如下圖:
讓注冊表單盡可能的簡單。只要求最重要的信息,郵箱、密碼和用戶名。完成注冊后,你可以讓他們選擇填寫更多的細節(jié)。這同樣也符合前面提及同樣的原則。為了提交,用戶需要先嘗試你的產(chǎn)品。如果客戶不能確定是否喜歡你的產(chǎn)品,那么憑什么他們會把他們的家庭地址、真實姓名和職稱等信息給你呢?頂多你得到一些冒填的虛假信息,在他們確定想使用你的產(chǎn)品前,你不會得到真實信息的。
11、網(wǎng)站設計風格一致 如果網(wǎng)站有一個白色的背景和一個頂部導航區(qū),就不要把相關頁面弄成黑色并把導航挪到頁面底部。它會令我懷疑自己是否還在同一個網(wǎng)站上,我可不想在這個問題上浪費時間。
另外億企邦建議設計師們對整個網(wǎng)站要保持一樣的布局。給你的頁面網(wǎng)格體系規(guī)定一個列數(shù),不管是幾列只要合適就行,并在整個網(wǎng)站中貫徹這個規(guī)定。同樣的規(guī)則適用于背景色,鏈接的顏色,排版和設計原則。總之要使我在點擊任何一個頁面之前,能清楚的知道我還在同一個網(wǎng)站上。
12、合理搭配圖片 設計的一個基本原則就是,不要使用那些你其實并需要的元素。對圖片來說也是這樣,不要只是為了填滿頁面而使用它們。研究表明,用戶趨向于忽略那些只是填充頁面的圖片。所以如果你沒有什么要展示的話,我最不想看到的就是隨機展示的圖片。
如果你決定要使用圖片,至少要確保把它們放到正確的位置。我討厭某站網(wǎng)站,把正文寫到一個兩列寬的表格里,還用整行寬的圖片把正文分隔開。這總是讓我考慮:我是應該接著看右側第二列然后看圖片下的第一列呢,還是應該先看圖片下的第一列?這真是讓人厭惡,而更讓人厭惡的是不同網(wǎng)站在處理這一問題時使用了不同的方式。如果你要使用圖片,要確保我在讀文字時不會被圖片影響太多,這是最重要的。我需要的只是閱讀。
思維感悟: 如果你想成為一個好的網(wǎng)頁設計師,你只需按照上面的步驟行事即可。你無需成為一個用戶體驗專家,上面我寫的真的只不過是一些常識,但是在大多數(shù)時候正是它們使得一個頂級的網(wǎng)站與一個像樣的網(wǎng)站區(qū)別開來。
這也很大程度上歸因與你對用戶的興趣。如果你制作網(wǎng)站只是為了維持生計,那么你無需這些規(guī)則。你也可能只是一個低于自我期望的設計師,會在若干年內失敗。如果你為你的訪問者考慮更多,想給他們提供一個好的網(wǎng)站體驗,那么你需要知道,什么是應該開始著手處理的基本要素。正如前文所述,網(wǎng)站不需要漂亮。應該記得的是,沒有什么比一個簡單的、運行優(yōu)異的網(wǎng)站更漂亮的了。