張經(jīng)理 / 18665606093
Email / service@2000new.com
掃一掃添加顧問(wèn)
網(wǎng)頁(yè)設(shè)計(jì)是廣州設(shè)計(jì)工作中一個(gè)比較麻煩的問(wèn)題。創(chuàng)建網(wǎng)站需要考慮很多事情。下面是我在做網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候遇到的一些問(wèn)題,想和大家分享一下我的一些做法和方法。
“做”
1.無(wú)論設(shè)備如何,都要提供類(lèi)似的體驗(yàn)
訪問(wèn)者將使用許多不同類(lèi)型的設(shè)備來(lái)訪問(wèn)您的網(wǎng)站:他們可以通過(guò)臺(tái)式機(jī)或筆記本電腦、平板電腦、手機(jī)、音樂(lè)播放器甚至手表來(lái)訪問(wèn)您的網(wǎng)站。UX設(shè)計(jì)的一個(gè)重要部分是確保無(wú)論訪問(wèn)者如何看待你的網(wǎng)站,無(wú)論他們使用什么設(shè)備,他們都應(yīng)該有相似的體驗(yàn)。
2.設(shè)計(jì)簡(jiǎn)單明了的導(dǎo)航
導(dǎo)航是網(wǎng)站可用性的基石。記住,如果用戶(hù)找不到自己想要的信息,你的網(wǎng)站再好也沒(méi)用。這就是為什么您的網(wǎng)站導(dǎo)航應(yīng)該:
簡(jiǎn)單(每個(gè)站點(diǎn)都應(yīng)該有最簡(jiǎn)單的結(jié)構(gòu))
清晰(導(dǎo)航選項(xiàng)必須讓訪問(wèn)者自己說(shuō)話)
一致(首頁(yè)導(dǎo)航系統(tǒng)每一頁(yè)都要一樣)
設(shè)計(jì)您的導(dǎo)航模式,以便訪問(wèn)者可以盡可能少地點(diǎn)擊,并且它也很容易掃描和定位他們需要去的地方。
3.更改訪問(wèn)鏈接的顏色
鏈接是導(dǎo)航過(guò)程中的一個(gè)關(guān)鍵因素。當(dāng)被訪問(wèn)的鏈接沒(méi)有改變顏色時(shí),用戶(hù)可能會(huì)無(wú)意中重復(fù)訪問(wèn)同一個(gè)頁(yè)面。
4.你可以很容易地瀏覽你的網(wǎng)站
當(dāng)用戶(hù)訪問(wèn)你的網(wǎng)站時(shí),他們更有可能快速瀏覽屏幕,而不是閱讀所有內(nèi)容。因此,如果訪問(wèn)者想要找到內(nèi)容或完成任務(wù),他們會(huì)進(jìn)行掃描,直到找到他們需要去的地方。而你作為設(shè)計(jì)師,可以通過(guò)設(shè)計(jì)一個(gè)好的視覺(jué)層次來(lái)幫助他們。視覺(jué)層次是指以暗示重要性的方式排列或呈現(xiàn)元素(例如,他們的眼睛應(yīng)該聚焦在第一個(gè)、第二個(gè)等)。).
5.檢查所有鏈接
當(dāng)用戶(hù)點(diǎn)擊一個(gè)網(wǎng)站上的鏈接并收到一個(gè)404錯(cuò)誤頁(yè)面時(shí),用戶(hù)很容易感到沮喪。訪問(wèn)者在搜索內(nèi)容時(shí),希望每個(gè)鏈接都能把內(nèi)容放在自己說(shuō)的地方,沒(méi)有404的錯(cuò)誤,或者是沒(méi)有想到別的地方。
6.確保可點(diǎn)擊的元素圖像
對(duì)象的外觀應(yīng)該告訴用戶(hù)如何使用它。視覺(jué)元素看起來(lái)像鏈接或按鈕,但不能被點(diǎn)擊(即鏈接沒(méi)有下劃線的單詞,有調(diào)用詞但沒(méi)有超鏈接的元素),很容易混淆用戶(hù)。用戶(hù)需要知道頁(yè)面的哪些區(qū)域是純靜態(tài)內(nèi)容,哪些區(qū)域是可點(diǎn)擊的。
“別這樣”
1.讓您的訪問(wèn)者等待內(nèi)容加載
當(dāng)訪問(wèn)者不得不等待你的網(wǎng)站加載時(shí),他們會(huì)感到沮喪。如果你的網(wǎng)站加載速度不夠快,他們可能會(huì)離開(kāi)你的網(wǎng)站。如果加載時(shí)間過(guò)長(zhǎng),即使是設(shè)計(jì)最精美的負(fù)載指示器也會(huì)迫使用戶(hù)離開(kāi)網(wǎng)站。2.在新選項(xiàng)卡中打開(kāi)鏈接
這種簡(jiǎn)單粗暴的行為會(huì)直接禁用后退按鈕,這不是用戶(hù)返回之前站點(diǎn)的正常方式。
3.讓促銷(xiāo)廣告占據(jù)界面內(nèi)容
宣傳和廣告內(nèi)容可以掩蓋旁邊的信息,會(huì)增加用戶(hù)查閱信息的操作步驟,增加厭惡感。并不是說(shuō)任何看起來(lái)像廣告的東西通常都會(huì)被用戶(hù)忽略(這種現(xiàn)象叫做“橫幅盲”)。
4.劫持滾動(dòng)
滾動(dòng)條劫持是指設(shè)計(jì)者/開(kāi)發(fā)人員在他們的網(wǎng)站上以不同的方式操縱滾動(dòng)條,這可能包括動(dòng)畫(huà)效果、固定的滾動(dòng)點(diǎn),甚至滾動(dòng)條本身的重新設(shè)計(jì)。劫持滾動(dòng)是很多用戶(hù)最討厭的事情之一,因?yàn)榭丶x他們很遠(yuǎn)。當(dāng)您設(shè)計(jì)網(wǎng)站或用戶(hù)界面時(shí),您希望用戶(hù)通過(guò)網(wǎng)站或應(yīng)用程序來(lái)控制他們的瀏覽和移動(dòng)。
5.自動(dòng)播放聲音和視頻
在后臺(tái)播放視頻、音樂(lè)或聲音會(huì)激怒用戶(hù)。這些元素應(yīng)謹(jǐn)慎使用,并且僅在適當(dāng)和預(yù)期的情況下使用。
6.為了美觀犧牲可用性
網(wǎng)站或用戶(hù)界面的設(shè)計(jì)不應(yīng)影響用戶(hù)使用屏幕內(nèi)容的能力。重要的是要避免繁瑣的內(nèi)容、不均勻的顏色、妨礙網(wǎng)站可讀性或顏色對(duì)比度不足(例如,以下示例)。
7.使用閃爍的文字和廣告
閃爍或閃爍的內(nèi)容可能會(huì)引發(fā)敏感個(gè)體的癲癇發(fā)作。它不僅會(huì)導(dǎo)致癲癇發(fā)作,還會(huì)讓普通用戶(hù)感到厭煩和分心。
總結(jié)
設(shè)計(jì)不是一蹴而就的,它要求我們的設(shè)計(jì)師看世界,看人的行為,看人的心理。設(shè)計(jì)永遠(yuǎn)是用來(lái)解決人類(lèi)的問(wèn)題,可以反映生活的方方面面。