設(shè)計(jì)網(wǎng)頁(yè)時(shí)要考慮的60個(gè)問(wèn)題
我們花費(fèi)許多時(shí)間問(wèn)自己、問(wèn)客戶(hù)、問(wèn)其他人問(wèn)題。類(lèi)似于，是否要為我們最新的網(wǎng)頁(yè)選擇綠色陰影？如何選擇復(fù)雜的排版解決方案？對(duì)于一個(gè)網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō)，正確提問(wèn)是一項(xiàng)非常重要的能力。在本文中，我們列出了60個(gè)典型問(wèn)題——這些問(wèn)題是網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)家在完成作品前必問(wèn)的60題。
為什么向自己發(fā)問(wèn)很重要？
許多專(zhuān)家靠備忘錄輔助工作，而其他人并非如此。但世上沒(méi)有萬(wàn)無(wú)一失的辦法來(lái)規(guī)避因?yàn)檫z漏東西而帶來(lái)的窘迫感，所以當(dāng)你在設(shè)計(jì)一個(gè)網(wǎng)頁(yè)的時(shí)候，不斷地向自己發(fā)問(wèn)是非常好的辦法。有時(shí)候，這些問(wèn)題甚至可以簡(jiǎn)單到如“我這是在工作嗎？”，而通常情況下，需要問(wèn)自己一些更富專(zhuān)業(yè)性和技術(shù)性的問(wèn)題，當(dāng)然，別忘了回答。
如果你總像完美主義者般那樣神經(jīng)質(zhì)地猜疑你自己，或者相反地瞎做決定，這恐怕不會(huì)讓你的工作變得輕松。雖然沒(méi)有什么辦法能夠估量我們做出的決定是否正確，但在工作過(guò)程中不斷向自己發(fā)問(wèn)至少能夠避免這些煩人的錯(cuò)誤。
有關(guān)項(xiàng)目管理的15個(gè)問(wèn)題
項(xiàng)目管理是網(wǎng)頁(yè)設(shè)計(jì)工作的重心環(huán)節(jié)之一。制作一個(gè)新的網(wǎng)頁(yè)就好比搭建一座新的房子�？紤]到有許多細(xì)節(jié)需要斟酌，在開(kāi)始工作前計(jì)劃一下是非常有效的。
1“我的客戶(hù)簽好合同了嗎？”——如果你不與客戶(hù)簽合同就開(kāi)始工作的話，是非差有風(fēng)險(xiǎn)的。
2“我清楚最后的成品是什么樣子了嗎？”——對(duì)你自己要做的工作必須有個(gè)清晰的計(jì)劃，包括圖表，線框，模型等，務(wù)必把這些搞清楚。
3“所有內(nèi)容都已經(jīng)寫(xiě)下了嗎？”——一個(gè)沒(méi)有內(nèi)容的網(wǎng)頁(yè)就像一幅沒(méi)有帆布的油畫(huà)，最理想的情況是，一個(gè)網(wǎng)頁(yè)必須根據(jù)內(nèi)容而建，反之則不可行。
4“這個(gè)網(wǎng)頁(yè)需要提前準(zhǔn)備什么嗎？”——諸如WordPress之類(lèi)的工具能使生活更美好，所以在你寫(xiě)代碼前要想好你要什么工具。
5“我的競(jìng)爭(zhēng)對(duì)手可能給客戶(hù)提供些什么呢？”——你的對(duì)手往往是好主意的來(lái)源，知道他們?cè)诟尚┦裁茨軒椭愀玫赜项櫩偷男枨蟆?br />
6“我有準(zhǔn)確的最后期限嗎？”——設(shè)定一個(gè)現(xiàn)實(shí)的最后期限，并督促你自己按著期限來(lái)追趕你的工作速度是非常重要的。
7“我需要追加一些投入嗎？”——網(wǎng)頁(yè)設(shè)計(jì)一般不需花費(fèi)很多，你可以靠一些非常便宜的軟件就搞定它，但是，你必須有準(zhǔn)備為這些工作花更多的資金。
8“我具有必要的技能了嗎？”——有些網(wǎng)頁(yè)設(shè)計(jì)要比其他的復(fù)雜得多，仔細(xì)想想你都需要哪些技能去完成它，而且要知道你所擁有的知識(shí)是不是最新的。
9“我考慮過(guò)營(yíng)銷(xiāo)推廣嗎？”——一個(gè)網(wǎng)頁(yè)如果沒(méi)有訪客，那真是太糟糕了。檢查一下你為營(yíng)銷(xiāo)推廣所做的準(zhǔn)備，比如社會(huì)化媒體，SEO還有廣告。
10“我做的這個(gè)網(wǎng)頁(yè)有用嗎？”——將時(shí)間精力浪費(fèi)在一個(gè)沒(méi)有價(jià)值的項(xiàng)目上是很糟糕的事情，所以務(wù)必在一開(kāi)始就把這些壞可能給去除。
11“我對(duì)于目標(biāo)人群的定位清楚嗎？”——了解你想要吸引的目標(biāo)客戶(hù)將會(huì)幫助你更好地設(shè)計(jì)網(wǎng)頁(yè)內(nèi)容。
12“我有備忘錄或者準(zhǔn)則嗎？”——哪怕是最基本的準(zhǔn)則和備忘錄都能對(duì)你的工作起很大的幫助。
13“我的主機(jī)能招架住這些流量需求嗎？”——找到合適正確的優(yōu)秀的主機(jī)很重要，如果放映幾GB的視頻想要順利的話，合租主機(jī)不是個(gè)好辦法。
14“需要播放的媒體素材都準(zhǔn)備好了嗎？”——有些網(wǎng)頁(yè)需要播放視頻、音頻或者PDF這樣格式的媒體文件。好好想一下是否都準(zhǔn)備好以免耽誤。
15“我還希望在這個(gè)項(xiàng)目里包含什么元素？”——也許你需要接受這筆款項(xiàng)，或者你可能需要加一個(gè)相冊(cè)。將你需要的東西提前安排與計(jì)劃好。
15個(gè)有關(guān)代碼的問(wèn)題
接下來(lái)的問(wèn)題是有關(guān)代碼編寫(xiě)的。如果你需要設(shè)計(jì)一個(gè)網(wǎng)頁(yè)，那你將會(huì)與HTML,CSS還有JavaScript打交道。每一種語(yǔ)言都有書(shū)寫(xiě)規(guī)則和適用范圍給你參照，這些將幫助你最終完成的作品看起來(lái)非常專(zhuān)業(yè)和標(biāo)準(zhǔn)化。然而，除此之外還是有許多需要你考慮的問(wèn)題。
源代碼對(duì)你設(shè)計(jì)的內(nèi)容所帶來(lái)的影響非常大
16“這些代碼能生效嗎？”——有效性并不是代碼質(zhì)量的全部測(cè)量標(biāo)準(zhǔn)，但它能保證你的代碼按照標(biāo)準(zhǔn)寫(xiě)，也能幫助你發(fā)現(xiàn)在書(shū)寫(xiě)過(guò)程中的錯(cuò)誤。
17“我是不是要考慮適用CSS3或者HTML5？”——雖然許多用戶(hù)不使用支持CSS3和HTML5代碼的瀏覽器，但如果你能合理適用這些代碼的優(yōu)勢(shì)，那它將會(huì)幫助你的產(chǎn)品擁有更多的價(jià)值和含金量，讓你的網(wǎng)頁(yè)設(shè)計(jì)作品看起來(lái)完美極了。
18“這些代碼寫(xiě)得對(duì)嗎？”——在工作中適用正確的標(biāo)簽?zāi)軒椭闾岣咝�，而且搜索引擎偏好有意義的代碼。用代表圖表，用顯示無(wú)序的列表，用顯示互相有聯(lián)系的列表，用代表超鏈接，用代表可點(diǎn)擊的用戶(hù)界面按鈕，等等。
19“我充分利用插件了嗎？”——考慮一下是否要使用XML協(xié)議或者域名邊上的小圖標(biāo)，這些可變量能幫助你加強(qiáng)網(wǎng)頁(yè)可看性。
20“我需要提供RSS訂閱嗎？”——如果你的網(wǎng)頁(yè)內(nèi)容很多，而且更新非�？�(比如：博客或者新聞網(wǎng)站)，提供RSS訂閱將保證你的讀者能第一時(shí)間收到你更新的消息和內(nèi)容。如果你不使用CMS內(nèi)容管理系統(tǒng)的話，考慮一下使用SimplePie來(lái)構(gòu)建你的RSS訂閱功能。
21“我寫(xiě)的這些代碼已經(jīng)是最簡(jiǎn)化最精致了的嗎？”——系統(tǒng)的容錯(cuò)能力非常重要，學(xué)習(xí)一下如何能精簡(jiǎn)你的代碼使其更完美更簡(jiǎn)潔。
22“我考慮過(guò)SEO了嗎？”——搜索引擎不會(huì)主動(dòng)來(lái)照顧你的網(wǎng)頁(yè)，它不會(huì)自動(dòng)就讓你的網(wǎng)頁(yè)讓更多人看到。所以你需要學(xué)習(xí)更多的SEO的相關(guān)內(nèi)容，來(lái)使你的網(wǎng)頁(yè)更多地被搜索引擎收錄，提高點(diǎn)擊率。
23“我設(shè)計(jì)的頁(yè)面排版方便打印嗎？”——設(shè)計(jì)一個(gè)適合打印的CSS文件是非常有必要的，因?yàn)橛性S多人習(xí)慣將看到的網(wǎng)頁(yè)直接打印出來(lái)。
24“我的代碼寫(xiě)得標(biāo)準(zhǔn)嗎？”——寫(xiě)了死代碼真是非常不好。諸如在W3C，HTML4里使用，或者。這樣的話你的工作質(zhì)量會(huì)打折扣。所以反復(fù)核查你所寫(xiě)的代碼，確保你沒(méi)有寫(xiě)出這些無(wú)效的代碼。
25“我需要加入條件式注解嗎？”——IE6還沒(méi)有完全退出歷史，如果你的網(wǎng)頁(yè)需要你支持IE瀏覽器的話，你需要使用條件式注解來(lái)滿足IE的獨(dú)特需求。這能使你的代碼在W3C標(biāo)準(zhǔn)下有效，如果你一旦不想使用它了，你只需移除你頁(yè)面上的注解即可。利用JavaScript技術(shù)來(lái)滿足IE6和HTML5代碼支持的網(wǎng)頁(yè)就是另外一回事了，但是你需要考慮一下萬(wàn)一用戶(hù)使用舊版瀏覽器，Java代碼不能支持的時(shí)候，該如何解決。
26“我分清HTML, CSS, JavaScript了嗎？”——這一點(diǎn)相當(dāng)重要，關(guān)系到你的頁(yè)面到底能提供多好的體驗(yàn)。
27“我的頁(yè)面導(dǎo)航實(shí)用嗎？”——導(dǎo)航菜單是頁(yè)面最重要的部分。要好好地做對(duì)它。
28“我檢查過(guò)冗余的HTML和CSS了嗎？”——代碼寫(xiě)著寫(xiě)著就容易冗長(zhǎng)，多余，所以多檢查一下，看看有什么地方還能簡(jiǎn)化。
29“代碼便于組織和維護(hù)嗎？”——好好核查你的代碼，保證它日后能被修改和升級(jí)。
30“使用框架能加強(qiáng)網(wǎng)頁(yè)效果嗎？”——最近，類(lèi)似jquery和mootools開(kāi)源框架能加快代碼的讀取速度，并保證低錯(cuò)誤綠。如果你覺(jué)得這樣的工具有助于你，為什么不趕緊學(xué)習(xí)使用它們？
15個(gè)有關(guān)網(wǎng)頁(yè)設(shè)計(jì)的問(wèn)題
網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程往往充滿了有關(guān)色彩、字體等相關(guān)問(wèn)題。當(dāng)你對(duì)管理和代碼問(wèn)題都能應(yīng)對(duì)自如后，網(wǎng)頁(yè)設(shè)計(jì)的問(wèn)題自然就會(huì)浮現(xiàn)出來(lái)。網(wǎng)頁(yè)設(shè)計(jì)需要你不斷地做決定，這些就是你對(duì)于問(wèn)題的回答。
31“我的媒體優(yōu)化得到位了嗎？”——圖像、視頻、音頻將占用很大的帶寬和空間。仔細(xì)考慮如何使他們運(yùn)行得更流暢。
32“用戶(hù)界面是不是太復(fù)雜了？”——一個(gè)復(fù)雜又凌亂擁擠的頁(yè)面是不會(huì)受歡迎的。想一下可以縮減哪些東西讓界面更簡(jiǎn)潔。
33“我的設(shè)計(jì)是與眾不同的嗎？”——讓你的頁(yè)面更奪人眼球，做出前所未有富有新意的東西能迅速提高你的品牌形象。
34“什么時(shí)候需要重新設(shè)計(jì)？”——你能在目前的基礎(chǔ)上做出更大的進(jìn)步嗎？
35“這個(gè)網(wǎng)頁(yè)合格嗎？”——不管你使用一欄還是三欄，多么多的鏈接，你頁(yè)面的視覺(jué)感將會(huì)極大地影響到它的可讀性。
36“我選的色彩看起來(lái)舒服嗎？”——色彩常影響人的感覺(jué)，同一塊調(diào)色板可以調(diào)出讓你的頁(yè)面看起來(lái)很專(zhuān)業(yè)的顏色，也可以看起來(lái)很膚淺。你要好好選擇。
37“哪種字體最好？”——除了顏色，就是字體最影響視覺(jué)感了。要謹(jǐn)慎選擇你的頁(yè)面字體。
38“內(nèi)頁(yè)鏈接都?jí)蝻@眼嗎？”——如果鏈接讓人難以發(fā)現(xiàn)，那等于白做。確定你做的錨文本都能被看到。
39“你留了足夠的空白了嗎？”——許多網(wǎng)頁(yè)把大量的內(nèi)容擠在一起，看起來(lái)非常不舒服。如果你能留一些空白，留一些余地，那可讀性將大大增強(qiáng)。
40“你確定頁(yè)面內(nèi)容是符合讀者口味的嗎？”——隨著Ajax技術(shù)的迅速發(fā)展，在頁(yè)面上加載更多的信息成為可能�？紤]在長(zhǎng)頁(yè)面上使用這樣的技術(shù)。
41“我的設(shè)計(jì)能讓人感到愉悅嗎？”——雖然有些俗，但是你還是要向你的朋友，同事，甚至是陌生人那里征詢(xún)意見(jiàn)，看看他們對(duì)你的頁(yè)面的建議。
42“網(wǎng)頁(yè)的內(nèi)容可讀性強(qiáng)嗎？”——沒(méi)什么比內(nèi)容更重要了。如果這點(diǎn)能做好，那你的讀者將感到非常愉悅。
43“我的設(shè)計(jì)能適應(yīng)各種各樣的顯示分辨率嗎？”——你無(wú)法預(yù)計(jì)你的讀者使用什么樣的顯示器看你的頁(yè)面，所以你盡量要做到通吃，多利用免費(fèi)工具來(lái)測(cè)試你的頁(yè)面適合度。
44“頁(yè)面里重點(diǎn)的部位得到強(qiáng)調(diào)了嗎？”——總有些東西是你想強(qiáng)調(diào)的，所以考慮一下如何讓它們更顯眼以便讀者發(fā)現(xiàn)。
45“我的頁(yè)面看起來(lái)完整嗎？”——這是最難的一個(gè)問(wèn)題，但是是最重要的。需要你認(rèn)真地反復(fù)地考慮。
15個(gè)有關(guān)用戶(hù)體驗(yàn)的問(wèn)題
用戶(hù)體驗(yàn)是一個(gè)網(wǎng)頁(yè)成功與否的決定性因素。這里有一些有關(guān)它的問(wèn)題。
46“網(wǎng)頁(yè)在不同的瀏覽器下運(yùn)行如一嗎？”——市面上有許多品牌的瀏覽器，要確保你設(shè)計(jì)的網(wǎng)頁(yè)能在主流瀏覽器上運(yùn)行，你可以使用Browsershots服務(wù)來(lái)預(yù)覽你的網(wǎng)頁(yè)在各種瀏覽器上的效果。
47“這個(gè)網(wǎng)頁(yè)能在移動(dòng)設(shè)備上運(yùn)行自如嗎？”——在桌面瀏覽器上瀏覽網(wǎng)頁(yè)相對(duì)較方便，但是移動(dòng)設(shè)備上并非如此，它可能需要調(diào)整一些東西才能很好地顯示。
48“你在屏幕閱讀器上測(cè)試過(guò)網(wǎng)頁(yè)了嗎？”——事實(shí)較讓人失望，包括firefox在內(nèi)的一些免費(fèi)屏幕閱讀器常不太能很好地適合設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)。所以你必須測(cè)試一下。
49“關(guān)閉JavaScript效果會(huì)怎樣？”——每個(gè)人的體驗(yàn)不相同，我們也無(wú)法控制每個(gè)瀏覽者的閱讀環(huán)境，所以盡量確保你的網(wǎng)頁(yè)在任何情況下都能良好運(yùn)行。
50“Flash文件可以用不同的方式播放嗎？”——緊接上一點(diǎn)，如果你的網(wǎng)頁(yè)依賴(lài)Flash的話，你最好保證這些都能順利做到。
51“你注意‘圖片顯示’相關(guān)的內(nèi)容了嗎？”——一個(gè)最簡(jiǎn)單的輔助辦法就是使用描述性且有效的圖片顯示工具。
52“你依據(jù)‘WEB內(nèi)容可訪問(wèn)性指南’來(lái)評(píng)估這個(gè)網(wǎng)頁(yè)了嗎？”——遵循訪問(wèn)性指南是非常重要的，記得使你做的網(wǎng)頁(yè)都能符合WCAG。
53“這個(gè)頁(yè)面被其他人測(cè)試過(guò)了嗎？”——可用性測(cè)試非常簡(jiǎn)單，不過(guò)有點(diǎn)貴。這個(gè)測(cè)試能幫助你完善作品。
54“頁(yè)面鏈接都有效嗎？”——鏈接能夠帶來(lái)潛在讀者，一個(gè)簡(jiǎn)潔、便于記憶的鏈接名稱(chēng)將大大提升用戶(hù)體驗(yàn)。如果你還在使用系統(tǒng)默認(rèn)的鏈接方式的話，不如嘗試更改一下。
55“你的頁(yè)面載入速度如何？”——速度是實(shí)用性指標(biāo)之一，試想一下：載入速度很慢的頁(yè)面將多么影響你的用戶(hù)體驗(yàn)。
56“頁(yè)面的搜索功能使用起來(lái)方便嗎？”——大多數(shù)網(wǎng)頁(yè)都需要一個(gè)搜索框，來(lái)幫助瀏覽者定位他所需要的信息。要確保你的頁(yè)面搜索框設(shè)置正確，且搜索結(jié)果正確。
57“你的頁(yè)面存在潛在的令人厭惡的元素嗎？”——彈窗之類(lèi)的東西將讓用戶(hù)體驗(yàn)變得糟糕，要確保你的網(wǎng)頁(yè)上沒(méi)有這些東西。
58“頁(yè)面表單易填寫(xiě)嗎？”——如果你的頁(yè)面表單問(wèn)題太多而且回答起來(lái)很麻煩，那用戶(hù)可能就此流失。
59“用戶(hù)能很容易地聯(lián)系上網(wǎng)站主人嗎？”——盡量設(shè)置一些聯(lián)絡(luò)方式，這樣你能很方便地和讀者交流。
60“你檢查過(guò)無(wú)效鏈接了嗎？”——無(wú)效鏈接會(huì)讓你的讀者體驗(yàn)降低。使用Xenu的工具能幫助你檢查無(wú)效鏈接，并且要弄明白這些鏈接是如何變得無(wú)效的。
總結(jié)
我們?cè)趯W(xué)習(xí)的過(guò)程中變得更富競(jìng)爭(zhēng)力，而這些東西終將改變我們的視野和技能。設(shè)計(jì)師和開(kāi)發(fā)人員如果能常常向自己發(fā)問(wèn)，則能將工作完成得更出色，也能不斷地進(jìn)步，不斷地有新的產(chǎn)品問(wèn)世。
喜歡 
頂
難過(guò)
囧
圍觀
無(wú)聊
