網(wǎng)頁(yè)設(shè)計(jì)中需要注意的一些常見(jiàn)問(wèn)題

對(duì)于行內(nèi)人來(lái)說(shuō)網(wǎng)頁(yè)設(shè)計(jì)可以說(shuō)簡(jiǎn)單也簡(jiǎn)單，說(shuō)麻煩也麻煩；但對(duì)于行外人來(lái)說(shuō)網(wǎng)頁(yè)設(shè)計(jì)就很是麻煩了。設(shè)計(jì)一個(gè)網(wǎng)頁(yè)，從和客戶(hù)溝通、了解客戶(hù)需求，到出草圖進(jìn)行構(gòu)思和創(chuàng)意，每一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師都是每一個(gè)新的設(shè)計(jì)項(xiàng)目中不斷重復(fù)這個(gè)過(guò)程。整個(gè)看上去規(guī)范而流程化的工作方式似乎按部就班就能夠順利拿到讓大家都滿(mǎn)意的結(jié)果，但其實(shí)在每一個(gè)步驟中都存在難度，某一個(gè)方面沒(méi)有做好，可能就會(huì)影響到最終設(shè)計(jì)稿的質(zhì)量。因此，在具體問(wèn)題和細(xì)節(jié)是，需要具體考慮和對(duì)待的問(wèn)題一點(diǎn)也不少。面對(duì)隨時(shí)出現(xiàn)的問(wèn)題，我們總結(jié)了一些平時(shí)設(shè)計(jì)工作的體會(huì)聊聊網(wǎng)頁(yè)設(shè)計(jì)中的一些常見(jiàn)問(wèn)題及應(yīng)對(duì)方法。

一、和客戶(hù)溝通的不夠充分，導(dǎo)致設(shè)計(jì)方向出現(xiàn)偏差

這個(gè)問(wèn)題是在設(shè)計(jì)流程中出現(xiàn)最多，也最容易導(dǎo)致客戶(hù)和設(shè)計(jì)師產(chǎn)生矛盾的問(wèn)題。最終的結(jié)果是客戶(hù)覺(jué)得怎么修改設(shè)計(jì)都不能讓自己滿(mǎn)意，而設(shè)計(jì)師卻不勝其煩，認(rèn)為客戶(hù)太難說(shuō)話(huà)，原因其實(shí)就出在雙方的溝通上。

作為客戶(hù)來(lái)說(shuō)，很多時(shí)候他們對(duì)于期望的設(shè)計(jì)產(chǎn)品腦子里往往只有模糊的概念，只能交代給設(shè)計(jì)師一個(gè)過(guò)于粗略的設(shè)計(jì)方向，甚至有些客戶(hù)提出”先做一稿出來(lái)我再看”的要求。遇到這種情況，設(shè)計(jì)師要清楚客戶(hù)自己的設(shè)計(jì)需求是不明晰的，而作為設(shè)計(jì)師來(lái)說(shuō)，這時(shí)就需要積極地引導(dǎo)客戶(hù)，使他們明晰設(shè)計(jì)需求，從而避免由于雙方未在設(shè)計(jì)目標(biāo)和期許上達(dá)成一致，造成設(shè)計(jì)方向上出現(xiàn)偏差，而導(dǎo)致設(shè)計(jì)中大范圍、不斷的修改設(shè)計(jì)稿，甚至一遍一遍的推倒重來(lái)的結(jié)果。

要使雙方對(duì)最終的設(shè)計(jì)都滿(mǎn)意，就需要盡可能詳細(xì)的溝通，客戶(hù)和設(shè)計(jì)師之間理解程度越高，最后達(dá)成的一致性也越高，這兩者是呈正相關(guān)的關(guān)系。要做到這一點(diǎn)，我個(gè)人的方法是在溝通的環(huán)節(jié)設(shè)計(jì)系統(tǒng)的調(diào)查問(wèn)卷讓客戶(hù)作答，以幫助客戶(hù)梳理、明晰設(shè)計(jì)需求。下面是我經(jīng)常使用的調(diào)查問(wèn)卷內(nèi)容，其中需要客戶(hù)作答7個(gè)問(wèn)題，這些問(wèn)題基本可以幫助客戶(hù)和設(shè)計(jì)師明確設(shè)計(jì)方向，你也可以依據(jù)在和客戶(hù)溝通中的具體情況修改或者完善這些問(wèn)題。

1、當(dāng)訪問(wèn)者訪問(wèn)你的網(wǎng)站的時(shí)候，你希望它們做什么？（比如購(gòu)買(mǎi)某種產(chǎn)品、服務(wù)，或者展示企業(yè)的形象等）

2、網(wǎng)站的主體用戶(hù)是哪部分人群？（白領(lǐng)年輕女性、有某方面需求的老年人等）

