技術(shù)資訊

網(wǎng)站設(shè)計(jì)可用性的重要之處

2014-12-18 09:16:13

可以說(shuō)隨著互聯(lián)網(wǎng)競(jìng)爭(zhēng)日益的激烈，青島網(wǎng)站的各方面相識(shí)的地方越來(lái)越多，但是我們自己說(shuō)了不算，最重要的就是用戶體驗(yàn)回饋來(lái)的信息怎么樣?？捎眯砸彩且粋€(gè)設(shè)計(jì)者必須要重視的原則，每一名設(shè)計(jì)師從多個(gè)方面闡述了可用性原則在具體網(wǎng)站設(shè)計(jì)中的細(xì)節(jié)實(shí)現(xiàn)和具體案例，值得網(wǎng)站設(shè)計(jì)者們學(xué)習(xí)，參考。

以“一致性的視覺(jué)設(shè)計(jì)”為例，作者指出，當(dāng)一個(gè)網(wǎng)站的視覺(jué)設(shè)計(jì)整潔連貫，高度一致時(shí)，用戶很容易不費(fèi)腦力去理解如何使用網(wǎng)站，不一致的視覺(jué)設(shè)計(jì)，有可能會(huì)讓人感覺(jué)到欺騙，當(dāng)界面設(shè)計(jì)得過(guò)于跳躍和創(chuàng)新，用戶可能在第一眼難以理解，不得不重新學(xué)習(xí)如何使用那些他們本已經(jīng)熟悉的東西。視覺(jué)一致性可以提高產(chǎn)品所塑造的品牌形象，一定程度上減少用戶的認(rèn)知成本。

達(dá)到“一致”的界面，并非指界面元素需要“統(tǒng)一”，視覺(jué)上可以有很多不同的表現(xiàn)手段，世界上沒(méi)有兩個(gè)相同的雞蛋，為了一致，網(wǎng)站信息架構(gòu)很重要。具體體現(xiàn)在形狀、色彩、界面質(zhì)感、圖標(biāo)、畫風(fēng)、文字描述、提示信息呈現(xiàn)方式等，使得網(wǎng)站在不同的欄目下，設(shè)計(jì)一致，而不是不同的欄目下頁(yè)面視覺(jué)差異大，一眼看上去，不象一個(gè)爹媽生出來(lái)的。

越來(lái)越多的瀏覽器開(kāi)始實(shí)現(xiàn)適用于中文的兩端對(duì)齊算法，在可以啟用 CSS hyphenation(斷字)的瀏覽器，我們可以考慮使用 text-align: justify; 來(lái)達(dá)到漂亮的兩端對(duì)齊效果，但如何才是理想效果?需要綜合考慮瀏覽器兼容性，良好的斷字是美觀文本的必要條件，但正確的斷字方法是按照單詞的音節(jié)將其斷開(kāi)，這樣使得用戶在閱讀時(shí)候不必讀到下一行才能拼出完整單詞，這個(gè)問(wèn)題在單行文本特別長(zhǎng)，行間距較小的時(shí)候顯得尤其重要。

一、重要強(qiáng)調(diào)了可用性設(shè)計(jì)

相互競(jìng)爭(zhēng)的網(wǎng)站通常提供相似的功能，我們經(jīng)常能感受到視頻網(wǎng)站同質(zhì)化，團(tuán)購(gòu)網(wǎng)站同質(zhì)化，社交網(wǎng)站同質(zhì)化，門戶網(wǎng)站同質(zhì)化，它們之間信息內(nèi)容重復(fù)、服務(wù)項(xiàng)目雷同，但只有提供了最佳用戶體驗(yàn)的那一個(gè)才會(huì)勝出。在網(wǎng)站設(shè)計(jì)、開(kāi)發(fā)及發(fā)布過(guò)程中，通?？捎眯詫＜視?huì)幫助評(píng)估網(wǎng)站的易用性，收集內(nèi)部反饋，測(cè)試團(tuán)隊(duì)進(jìn)行可用性測(cè)試。最為糟糕的是網(wǎng)站上線階段發(fā)現(xiàn)界面錯(cuò)誤，需要花高昂的代價(jià)修復(fù)網(wǎng)站界面錯(cuò)誤。因此分階段設(shè)計(jì)、及早測(cè)試、經(jīng)常測(cè)試是極其有必要的。

要實(shí)現(xiàn)可用性原則，作者認(rèn)為要分析用戶的真正需求：未經(jīng)解構(gòu)的用戶需求在某種程度上來(lái)講是“偽需求”，不能真實(shí)體現(xiàn)需求，往往是表面上的需求，洞察用戶表象背后的真實(shí)需求是網(wǎng)站設(shè)計(jì)的第一步。有經(jīng)驗(yàn)的網(wǎng)站設(shè)計(jì)師往往在用戶的顯性需求描述基礎(chǔ)上，探究他們的真實(shí)問(wèn)題是什么，并打磨需求。

二、搜索框必需是一個(gè)框

可通過(guò)分隔線、富文本、圖標(biāo)、圖片修飾等視覺(jué)上手段更加清晰地組織菜單結(jié)構(gòu)，大量的菜單選項(xiàng)占據(jù)了屏幕空間，遮住了一部分內(nèi)容，縮小瀏覽器尺寸或在小屏幕手持設(shè)備上不易看到全部菜單內(nèi)容。

除此之外，我們還是強(qiáng)調(diào)不要忘記保護(hù)性設(shè)計(jì)。無(wú)論對(duì)你，還是對(duì)將來(lái)的青島網(wǎng)站建設(shè)，都會(huì)有一定的幫助。

上一篇：網(wǎng)站設(shè)計(jì)的方塊元素該如何使用？

下一篇：網(wǎng)頁(yè)自適應(yīng)設(shè)計(jì)讓你輕松搞定