亚洲日本熟女中文字幕-午夜直播在线福利视频-av网站在线播放网站-韩国激情视频免费在线观看-大鸡巴插入小姨妹B视频-夜夜一区二区三区蜜臀-青青草毛片在线视频免费看-最新日韩精品视频免费在线观看-亚洲成人午夜精品电影

　　當(dāng)我們?yōu)g覽一個(gè)網(wǎng)站時(shí)，我們會(huì)對(duì)它有一個(gè)初步的印象。有的網(wǎng)站讓人一見(jiàn)鐘情，有的網(wǎng)站剛打開(kāi)幾秒鐘就關(guān)閉了。那么，為什么有些網(wǎng)站一打開(kāi)就關(guān)閉了呢？今天整理了一下廣州網(wǎng)站建設(shè)中8個(gè)討厭的設(shè)計(jì)元素。你被抓了嗎？

　　1.干擾用戶

　　我們?cè)谇耙黄P(guān)于沉默原則的文章中談到了干擾用戶，沉默就是在交互中不干擾人。這里的“擾民”是指當(dāng)用戶操作某一步時(shí)，不合理的設(shè)計(jì)打斷了用戶的使用，在體驗(yàn)過(guò)程中給用戶造成一定的不適感。

　　比如你每次打開(kāi)wps，都要先彈出一個(gè)wps的廣告頁(yè)面，時(shí)不時(shí)給你推送一些廣告。再比如各種彈出廣告，最有代表性的就是早年右下角的假qq彈出框，加上咳嗽。這種擾民的方式很難受。

　　很多網(wǎng)站為了吸引用戶的注意力，特意“設(shè)計(jì)”了這種抖動(dòng)彈出，有的甚至以“欺騙”用戶或者辜負(fù)用戶信任為代價(jià)。

　　你應(yīng)該吸引用戶的注意力是真的，但這不應(yīng)該以“欺騙”用戶或破壞用戶信任為代價(jià)。

　　當(dāng)你被一個(gè)充滿噱頭的標(biāo)題吸引，點(diǎn)開(kāi)后發(fā)現(xiàn)內(nèi)容并不是你想的那樣。標(biāo)題黨無(wú)聊。同樣的，你可以通過(guò)搜索引擎找到你想要的產(chǎn)品或資料，但是打開(kāi)頁(yè)面后直接出現(xiàn)一個(gè)彈出框，要求你注冊(cè)并付費(fèi)，有些甚至根本不是相關(guān)頁(yè)面。一切都在干擾和中斷用戶體驗(yàn)。

　　也許在網(wǎng)站中采用這樣的設(shè)計(jì)，短期內(nèi)會(huì)有一定的效果，但長(zhǎng)期來(lái)看，這種令人不安的用戶體驗(yàn)是用戶難以保持的。

　　2.導(dǎo)航混亂，內(nèi)容多

　　導(dǎo)航是網(wǎng)站的重要組成部分。通常一個(gè)網(wǎng)站的主導(dǎo)航主要包括首頁(yè)、產(chǎn)品欄目、每個(gè)單頁(yè)的導(dǎo)入鏈接。方便用戶盡可能快捷簡(jiǎn)單的到達(dá)不同的網(wǎng)頁(yè)！同時(shí)，方便用戶一目了然地找到網(wǎng)站的主要信息，而不必輕易尋找！所以導(dǎo)航的設(shè)計(jì)一定要簡(jiǎn)單明了。

　　為了突出一些網(wǎng)站的導(dǎo)航設(shè)計(jì)，增加了各種元素和動(dòng)態(tài)效果來(lái)吸引消費(fèi)者的注意力。要知道，這樣降低了界面的識(shí)別度。

　　不要測(cè)試你的用戶，不要有太多層次的導(dǎo)航設(shè)計(jì)，一定要有清晰的導(dǎo)航結(jié)構(gòu)。另外，導(dǎo)航的內(nèi)容一定要簡(jiǎn)潔，不能多。每欄內(nèi)容太多會(huì)降低導(dǎo)航的識(shí)別度。

　　其實(shí)我不太喜歡中興的導(dǎo)航。設(shè)計(jì)有點(diǎn)復(fù)雜，設(shè)計(jì)感是有的，但是認(rèn)可度比較弱，因?yàn)閺?fù)雜。當(dāng)然不排除有人喜歡這種設(shè)計(jì)。畢竟每個(gè)設(shè)計(jì)風(fēng)格都有自己的喜好。其實(shí)Carpoly漆器官網(wǎng)的導(dǎo)航設(shè)計(jì)可以更簡(jiǎn)單一些。二次導(dǎo)航內(nèi)容不多，導(dǎo)航圖完全可以去掉，簡(jiǎn)單的設(shè)計(jì)會(huì)讓它看起來(lái)更高。

　　3.沒(méi)有主要或次要內(nèi)容

