網頁設計不能忽視的6個細節
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,儘可能給予用户完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。下面是關於網頁設計不能忽視的6個細節,希望大家注意這些細節!
No.1 完整的用户體驗
《消費者調查》(Journal of Consumer Research)在2013年刊載的一份研究報告表明,在用户提交訂單、表格或是問題後的反饋能夠提高用户在線體驗的滿意度。所謂“完整”,強調的就是有始有終,尤其是“終”。提供完整的用户體驗不外乎告訴你的用户:他們已經完成了整個流程。再進一步講,你可以告訴他們接下來會有什麼進展,比如“您的支付已完成,快遞單號會在24個小時內發到您的郵箱。”,或是“您的請求已收到,我們會盡快與您聯繫。”
No.2 用户視角
在建設網站時,要做角色轉換,從用户的角度去思考:用户主要想用這個網站做什麼?他們進入這個網站想要找什麼信息?得到這些問題的答案後,儘可能以簡潔美觀的方式把它們放到首頁。舉例來説,如果90%的用户選擇在瀏覽信息前先登錄賬户,那麼你就可以考慮在網頁的右上角加一個快捷登錄的選項。如果大多數用户進入網站是為了找企業的聯繫信息或者營業時間,你可以在首頁加一個邊欄提供這些信息。
No.3 讓網站更有趣
對於用户來説,能夠在線解決問題或者處理一些事情固然帶來了不小的便利,與此同時,他們也希望和其他人或者企業有一些關聯。把企業文化和品牌融入到網站建設中意味着你能提供給用户他們尋求的熟悉感和關聯度,這會給你的網站帶來更多的“回頭客”。
在具體操作層面,想要在網站中融入企業文化和品牌,你可以在網站的每一頁都放上logo,同時網頁的色系要和公司以前的市場宣傳和營銷資料保持一致。另外,還要確保用户和網站之間有一定的互動性,且不會給用户造成視覺負擔(例如:網頁上有適當的“留白”)。
No. 4 照顧移動用户
你的網站有照顧到用手機瀏覽網頁的用户嗎?現在越來越多的人用移動設備上網,這意味着人們會在5英寸的手機屏幕上瀏覽你的網站,而不是19英寸的顯示屏上。如果你的網站沒有根據移動設備做出相應的調整,用户就得先放大網頁,調整頁面找到他們需要的信息,然後再放大,有時還要反覆很多次才能找到正確的按鈕。這樣一番折騰的代價是:他們會直接放棄交易,也不會再去你的網站了。
為了避免這樣的事情發生,一定要在做網頁設計的時候照顧到移動用户,而且要儘可能優化移動界面提高用户滿意度。
No.5 不要讓用户“等”
沒有用户喜歡“等”着頁面刷新。如果你的.網頁10秒才能刷新完畢,那麼你的用户一定早就離開去看別的網站了。為了儘可能減少刷新耗時,你需要選擇好主機,確保帶寬能夠滿足需求。同時,一定要反覆測試網站響應速度確保刷新速度在任何時候都能達到預期。
No.6 打破“單屏”原則
“單屏”原則也算風靡一時,在不滾動屏幕的前提下用單屏呈現儘可能多的內容一度成為設計的主要原則,這也就是為什麼之前一些網站像流程圖一樣,要點擊一個個按鈕不停地跳轉頁面。
現如今以Facebook為代表的可以無限滑動接收消息的平台早已讓“單屏”原則沒了立足之地。相比於一次次點擊按鈕跳轉頁面,用户現在更喜歡通過滾動屏幕就能在首頁找到所有他們需要的信息。只要你在頁面上保留適當的空白不要給用户造成視覺疲勞,再加上堅守KISS準則(Keep It Simple, Stupid),你大可以跳出“單屏”原則的限制,發揮你的創意,讓你的界面滾動起來!
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
網頁設計的佈局
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,儘可能給予用户完美的視覺體驗。以下是小編為您帶來的網頁設計的佈局,看看吧!網頁設計的佈局11、響應式網頁設計響應式網頁設計是網頁設計的一種技術,可在N多種瀏...
-
JavaScript數組去重的四種方法
javascript數組去重方法彙總ue1=function(){varn=[];//一個新的臨時數組for(vari=0;i<th;i++)//遍歷當前數組{//如果當前數組的第i已經保存進了臨時數組,那麼跳過,//否則把當前項push到臨時數組裏面if(xOf(this[i])==-1)(this[i]);}returnn;};ue2=function(){var...