別讓這9個(gè)鬧心的套路，毀了你的網(wǎng)頁設(shè)計(jì)！

模式化的網(wǎng)頁設(shè)計(jì)套路之所以為廣大設(shè)計(jì)師所喜愛，很大程度上是因?yàn)樗鼈兙邆溆辛己玫目捎眯院涂稍L問性，在轉(zhuǎn)化率和用戶留存率上有著不錯(cuò)的數(shù)據(jù)表現(xiàn)。

但是這些通過數(shù)據(jù)來體現(xiàn)的設(shè)計(jì)模式，在用戶的視角里，可能并不那么理想。設(shè)計(jì)和做人一樣，需要少一些套路，多一些真誠。那么下面就為大家揭穿那些看似好用，但用戶體驗(yàn)并不好的設(shè)計(jì)模式。

1、色彩種類運(yùn)用過多

為了讓自己的網(wǎng)站表現(xiàn)得熱情而有吸引力，很多朋友非常極端地向其中加入大量色彩鮮艷的文字與邊框，而這些顏色的運(yùn)用與圖片內(nèi)容并不協(xié)調(diào)。這顯然有損訪客對(duì)核心內(nèi)容的關(guān)注。

解決辦法

最好的辦法是使用最多三種主色調(diào)與素雅的背景。如果大家決定選擇紋理背景，請(qǐng)確保其具體取色不會(huì)像霓虹燈般銳利刺眼。

2、字體大小存在問題

這類問題往往存在多種表現(xiàn)形式，包括字體不足12號(hào)使得用戶無法看清甚至點(diǎn)不到后退按鈕。

解決辦法

要解決這些難題，最重要的是理解客戶需要——年紀(jì)超過40歲的群體往往更喜歡大字體。年紀(jì)更大的使用者甚至只能看得清14號(hào)以上的字體。

主題文本還應(yīng)被拆分成更易于管理的區(qū)塊，但卻又不能破壞其連貫性。保證信息的易讀性與快速獲取性是我們的核心設(shè)計(jì)原則之一。當(dāng)需要提供大量文本內(nèi)容時(shí)，可以考慮將其劃分成多個(gè)不同頁面以簡(jiǎn)化內(nèi)容管理。

3、過度使用GIF、動(dòng)畫與音效

在某些情況下，GIF動(dòng)畫非常有趣；動(dòng)畫能夠讓訪問者獲得更好的使用體驗(yàn)；音效可能也有助于提升感受。但這些都只是點(diǎn)綴，切記不可畫蛇添足。GIF動(dòng)畫過多會(huì)造成一種庸俗而幼稚的氛圍，而大家對(duì)于音效以及音樂的取向也有所不同。有時(shí)，我們精心設(shè)計(jì)，卻難以實(shí)現(xiàn)效果。

解決辦法

千萬別讓費(fèi)盡心力添加的動(dòng)畫與音效成了刺眼又刺耳的垃圾元素。使用GIF動(dòng)畫最好能免則免，企業(yè)的官方網(wǎng)站絕對(duì)不要使用。

4、超大的導(dǎo)航菜單

大型的導(dǎo)航菜單，對(duì)于包含大量不同子頁面的網(wǎng)站而言，似乎是一個(gè)很好的解決方案，然而實(shí)際情況并非如此。我們常見的網(wǎng)站設(shè)計(jì)錯(cuò)誤就是在邊欄及子菜單中塞進(jìn)長(zhǎng)長(zhǎng)的清單，超大的導(dǎo)航菜單對(duì)于絕大多數(shù)的普通用戶而言，看起來更像是迷宮。這看似滿足了全部用戶的需求，實(shí)則會(huì)分散用戶注意力，并讓用戶覺得不那么爽。如果導(dǎo)航、側(cè)欄與底欄無法協(xié)同工作，那么網(wǎng)站內(nèi)容再好也將沒有意義。

解決辦法

信息分類整合其實(shí)是就是為了應(yīng)對(duì)這種情況而存在的，將網(wǎng)站的導(dǎo)航內(nèi)容規(guī)劃為不同的大分類，有了層級(jí)，用戶更容易篩選；又或者你可以將導(dǎo)航設(shè)計(jì)成為更為有趣的圖文式鏈接，讓它看起來不那么枯燥，也不失為一個(gè)可取的方案。永遠(yuǎn)不要低估在屏幕上留白的重要性，因?yàn)槠涫莿?chuàng)造平衡美感的重要基礎(chǔ)。

5、乏味無趣的加載頁面