　　眾所周知，一個(gè)干凈、簡(jiǎn)潔、清新的網(wǎng)頁(yè)往往會(huì)給訪問(wèn)者留下深刻的第一印象。好的網(wǎng)站應(yīng)該像超市一樣。整體布局井井有條，訪客很容易找到自己需要的內(nèi)容。相反，那些排版凌亂，指東畫(huà)西，看著就暈頭轉(zhuǎn)向的網(wǎng)站，永遠(yuǎn)不會(huì)受到用戶的青睞。

　　以JD.COM天貓為例。為什么在瀏覽JD.COM天貓這樣的大型商場(chǎng)網(wǎng)站時(shí)，能快速找到自己想要的內(nèi)容？只是因?yàn)榫W(wǎng)站的結(jié)構(gòu)和主次內(nèi)容分清楚了。

　　網(wǎng)站ZUI前端框架的主次內(nèi)容非常清晰，甚至把網(wǎng)站中的主要內(nèi)容都列出來(lái)了，邏輯清晰，方便訪問(wèn)者查找。

　　網(wǎng)頁(yè)中不同的內(nèi)容都有優(yōu)先級(jí)，這個(gè)重要性要根據(jù)是設(shè)計(jì)需求還是用戶需求來(lái)判斷劃分。因此，在設(shè)計(jì)網(wǎng)站時(shí)，重要的內(nèi)容應(yīng)該放在重要且易于瀏覽的位置。不太重要的內(nèi)容可以放在視覺(jué)注意區(qū)比較弱的地方。避免亂七八糟的網(wǎng)站，不管輕重緩急。這種情況經(jīng)常出現(xiàn)在老企業(yè)網(wǎng)站上。

　　4.復(fù)雜的注冊(cè)過(guò)程

　　復(fù)雜的報(bào)名流程，不要。說(shuō)到這，可能有人會(huì)說(shuō)，在設(shè)計(jì)這些流程的時(shí)候，為了從用戶那里獲取更多的信息，我們刻意設(shè)置了更多必要的選項(xiàng)。這種想法都是錯(cuò)的。

　　大多數(shù)人都很懶，沒(méi)有耐心。現(xiàn)在比較喜歡的注冊(cè)方式有兩種，一種是qq、微信等一鍵注冊(cè)方式，一種是手機(jī)驗(yàn)證碼注冊(cè)方式。這兩種方法很受歡迎，因?yàn)樗鼈兒?jiǎn)單且節(jié)省時(shí)間。如果你的網(wǎng)站需要注冊(cè)，可以考慮以上兩種方式，越簡(jiǎn)單越好，因?yàn)榇蟛糠钟脩舨幌矚g復(fù)雜。

　　以簡(jiǎn)單的圖書(shū)登錄界面為例，可以看到除了正常的賬號(hào)登錄，底部還有一些針對(duì)社交賬號(hào)的一鍵登錄方式。一鍵登錄網(wǎng)站提高了用戶注冊(cè)的效率，也防止了用戶忘記自己的賬號(hào)密碼。

　　5.忽略基本功能

　　網(wǎng)頁(yè)的可用性總是在易用性之前。我想你有過(guò)這樣的經(jīng)歷：打開(kāi)網(wǎng)頁(yè)后，等了很久，網(wǎng)頁(yè)還是無(wú)法加載；點(diǎn)擊一個(gè)按鈕，沒(méi)有相應(yīng)的反饋；我試著去找網(wǎng)頁(yè)背后的主人聯(lián)系方式，但是在關(guān)于我們的頁(yè)面上什么也沒(méi)找到。

　　這些基礎(chǔ)工作需要設(shè)計(jì)師做好。保證網(wǎng)頁(yè)的基本功能可以流暢使用，反饋正確，這些基本的可用性問(wèn)題往往出現(xiàn)在搜索框、導(dǎo)航、頁(yè)腳甚至業(yè)務(wù)邏輯中。您不能通過(guò)單擊搜索框進(jìn)行搜索，也不能通過(guò)單擊按鈕進(jìn)行響應(yīng).這個(gè)基本功能不能用，是不是特別讓人沮喪？泰富網(wǎng)站的導(dǎo)航和二級(jí)導(dǎo)航鼠標(biāo)沒(méi)有風(fēng)格上的區(qū)別，會(huì)給用戶使用帶來(lái)不便。

　　說(shuō)到這里我不得不提一下，最讓我頭疼的是一些使用瀑布流的網(wǎng)站。所有的聯(lián)系方式都放在最下面，你卻拉不到最下面，連聯(lián)系方式都找不到，這才是最讓人抓狂的。

　　蟬知道官網(wǎng)的幻燈片，按鈕的設(shè)計(jì)非常清晰，讓用戶一目了然按鈕的內(nèi)容。

　　所以在網(wǎng)頁(yè)中，從一張幻燈片到不同類(lèi)型元素的調(diào)整，涉及到不同類(lèi)型的內(nèi)容或者特定的功能或者交互，這些元素的功能要設(shè)計(jì)好，不能違背用戶的認(rèn)知常識(shí)。可用的按鈕和鏈接等基本功能確保了信息和功能的完整性。只有這樣，用戶才能信任網(wǎng)頁(yè)本身。

