可能毀掉網站體驗的十種設計錯誤
譯文不少網站在開發(fā)者的精心設計下確實擁有令人驚艷的實際效果,但也有一部分存在著大量有違邏輯及已知設計原則的作法。我們當然鼓勵各位新生代設計師恣意探索自己的創(chuàng)意,但仍有一些原則值得反復強調、而非任性地進行挑戰(zhàn)。在這里,我們共同了解十項需要徹底避免的設計錯誤。
1.色彩種類運用過多
為了讓自己的網站表現得熱情而有吸引力,很多朋友非常極端地向其中加入大量色彩鮮艷的文字與邊框,而這些顏色的運用與圖片內容并不協調。這顯然有損訪客對核心內容的關注。***的辦法是使用最多三種主色調與素雅的背景。如果大家決定選擇紋理背景,請確保其具體取色不會像霓虹燈般銳利刺眼。
2.字體大小存在問題
這類問題往往存在多種表現形式,包括字體不足12號使得用戶無法看清甚至點不到后退按鈕。要解決這些難題,最重要的是理解客戶需要——年紀超過40歲的群體往往更喜歡大字體。年紀更大的使用者甚至只能看得清14號以上的字體。
主題文本還應被拆分成更易于管理的區(qū)塊,但卻又不能破壞其連貫性。保證信息的易讀性與快速獲取性是我們的核心設計原則之一。當需要提供大量文本內容時,可以考慮將其劃分成多個不同頁面以簡化內容管理。
3.內容過于雜亂
將各類新聞、鏈接以及圖片塞進同一頁面只會使其顯得雜亂不堪,導致用戶難以閱讀及導航。一般來講,我們的目光會首先被公司或者品牌Logo吸引,而后向下移動至主體或者內容處。***,目光來到網頁盡頭并越過屏幕。如果大家沒有考慮到這種閱讀習慣,那么整個視圖將導致用戶注意力無法集中。
4.使用GIF動畫
GIF動畫非常有趣,但卻***能免則免。遺憾的是,某些網站常常忽略這一原則。企業(yè)的官方網站絕對不要使用GIF動畫,因為其會造成一種庸俗而幼稚的氛圍。
5.假定用戶會通過放大來查看內容
大多數人都希望內容易于獲取,因此不愿放大頁面來查看其中的有價值信息。如果用戶需要放大200%才能查看到內容,那么他們下次可能再也不會重復訪問了。因此,請在內容發(fā)布之前在各類設備上進行檢查。
6.對移動設備不夠友好
智能手機已經成為人們在互聯網上獲取內容的***途徑。大家的多數出站流量很可能都指向智能手機或者平板電腦。如果各網頁沒有針對移動設備進行優(yōu)化,那么人們可能面對難以進行訪問或者加載時間過長等問題。目前市面上有著大量免費的應用與插件能夠幫助我們解決這類難題,而針對移動端擁有出色優(yōu)化效果的一大實例就是MailChimp網站。
7.過度使用動畫與音效
在某些情況下,動畫能夠讓訪問者獲得更好的使用體驗,但我們必須精心設計以實現下面效果。某些情況下音效可能也有助于提升感受,但大家對于音效以及音樂的取向顯然有所不同??偠灾?,千萬別讓費盡心力添加的動畫與音效成了刺眼又刺耳的垃圾元素。
8.設計元素互不銜接
永遠不要低估在屏幕上留白的重要性,因為其是創(chuàng)造平衡美感的重要基礎。如果導航、側欄與底欄無法協同工作,那么網站內容再好也將沒有意義。我們常見的網站設計錯誤就是在邊欄及子菜單中塞進長長的清單,這會分散用戶注意力并給其帶來糟糕的視覺感受。
9.沒有進行反復測試
由于人們往往使用多種接口與設備進行訪問,因此我們必須反復測試自己的網站設計成果。有時候其在不同操作系統上的表現也有所差別,而我們必須考慮到此類差異。所有環(huán)節(jié)都需要與預期相符,否則人們會很快厭煩并關掉頁面。
10.復雜的注冊格式或者注冊流程
大家應當盡可能簡化注冊流程,因為多數用戶對產品或者服務的注冊機制并不感興趣。如果需要填寫的信息太多或者由于不支持鍵盤而導致流程難于操作,用戶會很快選擇放棄。
網站構建需要投入大量精力,而其最終目的在于吸引潛在群體并宣傳或者表達自己的產品或觀點,并通過重復訪問帶來收益。在設計網站時,我們往往只考慮自己的個人品味——但正確的作法應該是立足于目標受眾的需要與特點。只要保持對設計潮流的敏感度,相信這并不是什么特別困難的要求。