3、網(wǎng)站的整體風(fēng)格是什么？當(dāng)訪問(wèn)者進(jìn)入你的網(wǎng)站，你希望他們有什么感覺(jué)？不希望他們有什么感覺(jué)？

4、舉幾個(gè)你喜歡的網(wǎng)站，并說(shuō)明原因；例舉幾個(gè)你討厭的網(wǎng)站，也說(shuō)明原因。（請(qǐng)將網(wǎng)站鏈接或者截圖粘貼在下方）

5、網(wǎng)站欄目有哪些？并提供具體信息內(nèi)容（可粘貼在下方）

6、請(qǐng)?zhí)峁?a href="http://www.bm7419.com/" target="_blank">網(wǎng)站設(shè)計(jì)的資料，包括logo，公司圖片，產(chǎn)品圖片等（打包以附件形式發(fā)送至設(shè)計(jì)師郵箱）

7、請(qǐng)?zhí)峁┠穆?lián)系方式。（QQ、手機(jī)或者郵箱）

二、無(wú)論在什么設(shè)備上，盡量提供類(lèi)似的體驗(yàn)

用戶(hù)可能會(huì)從不同的設(shè)備上訪問(wèn)你的網(wǎng)站，可能在桌面端上，筆記本電腦、平板電腦和手機(jī)上，甚至有可能在智能手表上打開(kāi)你的網(wǎng)站。而作為用戶(hù)體驗(yàn)設(shè)計(jì)的工作目標(biāo)之一，就是盡量確保無(wú)論在哪個(gè)設(shè)備上打開(kāi)，都能給用戶(hù)以類(lèi)似、相對(duì)一致的體驗(yàn)。

如果用戶(hù)需要在手機(jī)上查看你的網(wǎng)站，那么他應(yīng)該能夠像在家里的電腦上查看的時(shí)候那樣，找到所有他希望能找到的內(nèi)容。

三、清晰而易用的導(dǎo)航設(shè)計(jì)

導(dǎo)航是網(wǎng)頁(yè)可用性的基石。如果用戶(hù)無(wú)法通過(guò)導(dǎo)航找到自己想要的內(nèi)容，那么無(wú)論網(wǎng)站設(shè)計(jì)多好，都是不達(dá)標(biāo)的。所以，你的網(wǎng)站導(dǎo)航應(yīng)該符合下面的特征：

●簡(jiǎn)單（每個(gè)網(wǎng)站都應(yīng)該具備簡(jiǎn)單明了的結(jié)構(gòu)）

●清晰（導(dǎo)航的選項(xiàng)對(duì)于用戶(hù)而言應(yīng)該是不言自明的）

●一致（導(dǎo)航在各個(gè)頁(yè)面上應(yīng)該都是一致的）

這樣的導(dǎo)航能夠讓用戶(hù)盡可能少的點(diǎn)擊用來(lái)抵達(dá)他們要去的頁(yè)面。

四、讓已訪問(wèn)的鏈接顯示為別的色彩

每個(gè)網(wǎng)站當(dāng)中各種鏈接都不少。為了和文本區(qū)分開(kāi)來(lái)，鏈接通常色彩不一樣，如果用戶(hù)點(diǎn)擊之后再返回，鏈接色彩不作區(qū)分的話(huà)，用戶(hù)可能會(huì)無(wú)意中重復(fù)訪問(wèn)相同的頁(yè)面。所以，讓已訪問(wèn)過(guò)的鏈接顯示為其他的色彩，讓用戶(hù)更好地決定下一步點(diǎn)擊哪里。

五、讓用戶(hù)更容易掃視頁(yè)面

當(dāng)用戶(hù)剛剛開(kāi)始打開(kāi)網(wǎng)頁(yè)的時(shí)候，可能會(huì)傾向于快速掃視整個(gè)頁(yè)面，而非通讀所有內(nèi)容。當(dāng)用戶(hù)想要快速判斷出他們想要的內(nèi)容在哪里的時(shí)候，就需要快速掃視、定位。作為設(shè)計(jì)師，讓頁(yè)面的層次結(jié)構(gòu)足夠清晰，才能讓用戶(hù)更清晰地快速獲取信息。如何將內(nèi)容按照重要性、有層次地呈現(xiàn)出來(lái)，還是挺考驗(yàn)網(wǎng)頁(yè)設(shè)計(jì)師的權(quán)衡能力的。

六、仔細(xì)檢查所有鏈接

當(dāng)鏈接所指向的頁(yè)面不存在的時(shí)候，用戶(hù)所打開(kāi)的頁(yè)面就會(huì)自然地變?yōu)?404 了，而這種情況是一定會(huì)讓用戶(hù)產(chǎn)生沮喪的情緒的。為了避免用戶(hù)在瀏覽過(guò)程中因此對(duì)你的網(wǎng)站產(chǎn)生失望的情緒，請(qǐng)務(wù)必確保沒(méi)個(gè)鏈接都指向正確的頁(yè)面。

