您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計理論 >> 瀏覽設計教程

簡單7招教你改善網(wǎng)頁設計和用戶體驗

你是否會經(jīng)常搜索一些網(wǎng)頁,但是發(fā)現(xiàn)無法找到所需要的信息時便隨即退出?

你是否會經(jīng)常睜大眼睛去讀取一些網(wǎng)站很小的字?

當一個網(wǎng)頁需要讓你拖動水平滾動條才能閱讀完文字時,你有多沮喪?

設計網(wǎng)頁要記?。涸L問者很忙、沒有耐心,還會開很多其他網(wǎng)頁進行對比。因此如果不能在你的網(wǎng)頁迅速找到他們需要的東西,他們就會迅速離開你的網(wǎng)頁!

良好的網(wǎng)頁設計和用戶體驗是吸引和留住訪客的關鍵因素!本文提供幾個簡單的步驟,幫助你輕松改善你網(wǎng)站的網(wǎng)頁設計何用戶體驗

1.“首頁”要放在網(wǎng)頁關鍵的地方

一個很多初學網(wǎng)頁設計的人容易犯的錯誤是忘記添加一個顯眼的返回首頁的超鏈接到各個頁面上。

添加這個鏈接可以幫助訪問者迅速返回網(wǎng)站首頁,否則,有可能會造成訪問者訪問障礙,進而離開你的網(wǎng)站,并且很有可能日后不再訪問。下圖的是一個好的導航欄設計:

2.對網(wǎng)頁內容進行恰當簡潔的文字描述

很多數(shù)人所想象的相反,訪問者進入一個新的網(wǎng)頁,會先注意文字部分,然后才注意圖像和網(wǎng)頁設計。

好的網(wǎng)頁設計固然重要,但是用簡潔明了的文字傳達內容也是非常重要的,而且過多的圖片可能會分散訪客的注意力。點擊這個設計學習。

3.注意網(wǎng)頁的尺寸問題 (最基本的文字大小)

當設計網(wǎng)頁時有很多內容,又不想使用太多的頁面怎么辦?

記?。河肋h不要通過讓字體變小來解決這個問題!不要使你的網(wǎng)頁正文字體小于10px或者大于14px。(注:中文宋體字小于12px難以閱讀)。

初學網(wǎng)頁設計的人會使用一些書法字、斜體風格,這樣同樣是很難閱讀的,正文字體建議用最普通的字體(中文只有宋體可用)。而且不要使用多種字體,保持字體的統(tǒng)一性。

保持網(wǎng)頁文字的可讀性:有大段文字的時候,最好按照內容分門別類,拆分成幾個段落,加上相應的標題和子標題,這樣可以很方便讀者閱讀。

4.網(wǎng)頁設計的背景顏色和文字顏色搭配

一些糟糕的網(wǎng)頁設計,背景顏色和文字顏色搭配得很不好,例如:

黑色的背景,很多很長的白色字體;藍色的背景,紅色的文字;或者使用一些閃爍的背景。這些在網(wǎng)頁設計時,都是要避免的。

訪問下面這個網(wǎng)站參考:

5.安排好分享按鈕的位置

隨著Web2.0的興起,出現(xiàn)了很多的社交網(wǎng)絡,極大的方便了大家分享互聯(lián)網(wǎng)的好東西。

但是在網(wǎng)頁設計時要恰當?shù)匕才藕迷O計分享到設計網(wǎng)絡這些按鈕的位置,不要喧賓奪主。記住網(wǎng)站內容才是主要的,訪問者如果覺得文章好的話,會自己去尋找分享按鈕。

6.正確使用滾動條

不要使用水平滾動條,這是不好的用戶體驗。盡量使用垂直滾動條,而且要把重要的內容放在上面,因為有些訪問者根本不喜歡滾動。

7.從朋友那里獲取一些建議

在你遵循上面的一些建議之后,你的網(wǎng)頁設計和用戶體驗會得到改善。但是在正式發(fā)布之前,讓幾個朋友幫你訪問,給你一些忠實有用的反饋。因為在設計網(wǎng)頁的過程中,就失去了新鮮感,所以需要一些初次訪問的印象。

原文鏈接:How to improve your website’s design in 7 simple steps
[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/di1070.html
從業(yè)余到專業(yè)系列--04:網(wǎng)頁設計理論的相似準則
響應式網(wǎng)頁設計是什么?
圖趣網(wǎng)微信
建議反饋
×