網站重新設計的方法

已發表: 2020-12-17

每隔3到5年左右對任何給定的網站進行一次重新設計並不少見。 我們可以通過幾種不同的方式查看重新設計,但總而言之,它是一種“新外觀”,可以在其中進行更改:

  1. 僅視覺效果–內容,頁面以及其他所有內容均保持不變,但該網站現在看起來更加現代。
  2. 內容和視覺效果–這將是頭+項內容更改,例如登錄頁面,文章的重新排序,新型數據等等

第一個方法對於設計師來說更容易上手,因為不需要準備太多的內容。 一旦確定,這將使我們進入網站重新設計的第一階段:

創建新內容或使用舊內容

設計人員需要知道他或她將使用什麼內容。 例如,首頁的標題是什麼,字幕,其後的段落,列表,視頻或圖像? 所有這些都是設計師真正展示任何東西所需要的信息。

這是第一個決定,是將現有站點的內容保持原樣還是將其寫入。 如果保持不變,那麼所有客戶需要決定(或與此相關的營銷團隊)將是總體方向。

如果要重新編寫內容,則設計人員將不得不等待新文本準備就緒並完成。 一種表示方式是通過線框,其中線框只是帶有文本的框,設計師可以訂購該框,也可以是簡單的PDF(每節內容)。

當然,一旦整個網站準備就緒,編輯和營銷團隊將可以自由處理內容並進行編輯。 儘管從第一天開始就擁有內容的副本,但它也將使設計人員能夠為與內容一起出現的視覺元素做出正確的決定。 它的長度,標題,列表,功能,媒體等的數量。

決定視覺風格

接下來將是“它的外觀如何?” 這似乎是設計師會回答的問題,但事實並非如此。 實際上,這是設計師經常問客戶的一個問題。

視覺方向可能取決於公司的品牌重塑,這可能是為了使網站現代化並適合特定人群,或者可能只是網站整體的更新外觀。 有時,網站的重新設計,設計師的構想都可以推動公司的品牌重塑,而不是相反。 而且我們在這裡並不總是在談論大型公司,較小的品牌也可能會因其網頁設計師在新網站上的工作而受到鼓舞,以重新設計其包裝,提高社會形象。

這也是設計師經常將其產品稱為“概念”的階段。 這是另一種說法,那就是找到正確的語言,外觀和/或感覺。 在此階段,設計通常只圍繞主頁或站點/應用程序的主視圖旋轉。

取決於委員會/範圍,可能會創建許多概念。 利用這樣的概念,開發人員,客戶,營銷團隊和設計師可以討論哪種方法,哪種類型的元素可以很好地協同工作以及是否存在任何內容更改或技術問題?

概念階段可能也是最困難的階段之一,因為這是大多數決策制定的時候。

以下是設計師可能需要回答的示例問題:

  • 圖像是否沉重,圖形是否乾淨/看起來很小?
  • 如果使用圖形,它們將是什麼樣式?
  • 使用什麼字體
  • 應該對舊的配色方案進行現代化改造還是應該用新的配色方案替代舊的配色方案?
  • 該網站應如何互動?

根據方向,概念中需要考慮一些事項:

  • 網站的原始感覺應該保持不變嗎? 這可能是配色方案,圖形,版式規則等。
  • 應該引入一種全新的感覺嗎? 那將意味著設計師將擁有的所有約束都是內容。

選擇一個概念(可能需要多次修訂才能出現),下一階段可以開始:

建立設計方案

如果在最初的決策步驟中確定內容/站點結構將保持不變,則設計者的工作會容易一些。 他們要做的就是將舊設計轉變為新概念。 這意味著他/她通常可以逐頁瀏覽並重新處理每個組件以遵循新的外觀。 在這裡,您會看到較小的更改(例如,組件返工)–間距,版式,顏色,或者較大的更改(例如,佈局更改)–元素的位置,順序等。

網站重新設計的重要部分是獨特的視圖。 只要頁面具有不同的佈局和組件,就應該為開發團隊準備設計。 在設計方面,它也很容易展示出一些細微的變化,因為它只需要復制和粘貼畫板,而對訂單/內容進行很小的更改,因此這絕對是不值得跳過的步驟。

設計完成後,設計師,客戶以及所有相關人員(市場,銷售,開發人員)應再次對其進行仔細檢查。 這是任何重大更改的最後理想步驟,因為與開發階段相比,設計相對容易進行返工/更改。

開發階段

通常這是設計師完成工作並將項目移交給開發團隊的地方。 從這裡開始,設計人員通常只回答問題,提供資產,偶爾設計設計中缺少的特定組件狀態。

理想情況下,不應在啟動新站點之前的開發階段進行設計更改,因為這通常會導致交付延遲或對所有相關方造成不必要的壓力。

在開發過程中,通常有兩種處理方法:

  1. 一個新的版本
  2. 對現有站點的改造

在WordPress的上下文中,通常會有一個新版本圍繞著完全建立一個新項目,從舊站點導入數據庫,創建具有乾淨代碼庫的全新主題以及從頭開始實施設計。 此外,在這種情況下,除了可能的插件和主題的集成之外,將沒有任何遺留代碼。

如果截止日期非常緊迫,有兩種方法可以按時啟動新主題:

  1. 不要全力以赴。 這是最合理的方法。 列出最優先的頁面並進行開發。 與他們一起上線,然後在發布後的幾週內推出其他功能和/或頁面。
  2. 選擇粗糙的版本。 這意味著您應該已實現所有頁面,但不一定可編輯。 甚至可能需要隱藏一兩個元素,或者由於時間不足或只是因為您沒有時間來修復它們而修復任何錯誤。
  3. 簡化設計上的UI元素,這些元素將佔用大多數開發人員的時間。 例如,可能是複雜的導航菜單(桌面和移動),地圖/切換/搜索,滑塊或複雜的佈局。

根據優先級(截止日期或質量),客戶應選擇代理商或自由職業者應首先處理的兩個方面。

但是,如果必須在數週內逐步進行返工,則代理商或自由職業者將不得不經常返工現有主題。 在這裡,開發人員通常會為新站點創建一個新的樣式表,完成後即可遷移,並從頁眉/頁腳開始重建現有模板。

通過逐頁替換並推出更新,站點將看起來與頁面上的舊外觀和新外觀不一致。 雖然不是網站,但Windows 10就是一個示例:

上線階段

這是期待已久的上線階段。 總的來說,大多數質量檢查和網站評論與在全新網站上投入使用的步驟相同-進行大量測試,單擊各處,確保每個菜單項都有效,頁面功能良好,內容良好且所有集成都可以正常運行。

重新設計和新站點之間的主要區別是現有內容,尤其是在站點結構發生更改時。 舊網址會起作用嗎? 內容會丟失嗎? 最近是否已遷移所有舊數據? 有一個漫長的“發布日”列表需要經過,因此,使用良好的Web開發機構的服務是最安全的。

概要

網站的重新設計是一個漫長的過程,涉及很多人。 它還有很多難題需要解答,並且需要克服技術上的障礙。 值得慶幸的是,大部分時間。 事實證明,這種變化對品牌來說是非常積極的。