2011年到2012年間，在三鄉(xiāng)軟件開發(fā)時，電子商務(wù)網(wǎng)站在平板電腦上的交易量增長了348%，第一次超越智能手機(jī)的交易量。由于平板市場很年輕，其未來的發(fā)展空間必定很大。
這一趨勢傳遞了一個強(qiáng)烈的信號：如果你的網(wǎng)站還沒有針對平板電腦進(jìn)行設(shè)計的話，現(xiàn)在是時候優(yōu)先考慮其在平板電腦上的可用性了。否則，忽略這一點(diǎn)可能會對網(wǎng)站的整體轉(zhuǎn)化率，回訪量，銷售量等帶來負(fù)面影響。
什么是“點(diǎn)擊愉悅感”?
當(dāng)一個網(wǎng)站具有“點(diǎn)擊愉悅感”時，用戶在手機(jī)或平板設(shè)備進(jìn)行訪問的操作將變得容易而愉快。點(diǎn)擊愉悅感包括巧妙使用的空間，易于閱讀的文本，符合邏輯的交互線索，和大尺寸的點(diǎn)擊目標(biāo)，這些讓訪問者瀏覽網(wǎng)站時充滿信心。
提升網(wǎng)站點(diǎn)擊愉悅感的6個簡易技巧
只需一些細(xì)微的CSS調(diào)整即可大大提升平板電腦的可讀性和導(dǎo)航精準(zhǔn)度。
1、增加普通按鈕和立即行動按鈕(calls-to-action)的大小和外邊距(margin)。大多數(shù)人的手指點(diǎn)擊區(qū)域約為45-57像素，千萬不要讓用戶費(fèi)勁地尋找和點(diǎn)擊“購買”按鈕。
2、鏈接和立即行動按鈕應(yīng)應(yīng)顯示為可點(diǎn)擊態(tài)，而不是hover態(tài)。在平板電腦上，hover態(tài)是不存在的。文本鏈接應(yīng)當(dāng)用清晰、對比強(qiáng)烈的顏色。不要害怕使用下劃線來表示默認(rèn)鏈接狀態(tài)。
3、增加字體大小來提升可讀性。在原有字體上，增加一些字體像素值(px值)或是提升字體顯示百分比(em值)都會好很多。正所謂事半功倍。
4、增大導(dǎo)航菜單項(xiàng)的內(nèi)邊距(padding)。可以試著先增加5-10個像素，如果設(shè)計允許的話，也可增加更多內(nèi)邊距。
5、增大頁面和內(nèi)容塊的外邊距(margin)。這一改進(jìn)可以提升整體易讀性，降低視覺復(fù)雜度。相比擁擠的網(wǎng)站來說，增加留白能營造更加易用的印象。
6、增加表單輸入框的大小和間距。這樣用戶將更容易點(diǎn)擊并輸入信息。改進(jìn)表單樣式，可以極大提升網(wǎng)站的轉(zhuǎn)化率。
另外，這些簡單的CSS變化很可能也將利于你的桌面用戶。當(dāng)然，按照慣例，正式上線前，要確保在所有平臺和瀏覽器上測試改動過的內(nèi)容。
