您還記得 90 年代那些網站,以及它們首次登陸您的螢幕嗎?您還記得 Comic Sans,Scrolling Marquees,Hit Counters,GIF 動畫還是 “Under under” 頁面?如果是這樣,您就是正確的!我回憶起過去的這些……
嗯,現在已經發生了很多變化,尤其是創意產業。技術進步; 營銷和傳播範圍已發生變化,在 WooCommerce 獨立站網頁設計中帶來了創新。因此,網站變得越來越令人興奮,因為非常規功能主要是為了向多使用者提供內容。
其中一些功能已成為多年的潮流引領者。其他人只是出現並透過了一段時間,幾乎沒有觸及市場。趨勢來來去去。總會有一種新趨勢取代現存的趨勢。這也是 WordPress 網站設計的情況,雖然我們永遠不知道什麼變成了新奇和開創性。擁有所有這些很酷的功能,許多網站所有者適應任何趨勢。不幸的是,其他人仍然堅持在 90 年代。
說到這,您最近在各個網站上瀏覽了嗎?因為我有。我注意到,雖然大多數網站都遵循最新的 WooCommerce 獨立站網頁設計趨勢,但其他網站卻在維護更新的設計並正確實施時失敗了。
您是否登陸過無限滾動的網站,但沒有任何功能可以直接返回頂部(除了再次無限向上滾動)?有些網站有他們死亡的功能 – 載入頁面緩慢,缺少或隱藏導航選單,甚至在您眼前突然爆發的尖銳 CTA,哄騙您訂閱他們永無止境的新聞通訊和免費贈品。話雖如此,我在下面列出了一些現在應該永遠埋沒的設計趨勢。
1. FLASH
這是我建議您忘記的第一個趨勢。開始採用新的 HTML5 或其他方式來動畫您的網站。它太過時了,即使 Flash 在網際網路的興起中發揮了重要作用,它最近也成為任何現代 WooCommerce 獨立站網頁設計的不良選擇,並可能對您的網站搜尋引擎最佳化(SEO 站群)產生負面影響。雖然許多網站仍在使用它,但有很多原因可以解決它。
(1). Flash 無法在移動裝置上執行
如果您將 Flash 合併到您的網站中,它將無法在移動裝置上使用。它甚至可能會引起觀眾的沮喪。考慮到超過 60%的網際網路流量是使用手機和平板電腦製作的,我認為您應該更加關注這方面。
(2). Flash 對 SEO 站群不利
Flash 沒有任何單獨頁面的 URL,也不允許您監視出站連結。因此,基於 Flash 的網站無法為有效的 SEO 站群提供足夠的元素。此外,它們往往更難使用。因此,谷歌對這些網站的排名較低。
(3). 必須在瀏覽器中安裝 Flash
作為專有軟體,必須安裝 Flash,因為預設情況下不附帶瀏覽器。具有不帶外掛的瀏覽器的多使用者將被提示安裝它。否則,它會限制對嚴重依賴它的內容的訪問。
(4). 載入時間太糟糕了
正如我之前提到的,基於 Flash 的站點往往需要更長時間才能載入。考慮到網際網路多使用者比以往任何時候都更加忙碌,因此必須讓 WordPress 外貿獨立站網站建設的載入時間儘可能短。如果遊客必須等待太長時間,他們可能會想要尋找其他地方,去到您的競爭對手更快的網站。
(5). 嚴重的安全漏洞
Flash 一直受到報告的安全問題的困擾,但最後的安全漏洞導致 Firefox 在所有網站上預設阻止 Flash,直到修補漏洞為止是最後的警告。不久之後,其他瀏覽器也會做同樣的事情。
2.CAROUSELS
根據 Neilson Norman Group 匯出的可用性研究,自動轉發旋轉木馬會惹惱多使用者並降低可見度。當然,我們每個人都曾一次看過這些網站,並沒有過多關注這些自動轉發圖片。
根據這項研究,有幾個原因可以解釋為什麼這些被認為是 “酷” 的設計功能對您的網站的可用性和轉換效果不佳:
自動輪播會使多使用者無法控制與您網站的互動。對於那些有運動技能問題的人來說,這尤其令人討厭。
他們製造了橫幅失明,並且經常被觀眾忽視。看一下下面列出的例子。您會注意到影像滑塊幾乎沒有引起任何注意,特別是當它們專注於所需的產品時。
在許多情況下,幻燈片旋轉得如此之快,以至於讀者沒有時間閱讀您的文字。特別是當部分觀眾擁有與您不同的母語時。多使用者透過說 “我沒有時間閱讀它” 清楚地表達了他們的沮喪。 “它一直閃爍得太快” 。
3.COMIC SANS FONT
當然,使用 Comic Sans 字型有很多優點和缺點。但現在是時候放手了,即使它是世界上最常用的字型之一。誠然,就像其他一切一樣,有設計師喜歡它,但也有設計師絕對鄙視它。就個人而言,我介於兩者之間。它看起來很親切和手寫,是我們認為有趣和自由的東西的完美選擇。這對玩具商店來說可能很棒。然而,它不是企業形象,奢侈品牌,媒體或健康服務的理想選擇。
儘管如此,Comic Sans 根植於歷史,其中早期的文書處理預設情況下字型數量有限。因此,Comic Sans 是 “不太嚴肅的字型” 的首選。但如今,每個可以想象的個性化的數萬種字型都可以線上,付費或免費獲得。
4. 正在建設中的頁面
網際網路和 WooCommerce 獨立站網頁設計歷史上的一種常見做法是使用 “正在建設中” 。這些是即將到來的網站或正在重新設計過程中的頁面的有用頁面。它過去很棒,人們喜歡它們。但是現在,在快節奏的環境中,您絕對應該把它放在’Do NOT’ 列表中。
在許多情況下,網站會建立您的企業與目標受眾之間的第一次聯絡。因此,透過提供指向網頁的連結,您已承諾提供某些內容(通常是內容)。但是,透過簡單地匯出一個 “正在建設中” 的頁面,您只會感到沮喪和失望。這不是您想要給客戶的第一印象。
不過,請注意,簡單的 “在建” 頁面上沒有任何內容。因此,您不向 Google 提供任何內容,Google 會根據內容對網站進行排名。因此,他們不會對您的網頁進行排名或編制索引,這對您的網站不利!
所以,不要使用這個糟糕的選項,您應該考慮建立一個漂亮的登陸頁面,其中包含一些基本資訊,簡報登入檔格,等待名單或順暢的倒計時。
您可以在這裡找到一些靈感:
5. 戲劇性的陰影
雖然陰影是一種為文字新增更多空間效果的工具,但您應遠離廉價和假冒的燈光效果! 大或者柔和,黑暗和遠距離投影是 Glamour Shot 照明的設計,沒有人真正相信它。更糟糕的是,擁有一些 Photoshop 技能的人在看到它們時可以輕鬆識別預設的投影設定。
還有許多其他引人注目的方法可以使用陰影。例如,要透過增加對比度使文字更逼真,您可以使用細微陰影,將其與背景混合。如果要在文字中新增炫酷的復古氛圍,可以使用文字後面的實心硬邊緣陰影。如果硬邊緣陰影與文字稍微分開,則尤其如此。
對於一個有趣而簡單的設計元素,可以在不需要分散注意力的情況下進行移動,您可以使用長陰影。這是一種與極簡主義趨勢完美契合的新趨勢。
6.BEVEL 和 EMBOSS
90 年代的設計沒有像舊的預設斜面和浮雕效果那樣讓人尖叫。對於非設計師而言,“斜角和浮雕” 是一種 Photoshop 效果,可用於建立三維外觀。
如果在一千年前,為了突出您的文字,為您的字型新增成千上萬的效果似乎是一個好主意,那麼您是時候走進未來了。考慮以不同的方式獲得相同的效果。
例如,使按鈕有光澤,但使用較小的內陰影和淺外陰影。
最後:
上述趨勢可以說明保持過時的設計元素實際上會對您的網站產生負面影響的想法。 因此,給觀眾留下了不好的印象。但是您也應該記住您想傳達的資訊。只要您考慮到這些指標,您想要使用的設計風格就是一個選擇問題,只要確保它是最新潮流之一。
如果您還想要了解更多關於 WordPress 網站設計的內容,也可以看看:2022 年值得關注的 7 大 WooCommerce 電子商務 WooCommerce 獨立站網頁設計趨勢!希望能夠帶給您更多的靈感。