您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 交互設(shè)計 >> 瀏覽設(shè)計教程

12個糟糕的移動網(wǎng)站體驗(yàn)錯誤

 

移動網(wǎng)頁對不少網(wǎng)站來講是一個新事物,很多網(wǎng)站可能壓根就沒有考慮過移動站點(diǎn),但這好像不能成為移動網(wǎng)站體驗(yàn)糟糕的借口。下面是常見的一些糟糕的移動網(wǎng)站體驗(yàn)錯誤:

  1、突然切換到桌面網(wǎng)頁

  有一些網(wǎng)站提供了wap版和桌面版,但因?yàn)樵O(shè)計和技術(shù)的疏忽,很可能給用戶的頁面是桌面的,造成體驗(yàn)的困擾。

  2、太小的CTAs(行動按鈕)

  你已經(jīng)搜索了一圈,現(xiàn)在打算購買,此時網(wǎng)站要做的是提供一個好看的,足夠大的“現(xiàn)在購買”按鈕。但不湊巧的事情很多網(wǎng)站提供的按鈕仍然非常微小,而且擁擠。

  左邊這個添加到購物車設(shè)計還不錯,雖然產(chǎn)品頁面里面的尺寸還可以更大一點(diǎn),而右邊這個看起來就沒有多少讓人點(diǎn)擊的欲望。

12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事

  3、無法使用后退按鈕

  這是不少移動網(wǎng)頁上常見的問題,當(dāng)不盡如人意時,你想后退都難。

  4、突然彈窗

  能夠理解網(wǎng)站有好事情告知用戶的心情,但是有更好的方法來處理這個事情。

12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事

  5、文字鏈

  比過小的CTA還糟糕的就是文字鏈。它們可能在PC上顯示很OK,但在手機(jī)上可能糟糕地一無是處。下面這個文字鏈你想點(diǎn)都困難。

12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事

  6、很小的文本域

  跟過小的CTA一樣讓人煩惱,對比下面兩幅圖里面的體驗(yàn),高下立分。

12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事

  7、頁面打開緩慢

  對于在手機(jī)上的同學(xué)來說打開緩慢的頁面對他們是種折磨,如果你還是一家想讓用戶付錢買東西的網(wǎng)站,過慢的網(wǎng)頁打開速度你別想擁有多少生意。

12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事

  8、不可讀的文本

  文字讓人清晰可讀很關(guān)鍵,對比下面兩張圖,高下顯然。

12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事

  9、不起作用的按鈕

  如果按鈕都不能起作用了,你還能希望用戶完成下一步的動作么?

  10、信中發(fā)送桌面網(wǎng)頁URL

  除了有可能過長的URL外,你還可能把手機(jī)用戶導(dǎo)向了體驗(yàn)不好的桌面站點(diǎn)。

12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事

  11、式的站點(diǎn)不再響應(yīng)

  響應(yīng)式設(shè)計是很受歡迎的移動站點(diǎn)設(shè)計思路,但有時候你的響應(yīng)式設(shè)計未必響應(yīng)。

12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事

  12、在手機(jī)上播放的視頻

  不管是Flash還是MP4,HTML5,你提供了就得讓用戶能夠播放不是

12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事12個糟糕的移動網(wǎng)站體驗(yàn)錯誤,互聯(lián)網(wǎng)的一些事
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/id1601.html
設(shè)計感悟——產(chǎn)品的三個屬性
提高表格可讀性的一些技巧
圖趣網(wǎng)微信
建議反饋
×