張經(jīng)理 / 18665606093
Email / service@2000new.com
掃一掃添加顧問
當我們?yōu)g覽一個網(wǎng)站時,我們會對它有一個初步的印象。有的網(wǎng)站讓人一見鐘情,有的網(wǎng)站剛打開幾秒鐘就關(guān)閉了。那么,為什么有些網(wǎng)站一打開就關(guān)閉了呢?今天整理了一下廣州網(wǎng)站建設(shè)中8個討厭的設(shè)計元素。你被抓了嗎?
1.干擾用戶
我們在前一篇關(guān)于沉默原則的文章中談到了干擾用戶,沉默就是在交互中不干擾人。這里的“擾民”是指當用戶操作某一步時,不合理的設(shè)計打斷了用戶的使用,在體驗過程中給用戶造成一定的不適感。
比如你每次打開wps,都要先彈出一個wps的廣告頁面,時不時給你推送一些廣告。再比如各種彈出廣告,最有代表性的就是早年右下角的假qq彈出框,加上咳嗽。這種擾民的方式很難受。
很多網(wǎng)站為了吸引用戶的注意力,特意“設(shè)計”了這種抖動彈出,有的甚至以“欺騙”用戶或者辜負用戶信任為代價。
你應(yīng)該吸引用戶的注意力是真的,但這不應(yīng)該以“欺騙”用戶或破壞用戶信任為代價。
當你被一個充滿噱頭的標題吸引,點開后發(fā)現(xiàn)內(nèi)容并不是你想的那樣。標題黨無聊。同樣的,你可以通過搜索引擎找到你想要的產(chǎn)品或資料,但是打開頁面后直接出現(xiàn)一個彈出框,要求你注冊并付費,有些甚至根本不是相關(guān)頁面。一切都在干擾和中斷用戶體驗。
也許在網(wǎng)站中采用這樣的設(shè)計,短期內(nèi)會有一定的效果,但長期來看,這種令人不安的用戶體驗是用戶難以保持的。
2.導航混亂,內(nèi)容多
導航是網(wǎng)站的重要組成部分。通常一個網(wǎng)站的主導航主要包括首頁、產(chǎn)品欄目、每個單頁的導入鏈接。方便用戶盡可能快捷簡單的到達不同的網(wǎng)頁!同時,方便用戶一目了然地找到網(wǎng)站的主要信息,而不必輕易尋找!所以導航的設(shè)計一定要簡單明了。
為了突出一些網(wǎng)站的導航設(shè)計,增加了各種元素和動態(tài)效果來吸引消費者的注意力。要知道,這樣降低了界面的識別度。
不要測試你的用戶,不要有太多層次的導航設(shè)計,一定要有清晰的導航結(jié)構(gòu)。另外,導航的內(nèi)容一定要簡潔,不能多。每欄內(nèi)容太多會降低導航的識別度。
其實我不太喜歡中興的導航。設(shè)計有點復(fù)雜,設(shè)計感是有的,但是認可度比較弱,因為復(fù)雜。當然不排除有人喜歡這種設(shè)計。畢竟每個設(shè)計風格都有自己的喜好。其實Carpoly漆器官網(wǎng)的導航設(shè)計可以更簡單一些。二次導航內(nèi)容不多,導航圖完全可以去掉,簡單的設(shè)計會讓它看起來更高。
3.沒有主要或次要內(nèi)容
眾所周知,一個干凈、簡潔、清新的網(wǎng)頁往往會給訪問者留下深刻的第一印象。好的網(wǎng)站應(yīng)該像超市一樣。整體布局井井有條,訪客很容易找到自己需要的內(nèi)容。相反,那些排版凌亂,指東畫西,看著就暈頭轉(zhuǎn)向的網(wǎng)站,永遠不會受到用戶的青睞。
以JD.COM天貓為例。為什么在瀏覽JD.COM天貓這樣的大型商場網(wǎng)站時,能快速找到自己想要的內(nèi)容?只是因為網(wǎng)站的結(jié)構(gòu)和主次內(nèi)容分清楚了。
網(wǎng)站ZUI前端框架的主次內(nèi)容非常清晰,甚至把網(wǎng)站中的主要內(nèi)容都列出來了,邏輯清晰,方便訪問者查找。
網(wǎng)頁中不同的內(nèi)容都有優(yōu)先級,這個重要性要根據(jù)是設(shè)計需求還是用戶需求來判斷劃分。因此,在設(shè)計網(wǎng)站時,重要的內(nèi)容應(yīng)該放在重要且易于瀏覽的位置。不太重要的內(nèi)容可以放在視覺注意區(qū)比較弱的地方。避免亂七八糟的網(wǎng)站,不管輕重緩急。這種情況經(jīng)常出現(xiàn)在老企業(yè)網(wǎng)站上。
4.復(fù)雜的注冊過程
復(fù)雜的報名流程,不要。說到這,可能有人會說,在設(shè)計這些流程的時候,為了從用戶那里獲取更多的信息,我們刻意設(shè)置了更多必要的選項。這種想法都是錯的。
大多數(shù)人都很懶,沒有耐心。現(xiàn)在比較喜歡的注冊方式有兩種,一種是qq、微信等一鍵注冊方式,一種是手機驗證碼注冊方式。這兩種方法很受歡迎,因為它們簡單且節(jié)省時間。如果你的網(wǎng)站需要注冊,可以考慮以上兩種方式,越簡單越好,因為大部分用戶不喜歡復(fù)雜。
以簡單的圖書登錄界面為例,可以看到除了正常的賬號登錄,底部還有一些針對社交賬號的一鍵登錄方式。一鍵登錄網(wǎng)站提高了用戶注冊的效率,也防止了用戶忘記自己的賬號密碼。
5.忽略基本功能
網(wǎng)頁的可用性總是在易用性之前。我想你有過這樣的經(jīng)歷:打開網(wǎng)頁后,等了很久,網(wǎng)頁還是無法加載;點擊一個按鈕,沒有相應(yīng)的反饋;我試著去找網(wǎng)頁背后的主人聯(lián)系方式,但是在關(guān)于我們的頁面上什么也沒找到。
這些基礎(chǔ)工作需要設(shè)計師做好。保證網(wǎng)頁的基本功能可以流暢使用,反饋正確,這些基本的可用性問題往往出現(xiàn)在搜索框、導航、頁腳甚至業(yè)務(wù)邏輯中。您不能通過單擊搜索框進行搜索,也不能通過單擊按鈕進行響應(yīng).這個基本功能不能用,是不是特別讓人沮喪?泰富網(wǎng)站的導航和二級導航鼠標沒有風格上的區(qū)別,會給用戶使用帶來不便。
說到這里我不得不提一下,最讓我頭疼的是一些使用瀑布流的網(wǎng)站。所有的聯(lián)系方式都放在最下面,你卻拉不到最下面,連聯(lián)系方式都找不到,這才是最讓人抓狂的。
蟬知道官網(wǎng)的幻燈片,按鈕的設(shè)計非常清晰,讓用戶一目了然按鈕的內(nèi)容。
所以在網(wǎng)頁中,從一張幻燈片到不同類型元素的調(diào)整,涉及到不同類型的內(nèi)容或者特定的功能或者交互,這些元素的功能要設(shè)計好,不能違背用戶的認知常識。可用的按鈕和鏈接等基本功能確保了信息和功能的完整性。只有這樣,用戶才能信任網(wǎng)頁本身。
6.使用深色背景
暗背景不是說不能用,也不是說用暗背景不好。大部分是背景比較暗的網(wǎng)站,大部分是游戲、體育或者其他特殊的網(wǎng)站。深色作為大背景,表示字體顏色為白色或淺色。這種搭配在小空間還可以,大了會讓人產(chǎn)生視覺疲勞。
游戲網(wǎng)站的文字內(nèi)容不多,用戶瀏覽停留的時間不會太長,用戶也不會有明顯的時間疲勞。當信息量大的網(wǎng)站背景較暗時,間接增加了觀看者的視覺壓力,看完內(nèi)容后可能會關(guān)閉網(wǎng)站。所以我們一般推薦內(nèi)容多的網(wǎng)站少用深色做背景。如果你真的想使用它們,我們建議添加其他顏色,并穿插更多的插圖。
我們來看看國外的設(shè)計案例,Impero國外設(shè)計公司的網(wǎng)站。這個網(wǎng)站雖然用黑色做背景,但是里面沒有全黑,所以看起來層次分明,視覺效果更好。
7.可讀性差
說到可讀性,我們之前已經(jīng)單獨用一篇文章給大家解釋過了。可讀性包括文字、段落、塊、圖片、導航的可讀性。
為了提高文本的可讀性,您可以調(diào)整字體樣式、外部邊距、內(nèi)部邊距、顏色和對比度來提高文本的可讀性。
好的設(shè)計應(yīng)該是可讀的。如果信息不能正常清晰地傳達,設(shè)計就失去了意義。
設(shè)計的可讀性與排版設(shè)計息息相關(guān),同時對對比度的控制也是核心。同樣的字體,對比度不同,可讀性也不同。我想提高內(nèi)容的可讀性,讓呈現(xiàn)給用戶的內(nèi)容更流暢更有邏輯,如何提高網(wǎng)站的可讀性。之前和大家分享過,有興趣的朋友可以看看原——在網(wǎng)頁設(shè)計中可讀性的重要性。8.為界面效果添加太多動畫
我給很多客戶做過網(wǎng)站,有些有自己的見解。他們堅持網(wǎng)站的一些理念。例如,網(wǎng)站主頁上的每個元素都應(yīng)該被動畫化,以使這些元素移動。甚至一個字體都想抖一下,怕訪客錯過。這種觀點其實是錯誤的。
想象一下給主頁上的每個元素圖片添加動態(tài)效果。這種體驗其實很不好。你迫不及待地想親眼看看。相信你可能感受到了網(wǎng)站的動畫,但是你卻記不住網(wǎng)站的實際內(nèi)容。顯然,這是喧賓奪主。
所以我們在設(shè)計主頁的時候,可以適當?shù)脑诰W(wǎng)頁的局部區(qū)塊添加一些動畫,既可以起到主動界面的作用,又可以增加一些趣味性,不會讓主機吃不消。
EWA APP應(yīng)用網(wǎng)站,里面有些動畫還可以,不多,但是效果挺出彩的。
以上八個設(shè)計錯誤都是可以避免的。沒有完美的網(wǎng)站。每個網(wǎng)站都有一些問題,比如表單的字段錯誤,文本編輯不當,導航缺少選項。只要能發(fā)現(xiàn)問題,及時改正。
有人想說,是我故意設(shè)計的,或者這個qq彈出窗口是故意留下來吸引客戶的,我不想刪。當我們在網(wǎng)站上時,我們必須尊重我們網(wǎng)站的用戶。如果我們真的關(guān)心我們網(wǎng)站的用戶,就不應(yīng)該干涉用戶體驗,尊重使用你網(wǎng)站的用戶。當你給予用戶足夠的尊重時,他們也會以尊重回報。