Web設(shè)計(jì)和開(kāi)發(fā)是一個(gè)長(zhǎng)期的、迭代的過(guò)程。它可以花費(fèi)數(shù)周或數(shù)個(gè)月。如果你專(zhuān)注于細(xì)節(jié)時(shí),你很容易會(huì)迷失其中。你實(shí)現(xiàn)了網(wǎng)站的原始目標(biāo)了嗎?又或者說(shuō)你太全神貫注于創(chuàng)建一個(gè)精致的藝術(shù)品,以至于忘記了用戶(hù),忘記了收益?這聽(tīng)起來(lái)很讓人厭煩,不過(guò)這種事經(jīng)常發(fā)生,不是嗎?
為了不迷失,我會(huì)問(wèn)一下之前沒(méi)有看過(guò)我網(wǎng)站的觀(guān)眾,并為我解答以下這些問(wèn)題:
這個(gè)網(wǎng)站的受眾是誰(shuí)?
這些受眾會(huì)在這個(gè)網(wǎng)站上發(fā)現(xiàn)什么?容易發(fā)現(xiàn)嗎?
他們必須反饋些什么?
如果一個(gè)公正的第三者可以很清楚的回答這些,意味著你的網(wǎng)站完成了它的任務(wù),如果不是,那么你就需要對(duì)網(wǎng)站做出些改變了。
在一個(gè)Web項(xiàng)目開(kāi)始之前,你應(yīng)該有一個(gè)問(wèn)題清單來(lái)幫助自己。如果你沒(méi)有,試試下面這個(gè)。
1. 網(wǎng)站的最終目標(biāo)是什么?
就像我所說(shuō)的那樣,別忘了網(wǎng)站的最終目標(biāo)。確保你網(wǎng)站上的內(nèi)容可以為訪(fǎng)問(wèn)者提供真正的價(jià)值。因?yàn)樗麄儾荒茉谀愕木W(wǎng)站上找到他們需要的東西時(shí),他們就會(huì)離開(kāi)。
2. Web Copy:它表達(dá)了什么?
Web Copy或許是設(shè)計(jì)師和開(kāi)發(fā)者在一個(gè)Web項(xiàng)目中最容易忽視的部分。不過(guò)水能載舟,亦能覆舟,你需要重新審視這部分。
設(shè)計(jì)和copy應(yīng)該是相互補(bǔ)充的關(guān)系,它們應(yīng)該共同致力于吸引讀者、讓他們參與進(jìn)來(lái)、提供價(jià)值以及取得預(yù)期的目標(biāo)。
引用
編者注:基于對(duì)“Web Copy”這個(gè)詞的中文翻譯,鮮有準(zhǔn)確的網(wǎng)絡(luò)術(shù)語(yǔ)譯法。我們可以這樣理解:Web Copy包含了頁(yè)面的字體、標(biāo)題、內(nèi)容等多種組合的整體處理。
3. 用戶(hù)的體驗(yàn)是直觀(guān)的、愉悅的嗎?
這是我們需要交叉檢查以確保網(wǎng)站用戶(hù)體驗(yàn)愉快的地方,而很大一部分是取決于網(wǎng)站是如何被組織的。頁(yè)面的導(dǎo)航直觀(guān)嗎?訪(fǎng)問(wèn)者可以很容易的找到他們所需的嗎?搜索功能工作正常嗎?blog分類(lèi)有意義嗎?你需要從訪(fǎng)問(wèn)者的角度審視copy、設(shè)計(jì)和導(dǎo)航等。
4. 網(wǎng)站可用于多設(shè)備和瀏覽器嗎?
雖然開(kāi)發(fā)者很厭煩這部分事情,不過(guò)我們?nèi)孕枰_保網(wǎng)站可以正常工作于今天市場(chǎng)上主流的瀏覽器和設(shè)備。StatCounter數(shù)據(jù)很清楚的顯示了在過(guò)去一年中,瀏覽器的使用情況是分散的。如果你的網(wǎng)站只能工作于Chrome,那么將有約55%的桌面用戶(hù)無(wú)法正確的體驗(yàn)?zāi)愕木W(wǎng)站。
當(dāng)然,隨著移動(dòng)網(wǎng)絡(luò)訪(fǎng)問(wèn)量的上升,我們也需要考慮到移動(dòng)設(shè)備。這對(duì)做一個(gè)響應(yīng)網(wǎng)站來(lái)說(shuō)是一個(gè)挑戰(zhàn),不過(guò)你可以使用BrowserLing、Cross Browser Testing、Responsive Test、Browsershots等工具來(lái)面對(duì)挑戰(zhàn)。這些工具可以幫助你應(yīng)對(duì)各種瀏覽器和設(shè)備尺寸的測(cè)試。
5. 所有功能都能正常工作嗎?
確保你在說(shuō)明書(shū)中列出了所有特性,包括blog設(shè)置、安全性、與其他服務(wù)(如MailChimp、Aweber、Infusionsoft或CRM)集成等。以用戶(hù)和管理者兩種身份去檢查這些特性來(lái)確保功能的正常。另外,雖說(shuō)技術(shù)不是一種功能,不過(guò)你也要確保所有的鏈接都是可用的,尤其是內(nèi)部的。
6.對(duì)基礎(chǔ)做雙重檢查了嗎?(包括頁(yè)面、連接信息和形式)
頁(yè)和聯(lián)系頁(yè)面通常是兩個(gè)最長(zhǎng)常看的頁(yè)面。所以你要兩次、甚至三次去檢查這些頁(yè)面上的信息。確保聯(lián)系信息的完整。確保填寫(xiě)聯(lián)系人表單的過(guò)程是順利的,我經(jīng)常會(huì)碰到一些網(wǎng)站在提交表單后,頁(yè)面時(shí)一片空白,完全不知道是否發(fā)送成功。如果沒(méi)辦法聯(lián)系到你的客戶(hù),也就意味著你的設(shè)計(jì)和編碼工作是不值得的。
7. 優(yōu)化了頁(yè)面的加載時(shí)間了嗎?
引用
根據(jù)Akamai和Gomez.com的調(diào)查顯示,將近一半的Web用戶(hù)期望網(wǎng)站的加載時(shí)間在2秒或2秒以?xún)?nèi),當(dāng)一個(gè)網(wǎng)站的時(shí)間是3秒或更多時(shí),他們更傾向于放棄——KISSmetrics
通過(guò)這句話(huà),我想我不用再多說(shuō)些什么。如果你的網(wǎng)站加載時(shí)間太長(zhǎng),請(qǐng)繼續(xù)優(yōu)化。這里有一些來(lái)自Google的見(jiàn)解可以幫助你更好的優(yōu)化加載時(shí)間。
8.你專(zhuān)注于通信和轉(zhuǎn)換嗎?
這是一個(gè)很大的領(lǐng)域,在網(wǎng)站上線(xiàn)之前,盡可能多的做交叉檢查,確保每個(gè)頁(yè)面的“行動(dòng)號(hào)召”是清晰和突出的,特別是登陸頁(yè)面。
當(dāng)然也需要你去檢查SEO清單,確認(rèn)標(biāo)簽都在正確的地方(標(biāo)題和url體現(xiàn)關(guān)鍵詞并遵循最佳實(shí)踐),檢查社交媒體分享按鈕可以正常工作,并確保讀者用它來(lái)分享內(nèi)容的過(guò)程是簡(jiǎn)單的。
9.5秒之后,用戶(hù)從你的網(wǎng)站中帶走了什么?
人們?cè)跒g覽網(wǎng)頁(yè)時(shí)的注意力是短暫的,當(dāng)他們找不到他們想要的,或許他們會(huì)在5秒內(nèi)離開(kāi)你的網(wǎng)站,當(dāng)然這里還要出去2-3秒得加載時(shí)間。
10.怎么做能讓其更好?
這一點(diǎn)需要小心的去處理。一個(gè)網(wǎng)站總會(huì)有改進(jìn)的余地。有一些改進(jìn)會(huì)用最小的努力換取顯而易見(jiàn)的價(jià)值,而有一些則可能會(huì)花費(fèi)太多時(shí)間卻沒(méi)有什么具體的結(jié)果。雖然不斷尋求改善是一件好事,但是更重要的是要?jiǎng)?wù)實(shí),以及清楚地知道什么時(shí)候該停下完善的腳步。