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