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