著眼於未來的網站建設

已發表: 2020-10-09

網頁設計充滿了存在的問題。 最大的問題之一是:我今天可以建立一個明天仍然相關(在風格和功能上)的網站嗎?

答案可能取決於您所指的未來有多少個明天。 但一個好的經驗法則是,時間越長,網站的設計和功能就越不相關。 未來總是會帶來變化——通常是以我們無法預料的方式。

這可能是一件好事,因為它讓我們忙於重新設計工作。 但是,如果我們要重構現有站點,那將是一個真正的挑戰。

應對這一挑戰的關鍵在於設計和構建關注未來的網站。 下面是一些這樣做的技巧。

使用已建立的系統

內容管理系統 (CMS) 已經佔據了主導地位。 雖然我們都知道像 WordPress 和 Drupal 這樣的大玩家,但還有數不清的競爭對手。 這甚至還沒有考慮到大量的 DIY 站點構建器服務。

儘管許多新興系統聽起來很有吸引力,但關於它們的壽命潛力存在一個嚴重的問題。 簡而言之:它們可能會在幾年內出現,也可能不會出現。 這甚至不是質量問題。 現實情況是,這是一場艱苦的戰鬥,沿途必然會有一些人員傷亡。

對於您的小型項目,這可能不會破壞交易。 但對於較大的網站,穩定性是關鍵。 由於您當前的平台正在衰落(或更糟)而不得不遷移到新的 CMS 是一項重大任務。

這就是為什麼在您進行設計或編寫單行代碼之前,選擇 CMS 是您將做出的最大決定。 做出明智的選擇。

而且,一旦您選擇了完美的 CMS,您將需要仔細考慮您打算使用的任何插件。 當這些插件將為電子商務、會員管理等核心功能提供動力時,這一點尤其重要。同樣,目標是避免以後不得不切換的重大中斷。

WordPress 插件屏幕

設計和代碼的靈活性

幾乎確保未來麻煩的一種方法是使用不靈活的功能來限制自己。 這包括為客戶提供的任何示例內容構建的設計元素和在未來不易擴展的自定義代碼。

設計

網站隨著時間的推移而發展。 添加了新內容,其格式總是會發生變化。 然而,這可能很難預見。 因此,我們傾向於為此時此地而設計。

不過,這並不意味著我們無法為這種必然性做好準備。 一種簡單的方法是利用 CSS 中一些令人驚嘆的新佈局功能。 例如,Flexbox 提供了多列佈局,可以拉伸以匹配組中最高的列。 只需一點代碼,CSS Grid 就可以調整成幾乎無窮無盡的複雜佈局。

導航是另一個似乎總是超出其最初意圖的領域。 我們可以通過順應趨勢來為此做好準備,例如在舊漢堡菜單後面放置至少一些項目。 這允許增長並且不一定需要任何激進的設計更改。

最重要的是,尋找既有創意又實用的解決方案。 這將幫助您避免遇到自製的設計牆。

代碼

正如內容需求會發生變化一樣,功能需求也會發生變化。 因此,我們今天編寫的代碼將在某個時候發生變化,這可能是值得期待和接受的。

根據您使用的語言和您的經驗水平,編寫允許未來調整的代碼可能是一個真正的挑戰。 有時,僅僅讓它為最緊迫的需求工作就需要我們所有的腦力。

另外,有多種方法可以實現相同的結果。 然而,這是一件好事。 一旦您實現了最初的功能目標,您就有機會重新審視。

從那裡開始,考慮如何簡化你所做的事情,並看看以後擴展它會有多容易。 問問自己如何使代碼盡可能高效。 現在採取這些步驟可以防止未來的混亂。

寫代碼的人。

尋找潛在增長領域

有時,為客戶建立網站是一場猜謎遊戲。 通常,它涉及嘗試找出模糊的請求並預測他們對您的想法的反應。 很難獲得相同的波長。

這就是為什麼提出正確的問題很重要。 這在發現項目中可能隨時間擴展的區域時非常有用。

例如,假設客戶告訴您他們正在尋找一個簡單的電子商務網站(順便說一句,該網站不存在)。 這是一個為增長做準備的領域。

新產品和功能很可能會在某個時候添加。 了解這一點,您可以設計和構建預期的可能性。 一個例子可能是實現一個購物車,它可以很容易地擴展來做很多事情,而不是只關註一個狹窄的焦點。

一個人在辦公桌前工作。

你無法阻止未來,但你可以嘗試為它建設

雖然預測網頁設計的未來和我們客戶的需求並不是一門精確的科學,但它仍然是一項值得努力的工作。 當然,有時我們會猜錯。 但在我們的工作流程中實施前瞻性實踐將有助於我們適應大多數變化。

最重要的是,它是關於在每一步都做出明智的決定。 無論是選擇 CMS 還是編寫一些 CSS,重要的是要考慮它如何影響網站適應未來的能力。

我們創造的任何東西都不會以目前的形式永遠存在。 但通過準備,我們可以幫助確保其發展盡可能順利。