如果你曾經(jīng)從一個(gè)家搬到另一個(gè)家,你就會(huì)知道扔掉你擁有多年的東西是多么困難。在衣柜里翻找的時(shí)候,你發(fā)現(xiàn)了一條舊褲子,盡管膝蓋上的洞越來(lái)越大,你還是一直穿著它。你會(huì)告訴自己,“天氣變暖的時(shí)候,我可能會(huì)在家里穿它們”,或者“我相信嘻哈搖滾風(fēng)會(huì)重新流行起來(lái)”。
在網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)中,也很容易找到這些理由。你認(rèn)為:
就像你的衣服,你的電子產(chǎn)品會(huì)隨著時(shí)間的推移而過(guò)時(shí),設(shè)計(jì)和開(kāi)發(fā)趨勢(shì)也會(huì)發(fā)生同樣的事情。與其固守那些不再對(duì)你有用、只會(huì)增加你的工作量的技術(shù),不如清除它們,為更有影響力的現(xiàn)代趨勢(shì)讓路。
是時(shí)候讓它成為過(guò)去式了
當(dāng)我們談?wù)撨^(guò)時(shí)的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)時(shí),我們不僅僅是在談?wù)撃切┮呀?jīng)過(guò)時(shí)多年的趨勢(shì)。我們還提到了一些趨勢(shì)和技術(shù),這些趨勢(shì)和技術(shù)會(huì)影響用戶體驗(yàn),需要盡快解決。
01、俗氣的圖片
使用庫(kù)存照片本身并沒(méi)有什么不好,許多客戶沒(méi)有預(yù)算或資金來(lái)創(chuàng)建自己的公司照片,而庫(kù)存照片是一個(gè)可行的選擇。
也就是說(shuō),曾經(jīng)有一段時(shí)間,“常用的”(即有點(diǎn)俗氣和不符合的)庫(kù)存照片風(fēng)靡一時(shí)。即使在今天,你也會(huì)發(fā)現(xiàn)使用這類照片的網(wǎng)站,因?yàn)槿匀淮嬖谶@樣一種假設(shè):在燈光明亮的會(huì)議室里,兩個(gè)人握手表示信任。
02、主頁(yè)面滑塊
圖像滑塊技術(shù)在鼎盛時(shí)期非常出色,它使網(wǎng)頁(yè)設(shè)計(jì)師可以節(jié)省空間,同時(shí)顯示大量促銷信息。除了通常會(huì)降低頁(yè)面速度的滑塊之外,它們還具有使用戶減速的趨勢(shì),因?yàn)樗麄兎稚⒘怂麄冝D(zhuǎn)移到網(wǎng)站其他部分的注意力。
例如,Verizon Wireless在2019年就有一個(gè)強(qiáng)大而簡(jiǎn)單的主頁(yè)頁(yè)形象設(shè)計(jì)的很好的例子:
這與它在2013年使用的圖像滑塊有很大的不同:
在很大程度上,我們已經(jīng)學(xué)會(huì)了如何更有效地利用這個(gè)空間,盡管仍然有一些網(wǎng)站無(wú)法決定在頁(yè)面上方顯示哪些內(nèi)容……這只會(huì)讓訪問(wèn)者更難決定下一步該做什么。采取主動(dòng),用一個(gè)主頁(yè)面的旗幟為他們做這件事。
03、自動(dòng)播放
如今,找到帶有背景音頻的網(wǎng)站并不常見(jiàn),更不用說(shuō)自動(dòng)播放音頻了。也就是說(shuō),你偶爾會(huì)發(fā)現(xiàn)一些網(wǎng)站會(huì)自動(dòng)播放視頻或帶有音頻的廣告。不用說(shuō),這需要停止。如果你的視頻(或音頻)播放器不允許你的訪客控制他們什么時(shí)候開(kāi)始,現(xiàn)在就改變。
04、三擊規(guī)則
多年來(lái),web設(shè)計(jì)師一直在尋找減少用戶體驗(yàn)?zāi)Σ恋姆椒??!叭吸c(diǎn)擊”規(guī)則本來(lái)就是其中一種方法。然而,根據(jù)尼爾森諾曼集團(tuán)最近的一份報(bào)告,從來(lái)沒(méi)有任何數(shù)據(jù)支持這一說(shuō)法:
“事實(shí)上,約書(shū)亞·波特(Joshua Porter)的一項(xiàng)研究推翻了這一說(shuō)法;研究表明,當(dāng)任務(wù)涉及超過(guò)3次點(diǎn)擊時(shí),用戶的下降不會(huì)增加,滿意度也不會(huì)下降。限制交互成本確實(shí)很重要,但這比簡(jiǎn)單地計(jì)算點(diǎn)擊次數(shù)和根據(jù)經(jīng)驗(yàn)確定允許的最大數(shù)量要復(fù)雜得多。”
與其為了最小化而最小化,不如在確定步驟數(shù)量時(shí)考慮您正在設(shè)計(jì)的任務(wù)或漏斗的復(fù)雜性。
05、在同一選項(xiàng)卡中打開(kāi)的(外部)鏈接
向內(nèi)容添加鏈接有很多原因:出于導(dǎo)航目的、推廣目的和參考目的。但是,當(dāng)您在文本中添加一個(gè)超級(jí)鏈接時(shí),請(qǐng)考慮以下問(wèn)題:如果該鏈接引導(dǎo)訪問(wèn)者訪問(wèn)同一瀏覽器選項(xiàng)卡中的某個(gè)頁(yè)面,可以嗎?
例如,外部鏈接應(yīng)該總是在新的瀏覽器選項(xiàng)卡中打開(kāi)。你設(shè)計(jì)網(wǎng)站的目的是為了吸引更多的訪問(wèn)者,讓一個(gè)外部鏈接取代你的網(wǎng)站在開(kāi)放標(biāo)簽只會(huì)減少這種情況發(fā)生的機(jī)會(huì)。在某些情況下,內(nèi)部鏈接也不應(yīng)該在同一個(gè)選項(xiàng)卡中打開(kāi)。所以,下次你在網(wǎng)站上添加鏈接時(shí)一定要考慮到這一點(diǎn)。
06、非傳統(tǒng)的滾動(dòng)
雖然我們已經(jīng)習(xí)慣了在移動(dòng)應(yīng)用程序中滑動(dòng)手勢(shì),但水平滾動(dòng)和其他非傳統(tǒng)滾動(dòng)在網(wǎng)站上并不常見(jiàn)。雖然這確實(shí)是幾年前幫助許多企業(yè)脫穎而出的一種設(shè)計(jì)趨勢(shì),但現(xiàn)在它太花哨了。
Robby Leonardi的互動(dòng)簡(jiǎn)歷網(wǎng)站是我記得最早看到的網(wǎng)站之一,這是一個(gè)吸引注意力的絕妙方式——尤其是從我們這些和Mario一起長(zhǎng)大的人身上。
但是今天好嗎?任何非傳統(tǒng)的滾動(dòng)條都是不實(shí)用的,沒(méi)有必要的。甚至羅比現(xiàn)在的網(wǎng)站也打破了這種橫向滾動(dòng)的設(shè)計(jì),把它變成了一個(gè)垂直滾動(dòng)的頁(yè)面:
在這個(gè)時(shí)代,如果你想讓訪問(wèn)者關(guān)注你的網(wǎng)站,不要讓他們知道如何瀏覽你的網(wǎng)站。
07、關(guān)鍵字元標(biāo)簽
多年來(lái)(我們說(shuō)的是近十年),關(guān)鍵字元標(biāo)簽一直沒(méi)有得到流行的搜索引擎的支持。盡管知道元標(biāo)簽是無(wú)用的,一些設(shè)計(jì)師仍然花時(shí)間把它添加進(jìn)來(lái)。但是,如果這是一個(gè)額外的步驟,你沒(méi)有得到任何回報(bào),為什么要麻煩呢?
08、壞的彈出窗口
盡管這些年來(lái),彈出式廣告經(jīng)歷了一場(chǎng)演變——從瀏覽器外出現(xiàn)的超級(jí)煩人的彈出式廣告,到我們現(xiàn)在看到的無(wú)處不在的隱私通知,這都要感謝GDPR。雖然在網(wǎng)站上使用彈出窗口確實(shí)有一定的價(jià)值,但有太多的糟糕的彈出窗口需要消失。
“糟糕的”彈出窗口是指:
在一個(gè)網(wǎng)站上出現(xiàn)得太早(就像別人第二次進(jìn)入一樣);
在一次單獨(dú)或回訪中出現(xiàn)過(guò)多次;
將用戶發(fā)送到Facebook Messenger收集他們的信息,然后在那里用信息轟炸他們;
包含兩個(gè)按鈕,接受這項(xiàng)服務(wù)的用戶會(huì)收到友好的信息。那些沒(méi)有被提供攻擊性或令人羞愧的語(yǔ)言;
重復(fù)一個(gè)已經(jīng)在網(wǎng)站上作為推廣橫幅設(shè)計(jì)的優(yōu)惠。
09、加載很慢的網(wǎng)站
眾所周知,與桌面網(wǎng)站相比,移動(dòng)網(wǎng)站很難優(yōu)化速度。在過(guò)去的幾年里,你可以為移動(dòng)設(shè)備進(jìn)行速度優(yōu)化,而現(xiàn)在,谷歌的移動(dòng)優(yōu)先索引需要優(yōu)先考慮它。PWAs是一種給你的移動(dòng)站點(diǎn)提供即時(shí)速度提升的方法。
與此相關(guān)的是,通過(guò)設(shè)計(jì)一個(gè)PWA而不是一個(gè)移動(dòng)響應(yīng)式網(wǎng)站,你將能夠迎合那些缺乏或沒(méi)有wi-fi連接的用戶,這是一個(gè)在網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常被忽視的部分。
10、FLASH
我不敢相信我不得不在2019年加入最后一個(gè),但似乎仍然有網(wǎng)站在使用Flash播放器。
Adobe已經(jīng)告訴我們,它將在明年削減對(duì)Flash的支持。網(wǎng)絡(luò)瀏覽器也開(kāi)始取消對(duì)Flash播放器的支持。Flash一直存在安全缺陷和可用性問(wèn)題。
如果你試圖堅(jiān)持下去(或者你的客戶在拖延時(shí)間),請(qǐng)記住,這是2020年及以后訪問(wèn)者在許多瀏覽器上看到的:
底線:如果Flash的創(chuàng)造者正在拉支持,你需要做同樣的任何你的網(wǎng)站仍然使用它。
總結(jié)
人們很容易被網(wǎng)頁(yè)設(shè)計(jì)的下一件大事所吸引——增強(qiáng)現(xiàn)實(shí)技術(shù)、排版趨勢(shì)、色彩漸變等等。但是那些多年來(lái)已經(jīng)成為習(xí)慣的趨勢(shì)和技術(shù)呢?
與其固守過(guò)時(shí)的設(shè)計(jì)策略,只會(huì)阻礙你作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師的發(fā)展,阻礙你客戶的網(wǎng)站,不如現(xiàn)在就開(kāi)始擺脫這些過(guò)時(shí)(或即將過(guò)時(shí))的做法。