從品牌網(wǎng)站建設(shè)到網(wǎng)絡(luò)營銷策劃,從策略到執(zhí)行的一站式服務(wù)
來源:中聯(lián)星空網(wǎng)絡(luò)科技有限公司 | 2015.11.18
在網(wǎng)頁設(shè)計(jì)過程中,每個(gè)網(wǎng)站的用色和布局都能夠充分體現(xiàn)出相關(guān)產(chǎn)品和品牌的宣傳信息。然而在網(wǎng)頁設(shè)計(jì)過程中我們要遵循哪些原則才能夠讓網(wǎng)站更加的易用,每個(gè)訪客來到網(wǎng)站就會(huì)對網(wǎng)站有不一樣的感覺,下面濟(jì)南網(wǎng)絡(luò)公司就為您講解下網(wǎng)頁設(shè)計(jì)過程中遵循的設(shè)計(jì)原則。
1、不要改變用戶窗口的大?。哼@個(gè)觀點(diǎn)和反對彈出窗口的觀點(diǎn)是類似的。一些瀏覽器,比如IE,會(huì)為以后的進(jìn)程保存瀏覽器的尺寸。如濟(jì)南網(wǎng)站建設(shè)所描述的那樣"認(rèn)為自己比用戶更清楚軟件環(huán)境該如何配置是非常不合情理的"。
2、不要使字體太小:字體如果太小,長篇的文章閱讀起來會(huì)比較困難。也不要把鏈接、表單、搜索框和其他的元素弄得太小。另外,確保任何內(nèi)容塊都在50-85個(gè)字符之間,在文字的周圍提供充足的空白。
3、鏈接文本要清晰:鏈接文字應(yīng)該用來描述它所指向的目的地。避免使用含糊的描述。
4、去除死鏈,網(wǎng)上有太多死鏈了。不要把你的用戶引入死路。
5、校對:通讀全部內(nèi)容。即使你已經(jīng)讀過了,再讀一遍。另外,也請別人來讀一讀。你總會(huì)找到一些可以改進(jìn)的地方??纯茨闶欠窨梢栽诒3痔匦圆蛔兊那闆r下壓縮文本。把大的文本塊分成小的段落。添加醒目的標(biāo)題,使用列表以便用戶掃讀。校對時(shí)也不要忘記動(dòng)態(tài)文本,比如彈出窗口的文字。通過檢查,確保重要的文字在顯示時(shí)不會(huì)成為孤立的一行,確保標(biāo)點(diǎn)符號使用正確,尤其是撇號、引號、連字符和破折號。
6、檢查功能:仔細(xì)檢查每一處,如果你有一個(gè)建立聯(lián)系的表單,測試一下它的結(jié)果。讓其他人去檢測你的網(wǎng)站,不僅僅限于家庭成員和朋友,還應(yīng)包括括目標(biāo)用戶。坐下來看看他們?nèi)绾问褂媚愕木W(wǎng)站的,當(dāng)其他人使用網(wǎng)站的方式和你的預(yù)期不同時(shí)會(huì)發(fā)現(xiàn)什么,這是個(gè)很有吸引力的問題。通常要檢查的東西是建立聯(lián)系的表單、搜索功能、購物框和注冊區(qū)域。
7、使表單盡可能簡潔:使用合適的表單元素(選擇按鈕、復(fù)選框、輸入?yún)^(qū)域、文本區(qū)域)來完成相應(yīng)的任務(wù),提供充足的空白(以及足夠的邊距)以便入內(nèi)容,移除不必要的區(qū)域,為每個(gè)輸入?yún)^(qū)域提供描述性的標(biāo)簽《如果有必要添加幫助信息和提示倌息)。同樣,不要強(qiáng)迫用戶使用嚴(yán)格的輸入格式(比如,當(dāng)用戶輸入的電話號碼沒有括號、連字符和空格時(shí),系統(tǒng)也應(yīng)該能夠識別)。同樣,提供有用的、信息充分的錯(cuò)誤提示信息。
8、優(yōu)雅降級。你的網(wǎng)站在JavaScript不起作用時(shí)也要能正常工作。因?yàn)槌鲇趯Π踩蛩氐目紤],用戶通常會(huì)關(guān)閉瀏覽器JavaScript的支持功能,所以對此要有所準(zhǔn)備。通過測試,確保你的表達(dá)在這種情況下仍然能完成服務(wù)器端的有效性檢驗(yàn),同時(shí)對你使用的AJAX效果進(jìn)行測試。
9、不要忘記保護(hù)性設(shè)計(jì):最容易被忽略的保護(hù)性設(shè)計(jì)元素就是404頁面。當(dāng)用戶請求一個(gè)不存在的頁面時(shí),就會(huì)顯示404頁面。通過提供一個(gè)有用的404頁面把你的用戶引導(dǎo)回來,這個(gè)頁面可以導(dǎo)向主頁,也可以向其他用戶推薦他們可能感興趣的頁面。同樣檢查你需要驗(yàn)證的表單。通過提交異常信息進(jìn)行測試(在需要填數(shù)字的區(qū)域填寫大量字符和字母等信息),看一看是否會(huì)發(fā)生錯(cuò)誤,以及是否為用戶提供了足夠的反饋信息以便修正它。
10. 考慮打印網(wǎng)頁:如果用戶想要打印網(wǎng)站上的網(wǎng)頁,他們只希望打印主要內(nèi)容而不是導(dǎo)航和額外的設(shè)計(jì)元素。這就是為什么要?jiǎng)?chuàng)建—個(gè)專門用來打印的模板。同時(shí),某些CSS元素,比如懸浮文字區(qū),打印出來的效果并不總是很好。
11、為獲得最佳性能而努力:你將會(huì)為了獲得最佳性能而配置你的網(wǎng)站。在網(wǎng)站發(fā)布后應(yīng)該持續(xù)進(jìn)行這一工作,但是你也可以在發(fā)布前通過簡單的幾個(gè)步驟進(jìn)行操作。減少HTTP請求、盡可能使用CSS sprite、優(yōu)化網(wǎng)站圖片、壓縮JavaScript和CSS文件,這樣你的頁面會(huì)載入得更快,并且占用更少的服務(wù)器資源。
12、讓用戶很容易聯(lián)系到你:也許你不想與用戶聯(lián)系|但是如果你的用戶想要和你聯(lián)系,但是卻找不到任何聯(lián)系信息,他們將失去興趣和對你的信任,這對于網(wǎng)站而言是個(gè)設(shè)計(jì)上的失誤,他會(huì)使網(wǎng)站錯(cuò)失良機(jī)。