隨著技術(shù)的進(jìn)步，時(shí)間對(duì)于人們來說越來越寶貴，為了一個(gè)20M的網(wǎng)頁在瀏覽器前靜靜坐上1分鐘等待加載，那大多數(shù)用戶都會(huì)有關(guān)掉它的沖動(dòng)，因?yàn)槲覀儠?huì)在這個(gè)過程中無數(shù)次懷疑這個(gè)頁面是不是卡住了。如今的網(wǎng)站加載需要的是速度和效率，這符合當(dāng)前的真實(shí)用戶需求。給用戶提供即時(shí)的位置、時(shí)間和響應(yīng)對(duì)一個(gè)優(yōu)秀的產(chǎn)品來說很重要。

解決辦法

如果你的網(wǎng)站在加載速度上有問題，首先應(yīng)該加載頁面中較輕的元素，以及整個(gè)框架，然后使用加載器將較大和較重的元素逐步填充進(jìn)去。這樣一來，用戶就不會(huì)覺得頁面卡在那兒，而是在逐步加載了。

緩沖應(yīng)該盡量避免，如果它必須存在，那就應(yīng)該有趣一點(diǎn)。加載頁面可以是一個(gè)加載進(jìn)度條，一個(gè)為浪費(fèi)用戶等待時(shí)間的道歉或者是配有文案的簡(jiǎn)單動(dòng)畫。

6、設(shè)計(jì)臃腫，內(nèi)容雜亂

不斷增加的功能會(huì)導(dǎo)致需求和交付之間的延遲，這會(huì)讓設(shè)計(jì)逐漸變得臃腫。將各類新聞、鏈接以及圖片塞進(jìn)同一頁面只會(huì)使其顯得雜亂不堪，導(dǎo)致用戶難以閱讀及導(dǎo)航。

解決辦法

產(chǎn)品發(fā)布上線后能夠覆蓋用戶最常見的使用情形并提供值得信賴的使用價(jià)值；考慮用戶的使用習(xí)慣，使你的設(shè)計(jì)能夠讓用戶集中注意力。堅(jiān)持增加必要且有價(jià)值的功能，盡量避免內(nèi)容混亂多余。產(chǎn)品設(shè)計(jì)的流程應(yīng)該是：發(fā)散，優(yōu)化，迭代和提煉，直到你們的產(chǎn)品或服務(wù)可以提供一個(gè)優(yōu)質(zhì)的解決方案。

7、對(duì)移動(dòng)設(shè)備不夠友好

智能手機(jī)已經(jīng)成為人們?cè)诨ヂ?lián)網(wǎng)上獲取內(nèi)容的好途徑。大家的多數(shù)出站流量很可能都指向智能手機(jī)或者平板電腦。如果各網(wǎng)頁沒有針對(duì)移動(dòng)設(shè)備進(jìn)行優(yōu)化，那么人們可能面對(duì)難以進(jìn)行訪問或者加載時(shí)間過長(zhǎng)等問題。

解決辦法

目前市面上有著大量免費(fèi)的應(yīng)用與插件能夠幫助我們解決這類難題，而針對(duì)移動(dòng)端擁有出色優(yōu)化效果的一大實(shí)例就是MailChimp網(wǎng)站。

8、復(fù)雜的注冊(cè)流程

網(wǎng)站構(gòu)建需要投入大量精力，而其最終目的在于吸引潛在群體并宣傳或者表達(dá)自己的產(chǎn)品或觀點(diǎn)，并通過重復(fù)訪問帶來收益。在設(shè)計(jì)網(wǎng)站時(shí)，我們往往只考慮自己的個(gè)人品味——但正確的作法應(yīng)該是立足于目標(biāo)受眾的需要與特點(diǎn)。

解決辦法

大家應(yīng)當(dāng)盡可能簡(jiǎn)化注冊(cè)流程，因?yàn)槎鄶?shù)用戶對(duì)產(chǎn)品或者服務(wù)的注冊(cè)機(jī)制并不感興趣。如果需要填寫的信息太多或者由于不支持鍵盤而導(dǎo)致流程難于操作，用戶會(huì)很快選擇放棄。

（蛋花 靜Design）

當(dāng)前名稱：別讓這9個(gè)鬧心的套路，毀了你的網(wǎng)頁設(shè)計(jì)！
本文鏈接：http://muchs.cn/news/149605.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、小程序開發(fā)、定制開發(fā)、網(wǎng)站營(yíng)銷、全網(wǎng)營(yíng)銷推廣

廣告

聲明：本網(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í)需注明來源： 創(chuàng)新互聯(lián)