　　6.使用深色背景

　　暗背景不是說(shuō)不能用，也不是說(shuō)用暗背景不好。大部分是背景比較暗的網(wǎng)站，大部分是游戲、體育或者其他特殊的網(wǎng)站。深色作為大背景，表示字體顏色為白色或淺色。這種搭配在小空間還可以，大了會(huì)讓人產(chǎn)生視覺(jué)疲勞。

　　游戲網(wǎng)站的文字內(nèi)容不多，用戶瀏覽停留的時(shí)間不會(huì)太長(zhǎng)，用戶也不會(huì)有明顯的時(shí)間疲勞。當(dāng)信息量大的網(wǎng)站背景較暗時(shí)，間接增加了觀看者的視覺(jué)壓力，看完內(nèi)容后可能會(huì)關(guān)閉網(wǎng)站。所以我們一般推薦內(nèi)容多的網(wǎng)站少用深色做背景。如果你真的想使用它們，我們建議添加其他顏色，并穿插更多的插圖。

　　我們來(lái)看看國(guó)外的設(shè)計(jì)案例，Impero國(guó)外設(shè)計(jì)公司的網(wǎng)站。這個(gè)網(wǎng)站雖然用黑色做背景，但是里面沒(méi)有全黑，所以看起來(lái)層次分明，視覺(jué)效果更好。

　　7.可讀性差

　　說(shuō)到可讀性，我們之前已經(jīng)單獨(dú)用一篇文章給大家解釋過(guò)了?？勺x性包括文字、段落、塊、圖片、導(dǎo)航的可讀性。

　　為了提高文本的可讀性，您可以調(diào)整字體樣式、外部邊距、內(nèi)部邊距、顏色和對(duì)比度來(lái)提高文本的可讀性。

　　好的設(shè)計(jì)應(yīng)該是可讀的。如果信息不能正常清晰地傳達(dá)，設(shè)計(jì)就失去了意義。

　　設(shè)計(jì)的可讀性與排版設(shè)計(jì)息息相關(guān)，同時(shí)對(duì)對(duì)比度的控制也是核心。同樣的字體，對(duì)比度不同，可讀性也不同。我想提高內(nèi)容的可讀性，讓呈現(xiàn)給用戶的內(nèi)容更流暢更有邏輯，如何提高網(wǎng)站的可讀性。之前和大家分享過(guò)，有興趣的朋友可以看看原——在網(wǎng)頁(yè)設(shè)計(jì)中可讀性的重要性。8.為界面效果添加太多動(dòng)畫(huà)

　　我給很多客戶做過(guò)網(wǎng)站，有些有自己的見(jiàn)解。他們堅(jiān)持網(wǎng)站的一些理念。例如，網(wǎng)站主頁(yè)上的每個(gè)元素都應(yīng)該被動(dòng)畫(huà)化，以使這些元素移動(dòng)。甚至一個(gè)字體都想抖一下，怕訪客錯(cuò)過(guò)。這種觀點(diǎn)其實(shí)是錯(cuò)誤的。

　　想象一下給主頁(yè)上的每個(gè)元素圖片添加動(dòng)態(tài)效果。這種體驗(yàn)其實(shí)很不好。你迫不及待地想親眼看看。相信你可能感受到了網(wǎng)站的動(dòng)畫(huà)，但是你卻記不住網(wǎng)站的實(shí)際內(nèi)容。顯然，這是喧賓奪主。

　　所以我們?cè)谠O(shè)計(jì)主頁(yè)的時(shí)候，可以適當(dāng)?shù)脑诰W(wǎng)頁(yè)的局部區(qū)塊添加一些動(dòng)畫(huà)，既可以起到主動(dòng)界面的作用，又可以增加一些趣味性，不會(huì)讓主機(jī)吃不消。

　　EWA  APP應(yīng)用網(wǎng)站，里面有些動(dòng)畫(huà)還可以，不多，但是效果挺出彩的。

　　以上八個(gè)設(shè)計(jì)錯(cuò)誤都是可以避免的。沒(méi)有完美的網(wǎng)站。每個(gè)網(wǎng)站都有一些問(wèn)題，比如表單的字段錯(cuò)誤，文本編輯不當(dāng)，導(dǎo)航缺少選項(xiàng)。只要能發(fā)現(xiàn)問(wèn)題，及時(shí)改正。

　　有人想說(shuō)，是我故意設(shè)計(jì)的，或者這個(gè)qq彈出窗口是故意留下來(lái)吸引客戶的，我不想刪。當(dāng)我們?cè)诰W(wǎng)站上時(shí)，我們必須尊重我們網(wǎng)站的用戶。如果我們真的關(guān)心我們網(wǎng)站的用戶，就不應(yīng)該干涉用戶體驗(yàn)，尊重使用你網(wǎng)站的用戶。當(dāng)你給予用戶足夠的尊重時(shí)，他們也會(huì)以尊重回報(bào)。