5個簡單方法讓網(wǎng)站對平板設備更友好
- 威海移動搜索優(yōu)化 威海移動搜索
- 2745
使用平板電腦的人越來越多,根據(jù)IDC的估計,2012年全球平板電腦的銷售量就達到1.19億臺,但是專門為7-10寸屏幕設計的網(wǎng)站并不多。最近UX雜志在Mashable的刊登了一篇文章「 5簡便的方法來您的網(wǎng)站的Tablet 」,編譯如下:
在美國,有將近7000萬的平板電腦用戶,是2011年的兩倍。這個國家有將近30%的網(wǎng)絡流量來自平板電腦,2011年至2012年間電子商務網(wǎng)站來自平板電腦的流量甚至成長了。
方法都非常簡單,見過簡單的CSS修改,就可以讓網(wǎng)站對平板用戶更友好了。
5個簡單方法讓網(wǎng)站對平板設備更友好 移動互聯(lián)網(wǎng) 網(wǎng)站設計 建站教程 第1張
什么是點擊的“Tappiness”?
這些都能讓使用者安心瀏覽。
5個簡單方法讓網(wǎng)站對平板設備更友好 移動互聯(lián)網(wǎng) 網(wǎng)站設計 建站教程 第2張
5個簡單方法讓網(wǎng)站對平板設備更友好 移動互聯(lián)網(wǎng) 網(wǎng)站設計 建站教程 第3張
你可以用自適應網(wǎng)頁設計(Responsive Web Design)
但其實還有別的方法。
以下是幾個改善使用者體驗的小步驟,你一天之內(nèi)就可以搞定。
改善網(wǎng)站的“點擊”
只要對網(wǎng)站的CSS進行修改
1, 按鈕擴大到45-57像素,使平板用戶更容易操作。
5個簡單方法讓網(wǎng)站對平板設備更友好 移動互聯(lián)網(wǎng) 網(wǎng)站設計 建站教程 第4張
2,確保帶有提示鏈接,讓用戶知道這里可以點擊。
5個簡單方法讓網(wǎng)站對平板設備更友好 移動互聯(lián)網(wǎng) 網(wǎng)站設計 建站教程 第5張
3,如果版面設計上允許的話,為網(wǎng)站導覽選單上的東西增加填充(留白),增加個5-10像素。
5個簡單方法讓網(wǎng)站對平板設備更友好 移動互聯(lián)網(wǎng) 網(wǎng)站設計 建站教程 第6張
4,增加頁面與內(nèi)容區(qū)塊的,適當留白
5個簡單方法讓網(wǎng)站對平板設備更友好 移動互聯(lián)網(wǎng) 網(wǎng)站設計 建站教程 第7張
5,擴大評論框
5個簡單方法讓網(wǎng)站對平板設備更友好 移動互聯(lián)網(wǎng) 網(wǎng)站設計 建站教程 第8張
綜上所述,這樣的網(wǎng)頁設計一切原則都是讓手指的操作更容易。
來源:盧松松博客