随著(zhe)互聯網競争日益激烈,同質化的網站越來越多,但隻有提供了最佳用戶體驗的那一個才會勝出。可用性是一個設計者必須要重視的原則,來自IBM的工程師張群撰文從多個方面(miàn)闡述了可用性原則在具體網站設計中的細節實現和具體案例,值得網站設計者借鑒。
作者首先強調了可用性設計的重要性:
内蒙古網站制作,内蒙古網站設計,内蒙古網站建設,呼和浩特網站建設,呼和浩特網站制、網站制作、計首選内蒙古呼和浩特先誠網絡科技公司、、、先誠官網:/
相互競争的網站通常提供相似的功能(néng),我們經(jīng)常能(néng)感受到視頻網站同質化,團購網站同質化,社交網站同質化,門戶網站同質化,它們之間信息内容重複、服務項目雷同,但隻有提供了最佳用戶體驗的那一個才會勝出。在網站設計、開(kāi)發(fā)及發(fā)布過(guò)程中,通常可用性專家會幫助評估網站的易用性,收集内部反饋,測試團隊進(jìn)行可用性測試。最爲糟糕的是網站上線階段發(fā)現界面(miàn)錯誤,需要花高昂的代價修複網站界面(miàn)錯誤。因此分階段設計、及早測試、經(jīng)常測試是極其有必要的。
要實現可用性原則,作者認爲要分析用戶的真正需求:未經(jīng)解構的用戶需求在某種(zhǒng)程度上來講是“僞需求”,不能(néng)真實體現需求,往往是表面(miàn)上的需求,洞察用戶表象背後(hòu)的真實需求是網站設計的第一步。有經(jīng)驗的網站設計師往往在用戶的顯性需求描述基礎上,探究他們的真實問題是什麼(me),并打磨需求。
用戶上網的習慣和逛超市基本類似,大量網頁他們幾乎不看一眼,而是掃視頁面(miàn)尋找感興趣的内容。但用戶願意爲高質量的内容而忍受廣告和糟糕的設計。網站設計者不應對(duì)用戶的耐心抱有較高的期待,多數用戶都(dōu)掃視頁面(miàn)而非閱讀,靠自己的直覺摸索,如果頁面(miàn)沒(méi)有達到用戶預期,使得學(xué)習成(chéng)本負荷越高、直觀性越差,用戶就會很輕易的離開(kāi),尋找替代的頁面(miàn)。
以“一緻性的視覺設計”爲例,作者指出,當一個網站的視覺設計整潔連貫,高度一緻時,用戶很容易不費腦力去理解如何使用網站,不一緻的視覺設計,有可能(néng)會讓人感覺到欺騙,當界面(miàn)設計得過(guò)于跳躍和創新,用戶可能(néng)在第一眼難以理解,不得不重新學(xué)習如何使用那些他們本已經(jīng)熟悉的東西。視覺一緻性可以提高産品所塑造的品牌形象,一定程度上減少用戶的認知成(chéng)本。
達到“一緻”的界面(miàn),并非指界面(miàn)元素需要“統一”,視覺上可以有很多不同的表現手段,世界上沒(méi)有兩(liǎng)個相同的雞蛋,爲了一緻,網站信息架構很重要。具體體現在形狀、色彩、界面(miàn)質感、圖标、畫風、文字描述、提示信息呈現方式等,使得網站在不同的欄目下,設計一緻,而不是不同的欄目下頁面(miàn)視覺差異大,一眼看上去,不象一個爹媽生出來的。
對(duì)于“文字對(duì)齊”問題,作者分析了兩(liǎng)端對(duì)齊的問題:當行的原始長(cháng)度差異過(guò)大時,行與行之間有明顯的疏密變化。而且對(duì)英文來說,如果沒(méi)有 hyphenation,往往也很難讓行間長(cháng)度差異适合兩(liǎng)端對(duì)齊。
越來越多的浏覽器開(kāi)始實現适用于中文的兩(liǎng)端對(duì)齊算法,在可以啓用 CSS hyphenation(斷字)的浏覽器,我們可以考慮使用 text-align: justify; 來達到漂亮的兩(liǎng)端對(duì)齊效果,但如何才是理想效果?需要綜合考慮浏覽器兼容性,良好(hǎo)的斷字是美觀文本的必要條件,但正确的斷字方法是按照單詞的音節將(jiāng)其斷開(kāi),這(zhè)樣(yàng)使得用戶在閱讀時候不必讀到下一行才能(néng)拼出完整單詞,這(zhè)個問題在單行文本特别長(cháng),行間距較小的時候顯得尤其重要。
作者指出,排版上一定要盡量兩(liǎng)端對(duì)齊的原則不一定适用于現代網站,左端對(duì)齊(flush left)、右端參差(ragged right)的排版越來越常見,人們的審美觀也在發(fā)生變化。如今的互聯網上,左對(duì)齊也是文本的默認設定。純英文文本行的長(cháng)度錯落有緻,強制右側對(duì)齊不一定是明智之選。設計師可以綜合利用hyphens; letter-spacing, text-justify等 CSS 技巧達到美觀效果。
固定元素保持慣例,作者列舉了幾個例子:
網站标題(header)往往會在網站左上方顯示。
LOGO 通常可以點擊,以回到首頁
退出登錄一般會在網站右上方顯示
版權信息總是位于最下方 footer
網站搜索框經(jīng)常會出現在網站右上方或中部上方
切換網站語言版本的功能(néng)經(jīng)常出現在網站 header 右端并配有國(guó)旗顯示更直觀
搜索框必需是一個框
注冊通常在頁面(miàn)的右上角