4.可讀性
因為網(wǎng)站中的主要內(nèi)容都是文字,所以確保每部分內(nèi)容都清晰易讀是尤其重要的。下面是改進(jìn)網(wǎng)站可讀性所需考慮的要點:
- 使文本足夠大以便閱讀;
- 確保文字與背景有足夠的對比;
- 在文字周圍提供足夠的留白以避免其他圖片和內(nèi)容干擾讀者;
- 提供充足的大標(biāo)題和高亮/粗體字,以便讀者快速獲取關(guān)鍵信息;
- 為個別文字區(qū)域添加圖片和圖標(biāo)來強調(diào)內(nèi)容,如產(chǎn)品或功能描述;
- 保持文字簡潔并突出重點;
現(xiàn)在讓我們來看看蘋果和微軟在這方面做得如何。這是 Apple.com 上一個典型的頁面:
蘋果使所有東西都輕松易讀。其文字雖然很小,但都不至于太小使閱讀困難。標(biāo)題很大很突出,使人很快就能找到這一部分的要點。蘋果還大量地運用留白以區(qū)分每一部分,并添加圖片提升每段文字的趣味性。
這是 Microsoft.com 上的一個典型頁面:
它遵循了可用性設(shè)計的通常準(zhǔn)則,把大塊的東西分割成容易理解的小段文字。其頁面上的更多內(nèi)容和對標(biāo)題及高亮文字的多種不同處理方式,使它看起來要比蘋果的網(wǎng)站忙得多。
頁面上的過多樣式導(dǎo)致了視覺的混亂,各種不同的顏色和粗體字吸引著人們的注意力,在這種情況下,頁面需要簡單化以使訪問者更易閱讀。這是微軟的另一個網(wǎng)頁,微軟安全中心:
頁面上的文字過小而難以閱讀,而且它需要更多的留白來把文本分離開來。再來看看 Apple.com 上一個繁忙的頁面:
這是蘋果在線商店,到處都有大量的商品信息和分類鏈接。字體小得恰到好處以容納更多內(nèi)容,當(dāng)然,留白的良好運用仍然確保了頁面的可用性。
出處:Just 不咯個
責(zé)任編輯:moby
上一頁 Apple與Microsoft網(wǎng)站可用性研究 [3] 下一頁 Apple與Microsoft網(wǎng)站可用性研究 [5]
|