七 、確保元素的視覺(jué)和功能表里如一

許多元素的外觀特征會(huì)呈現(xiàn)出它功能性的一面，這也就是我們常說(shuō)的顯而易見(jiàn)、不言自明的設(shè)計(jì)。鏈接通常會(huì)呈現(xiàn)成特定的色彩，帶有下劃線，如果你的內(nèi)容文本中有這么一段文字擁有這樣的特征，用戶(hù)通常會(huì)認(rèn)為它是一個(gè)鏈接。如果點(diǎn)擊的時(shí)候發(fā)現(xiàn)它無(wú)法跳轉(zhuǎn)，會(huì)讓人有“被欺騙”的感覺(jué)。用戶(hù)需要知道哪些內(nèi)容是可點(diǎn)擊的，而哪些只是強(qiáng)調(diào)，設(shè)計(jì)要表里如一。

八、不要讓你的用戶(hù)長(zhǎng)時(shí)間等待加載

不論是面對(duì)APP還是網(wǎng)頁(yè)，用戶(hù)的耐心都非常之有限。有研究表明， 7 秒的等待幾乎是用戶(hù)的等待極限，而 10 秒的加載時(shí)間，只會(huì)讓絕大多數(shù)的用戶(hù)關(guān)閉頁(yè)面，再精美的加載動(dòng)畫(huà)都安撫不了用戶(hù)的煩躁。所以，不要讓你的用戶(hù)等待加載，尤其是這個(gè)加載時(shí)間很長(zhǎng)的時(shí)候。相關(guān)的應(yīng)對(duì)策略很多，比如你可以采用占位符先顯示布局，逐步加載內(nèi)容，至少讓用戶(hù)知道，這個(gè)過(guò)程正在推進(jìn)。

九、不要讓促銷(xiāo)廣告蓋住內(nèi)容

現(xiàn)實(shí)生活中廣告已經(jīng)讓人難以忍受了，如果你的網(wǎng)頁(yè)中廣告居然擋住了主要內(nèi)容，這幾乎是逼著你的用戶(hù)生氣關(guān)閉頁(yè)面，這樣換來(lái)的廣告營(yíng)收從某種意義上也是飲鴆止渴。

另外一方面，長(zhǎng)時(shí)間的互聯(lián)網(wǎng)瀏覽經(jīng)驗(yàn)會(huì)培養(yǎng)出用戶(hù)的另外一種廣告應(yīng)對(duì)策略：當(dāng)他們看到廣告的時(shí)候會(huì)主動(dòng)忽略它。這對(duì)于廣告的轉(zhuǎn)化率同樣是毀滅性的打擊，不是么？

十、避免滾動(dòng)劫持

滾動(dòng)劫持通常指的是開(kāi)發(fā)者或者設(shè)計(jì)師為了實(shí)現(xiàn)新的布局、動(dòng)畫(huà)或者排版，而修改了滾動(dòng)的固定點(diǎn)甚至滾動(dòng)條和體驗(yàn)本身，帶來(lái)的非常規(guī)的滾動(dòng)體驗(yàn)。滾動(dòng)劫持是最?lèi)廊说臓顩r之一，所以，通常而言，除非極個(gè)別的原因，盡量不要過(guò)度調(diào)整和修改用戶(hù)滾動(dòng)瀏覽的體驗(yàn)設(shè)計(jì)。

十一、不要讓視頻和音頻自動(dòng)播放并出聲

視頻和音頻自動(dòng)播放對(duì)于用戶(hù)而言是一種失控的體驗(yàn)，對(duì)于用戶(hù)也是一種刺激。這樣的設(shè)計(jì)應(yīng)該謹(jǐn)慎使用，除非用戶(hù)對(duì)此已經(jīng)有所預(yù)期。

十二、不要為了漂亮而犧牲可用性

網(wǎng)站和APP的界面設(shè)計(jì)的外觀不應(yīng)該影響它本身的可用性。避免繁瑣的設(shè)計(jì)，為了美觀而犧牲內(nèi)容的可讀性和對(duì)比性都是不能讓人接受的體驗(yàn)。

十三、不要使用晃眼的文本和廣告

令人晃眼的文本和廣告本身體驗(yàn)不佳，它們會(huì)讓人分心，而且還會(huì)觸發(fā)體質(zhì)敏感的癲癇患者發(fā)病。

本文標(biāo)題：網(wǎng)頁(yè)設(shè)計(jì)中需要注意的一些常見(jiàn)問(wèn)題
轉(zhuǎn)載注明：http://www.bm7419.com/news8/62708.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、網(wǎng)站營(yíng)銷(xiāo)、全網(wǎng)營(yíng)銷(xiāo)推廣、ChatGPT、定制開(kāi)發(fā)、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)