CASES 案例
我們的作品，他們的故事
Our work, their stories
Our work, their stories
成都網(wǎng)頁設(shè)計公司勿犯的錯誤
在我們?nèi)粘g覽網(wǎng)站或者登陸手機APP的時候，有一些網(wǎng)頁交互設(shè)計是非常讓用戶頭疼的，這些糟糕的設(shè)計不僅嚴(yán)重降低了用戶的體驗質(zhì)量也給網(wǎng)站或者APP帶來非常差的影響。所以這次特地為大家整理幾十種特別讓用戶討厭的交互設(shè)計，各位網(wǎng)頁設(shè)計師在做網(wǎng)頁設(shè)計時千萬不要重蹈覆轍哦!
1.網(wǎng)站彈出廣告
如果還是在不起眼的地方彈出廣告還好，如果廣告內(nèi)容遮蓋住了瀏覽信息不由得讓人生氣。此外很多頁面的廣告窗口內(nèi)容與網(wǎng)站主題毫無關(guān)系，甚至內(nèi)容低俗，這很容易讓用戶降低對網(wǎng)
站的信任。
2.網(wǎng)站飄浮廣告，播放音樂
前幾年的大部分網(wǎng)站，都有這樣一個功能，就是打開網(wǎng)頁的時候，每個網(wǎng)頁都有一個飄浮的小方形圖片，有的網(wǎng)站甚至有幾個這樣的飄浮廣告還自帶音樂，完全將用戶體驗拋之不顧。漂
浮廣告最大的缺點就是帶給用戶一種強制看廣告的體驗，試想哪個用戶愿意專門點進(jìn)來看廣告?
3.網(wǎng)站開新窗口
雖然好多人喜歡網(wǎng)站開新窗口，但如果打開每一個頁面都是新開窗口那就十分影響用戶體驗了。比如從首頁點擊看到一篇文章，點擊進(jìn)入新窗口后看完，又看到相關(guān)的文章，再點擊，又
是一個新窗口，如此類推，看完幾篇文章任務(wù)欄的排列已經(jīng)密密麻麻了，而且不說另外還有可能出現(xiàn)的彈出廣告頁面。
4.內(nèi)容分頁無度
有的網(wǎng)站為了提高PV，將一篇文章用程序自動分為幾個小分頁，看完一段就翻一頁，有的甚至是一小段，這種分頁嚴(yán)重破壞了用戶瀏覽網(wǎng)站內(nèi)容的完整性，想要看之前的內(nèi)容，還要回過
頭點回去，相信沒幾個用戶愿意這么干。
5.圖片水印到處留
互聯(lián)網(wǎng)的原則是分享，所以文章或者圖片資料就會在各個網(wǎng)站出現(xiàn)，但現(xiàn)在通過技術(shù)手段就可以簡單的讓文章里的圖片加上自己網(wǎng)站的水印，當(dāng)然，原創(chuàng)或者擁有版權(quán)的除外，有的圖片
甚至?xí)霈F(xiàn)許多網(wǎng)站的名稱或者域名，看到了就煩，嚴(yán)重影響了圖片的效果及用戶體驗。
6.無法提交的表單
好象在世界范圍內(nèi)，這個問題是被反映最多也是最令人無法忍受的問題。用戶在搜索框內(nèi)輸入內(nèi)容，眨眼之間沒了;壇友在論壇中激揚文字，寫下1000字的精彩吐槽，暗爽之下，提交內(nèi)容
，結(jié)果突然間頁面一片空白，一切都沒了!
你應(yīng)該這樣解決：
如果你是一名Web開發(fā)人員，那么你只需要為你的表單添加一些JavaScript代碼，使用驗證庫，或者通過Ajax來提交表單就好了。 如果你希望表單提交的時候在服務(wù)器端更符合邏輯一些
，那么請確保用戶之前填寫未曾提交的內(nèi)容能被再次填充進(jìn)去。
7.奇葩的驗證環(huán)節(jié)
我想我不是唯一討厭這個的人。長長的一串肉眼幾乎無法識別的字符，還有一些驗證機制你甚至完全不明白它是啥。當(dāng)然，如果你碰上奇葩的驗證碼的同時還無法提交，估計想死的心都
有了!圖上的中文字，你讓老外打一下?
你應(yīng)該這樣解決：
垃圾郵件和垃圾信息推送用的機器人越來越智能，這是造成驗證機制越來越復(fù)雜的主要原因。在諸多驗證機制中仔細(xì)選一下，總有幾種比較人性化。比如使用門牌號碼的圖片作為驗證內(nèi)
容，至少對于人類而言更容易識別出來。
8.垃圾郵件
當(dāng)一個網(wǎng)站開始堅持不懈地向你推送帶有無用信息的電子郵件的時候，你會恨透它的。當(dāng)然，比這個更可惡的情況是，你發(fā)現(xiàn)你無法退訂它。
你應(yīng)該這樣解決它：
作為站長的你只需要做1件事情：別發(fā)垃圾郵件了。
9.不合理的設(shè)置名稱
在網(wǎng)頁的按鈕和設(shè)置中使用過于富有創(chuàng)造性的語言，往往會讓用戶疑惑：“我了個擦，這是個啥!?到底要不要勾選?”
你應(yīng)該這樣解決它：
在設(shè)置啊按鈕這些地方盡量使用簡潔直觀的措辭，使用明確的復(fù)選框，不要使用過多的選項，盡可能讓整個設(shè)置界面邏輯清晰，分類明確。
10.超長的表單
我們會在網(wǎng)上耗費很多時間，但是在這過程中最煩的恐怕就是填寫那種超長的表單。這種情況多見于注冊網(wǎng)站或者論壇的時候，填完郵箱密碼個人信息之后，你還得填寫公司人數(shù)、喜歡
的顏色、談過幾次戀愛，等看到提交按鈕可以點擊的時候你會發(fā)現(xiàn)自己處于崩潰的邊緣。當(dāng)然，筋疲力盡的你這個時候還特別容易填錯驗證碼
你應(yīng)該這樣解決它：
對于絕大多少網(wǎng)站而言，并不需要那么多復(fù)雜的信息!所以作為網(wǎng)頁設(shè)計師or站長的你，應(yīng)該盡量讓用戶提供最關(guān)鍵的信息就夠了。正如許多網(wǎng)站所做的，提供郵箱設(shè)置密碼，或者直接調(diào)
用新浪微博或者谷歌帳號之類的API。
11.確認(rèn)關(guān)閉的彈窗
從內(nèi)心深處我非常討厭這種彈窗。我已經(jīng)決定離開這個頁面了，結(jié)果網(wǎng)站還要生拉硬拽的讓我再確認(rèn)一次，心情不佳的時候尤其容易讓人著急上火。
你應(yīng)該這樣解決它：除了帶有編輯內(nèi)容的頁面可以保留這一設(shè)定，其他瀏覽性質(zhì)的頁面請不要自作多情加入這一設(shè)定。
12.內(nèi)容被放置到意想不到的地方
用戶界面和交互應(yīng)該是符合邏輯的。按鈕和操作應(yīng)該符合用戶的使用情境，APP和網(wǎng)頁的導(dǎo)航也應(yīng)該清晰直觀。所以，不要將一些內(nèi)容、按鈕放置在一些奇怪的地方。
你應(yīng)該這樣解決它：
閱讀一些關(guān)于UX和UI設(shè)計的文章，這將幫你發(fā)現(xiàn)并解決許多可用性問題。仔細(xì)觀察一下親戚朋友們使用你的網(wǎng)站或者APP時候的操作，如果他們都搞不清楚，那么你得重新設(shè)計了。
13.在手機上顯示不正常
這讓我想起多年以前網(wǎng)頁設(shè)計師迫不及待拋棄1024×768分辨率的時代。在移動端爆發(fā)式增長的今天，打開網(wǎng)頁一看陡然發(fā)現(xiàn)是桌面端的網(wǎng)頁，WTF?!做個響應(yīng)式的網(wǎng)頁有那么難么?
你應(yīng)該這樣解決它：
移動端的用戶訪問量只會越來越大，所以盡可能做成響應(yīng)式的網(wǎng)站吧。Wordpress網(wǎng)站可以用響應(yīng)式的主題，或者使用柵格系統(tǒng)、BootStrap也不錯。
14.付費墻
有些能提供高質(zhì)量內(nèi)容的網(wǎng)站，會使用一種健全的商業(yè)模式：給你看個開頭，然后在付費墻上告訴你，只有付費才能看到后面的內(nèi)容。
上一篇:上一篇：iPod 之父能否拯救谷歌眼鏡?
最新資訊
