如何通過修改CSS樣式來增強(qiáng)平板電腦的用戶體驗(yàn)

時(shí)間：2022-05-29 18:24:01 | 來源：網(wǎng)絡(luò)營(yíng)銷

時(shí)間：2022-05-29 18:24:01 來源：網(wǎng)絡(luò)營(yíng)銷

最近，有些細(xì)心的朋友在看了億企邦網(wǎng)站中的《2012年中國(guó)網(wǎng)站發(fā)展情況及2013年網(wǎng)站運(yùn)營(yíng)發(fā)展趨勢(shì)匯總》一文后，提出在2012年中國(guó)網(wǎng)站終端分布中，移動(dòng)終端占了6%，同時(shí)具備pc及移動(dòng)終端的網(wǎng)站占了40%，而對(duì)于日益增長(zhǎng)的移動(dòng)終端使用人群，我們又該怎么來優(yōu)化我們自己的網(wǎng)站呢？又該如何來增強(qiáng)我們網(wǎng)站在平板電腦中的用戶體驗(yàn)?zāi)兀?br>
隨著使用平板電腦的人越來越多，根據(jù)億企邦收集的數(shù)據(jù)估算，2012年全球平板電腦的銷售量就達(dá)到1.19億臺(tái)，但是專門為7-10寸屏幕設(shè)計(jì)的網(wǎng)站并不多。最近在某IT雜志的一篇文章中也顯示出：在美國(guó)，有將近7000萬的平板電腦用戶，是2011年的兩倍。這個(gè)國(guó)家有將近30%的網(wǎng)絡(luò)流量來自平板電腦，2011年至2012年間電子商務(wù)網(wǎng)站來自平板電腦的流量甚至成長(zhǎng)了。

那么我們改如何來調(diào)整我們的網(wǎng)站？使網(wǎng)站對(duì)平板用戶更友好呢？其實(shí)方法也很非常簡(jiǎn)單，通過簡(jiǎn)單的CSS修改就可以實(shí)現(xiàn)了，也就是我們常說的自適應(yīng)網(wǎng)頁設(shè)計(jì)(Responsive Web Design)，不太了解的可以查看一下億企邦中的《如何利用“自適應(yīng)網(wǎng)頁設(shè)計(jì)”實(shí)現(xiàn)不同的設(shè)備上呈現(xiàn)同樣的網(wǎng)頁》的文章。

除此之外我們還可以通過一下方法來實(shí)現(xiàn)我們想要達(dá)到的效果。以下是幾個(gè)改善使用者體驗(yàn)的小步驟，有興趣的朋友可以嘗試一下。

改善網(wǎng)站的“點(diǎn)擊”，只要對(duì)網(wǎng)站的CSS進(jìn)行修改即可。

1、按鈕擴(kuò)大到45-57像素，使平板用戶更容易操作。

2、確保帶有提示鏈接，讓用戶知道這里可以點(diǎn)擊。

3、如果版面設(shè)計(jì)上允許的話，為網(wǎng)站導(dǎo)覽選單上的東西增加填充(留白)，增加個(gè)5-10像素。

4、增加頁面與內(nèi)容區(qū)塊的，適當(dāng)留白

5、擴(kuò)大評(píng)論框

以上幾點(diǎn)的改善其實(shí)目的也只有一個(gè)，那就是這樣的網(wǎng)頁設(shè)計(jì)一切原則都是讓手指的操作更容易。使得網(wǎng)友在平板電腦中更便于使用，從而達(dá)到提高客戶體驗(yàn)度的目的。

億企邦點(diǎn)評(píng)：

同傳統(tǒng)的桌面設(shè)備相比，移動(dòng)設(shè)備的使用環(huán)境更加多樣化。但是現(xiàn)在的移動(dòng)設(shè)備很少利用不同使用環(huán)境下的場(chǎng)景信息，因而用途仍舊相對(duì)單一。

適應(yīng)性設(shè)計(jì)的思維模式是一種利用現(xiàn)有設(shè)備和科技來大大增強(qiáng)用戶體驗(yàn)和產(chǎn)品用途的思維邏輯。這套邏輯的獨(dú)特之處在于學(xué)習(xí)用戶和其使用的環(huán)境并主動(dòng)適應(yīng)現(xiàn)有的使用情景和需求。因此，設(shè)計(jì)師需要首先為不同的使用情景設(shè)計(jì)，然后再設(shè)計(jì)不同的情境下觸發(fā)的不同功能。