如何改進您的網站設計? 用實際例子解釋

已發表: 2018-01-10

作為一家網頁設計和網頁開發公司,我們不斷努力以創新的想法為使用者提供更好的網頁設計。 但創新設計並不意味著讓您的網站與其他網站完全不同,也不代表讓使用者完全不知道如何與您的網站互動。 最終的複雜性是讓事情變得簡單。 網頁設計並不是做不同的事情,而是以不同的方式做事情。 以下是一些改進網站設計的技巧。

把事情簡化

如前所述,簡單是最終的複雜性。 當您使設計變得簡單並且與網站的互動變得輕鬆時,用戶往往會比以前在您的網站上停留更長時間。 當您根據使用者點擊製作網站的熱圖像時,您可能知道網站上的使用者互動模式。

勝利者主題熱圖

如果您使用 WordPress 網站,有許多熱圖外掛可以為您提供幫助。 這裡我使用了通用的解決方案工具,Google Analytics addon for chrome。 它顯示您網站上的點擊次數。 從我們的主頁,您可以推斷出更多的點擊是在選單和號召性用語按鈕上。 線上用戶是容忍度和耐心程度最低的人群。 用戶傾向於瀏覽您的內容並尋找最相關的資訊。 確保您的網頁設計簡單,以便用戶可以輕鬆導航並在您的網站上找到他們想要的內容。

留白是趨勢

如果您查看了最近的 WordPress 主題,您可能會注意到大多數主題都遵循大量空白。 留下大量空白並不是浪費螢幕空間,而是只向使用者呈現最重要的資訊。 空白區域有助於使用者獲得無幹擾的網站體驗。 空白為您的網站增添了豐富性,它可以幫助您優雅地展示網站內容。

brixey

如果您使用深色主題,這也是更好的設計選擇。 黑皮膚主題給您帶來皇家和高級的感覺。 大多數奢侈品牌都遵循黑暗主題。 例如,看看 Badass Marketers and Founders 網站,他們遵循黑暗主題,但對於內容點,他們明智地選擇了空白,以獲得更好的閱讀體驗。

bamf

保持簡約的方法

極簡主義是現代網頁設計時代。 當我們說極簡主義時,它不是指顏色和設計佈局,而是指模板上的視覺效果。 有些模板確實遵循乾淨的設計佈局和時尚微妙的配色方案,當他們嘗試添加太多的動畫效果時,它會破壞模板的整個設計。
需要添加動畫的最重要的地方是選單選項、呼叫操作按鈕以及您認為使用者滑鼠指標所在的位置。 例如,看看Kinsta網站,他們是一家網站託管公司,是連我們都羨慕的網站之一。 在我們關於現代託管網站設計理念的 WordPress 設計綜述文章中,我提到我希望看到這樣的託管網站,很快 Kinsta 就分享了他們改版後的網站,我完全無語了。

kinsta 網頁設計

動畫很輕,因此頁面加載速度更快,並且這些效果給用戶帶來互動的感覺。 在我們的大多數主題中,您都可以看到令人驚訝的網頁元素動畫,因為我們必須為大眾創建主題。 但我們正在我們的自訂專案中創建這樣的網站。 如果您有興趣建立此類互動式網站,您可以使用我們的自訂主題開發服務。

不要只是說,講述你是誰!

講故事是任何網站最重要的部分。 許多創意機構和品牌正在嘗試更創新的方式來展示他們是誰以及他們提供什麼。 尖叫青蛙就是這樣的網站之一,它透過互動式可滾動介面講述了他們的歷史。 網頁中最吸引人的元素是在頁腳,一隻青蛙和一隻蒼蠅元素,而不是說我在下面以 gif 形式分享,請欣賞。

尖叫青蛙

這是一個小細節,可以幫助使用者了解您對自己的工作有多重視。 您需要添加到主頁的最重要的部分是:

  • 強而有力的介紹可以將您的品牌牢牢銘記在訪客的記憶中。
  • 您提供的服務的一個小要點。
  • 您產品的獨特功能。
  • 關於我們的互動。
  • 建立信任感言。
  • 經驗豐富的案例研究/成功故事。
  • 分享知識的資源。

當然是行動響應式! 但安普?

行動響應幾乎是您獲得的預設選項,即使是免費的 WordPress 主題。 在高級主題中,您可以獲得更多自訂選項。 我列出了一些插件,可以幫助您製作優雅的網站行動版本。
但如果您想知道是否應該為您的網站使用 AMP,那麼答案就在您身邊。 如果您的流量大多來自行動裝置,那麼最好選擇 AMP,因為 Google 已經默默地測試行動優先索引,並將 AMP 頁面推送到行動搜尋和 Ok Google 語音搜尋中。 實施 AMP 是明智之舉。 我還專門寫了一篇關於如何製作AMP頁面的文章,請看一下以獲得更好的想法。

現代或優雅的設計

這完全取決於您的目標受眾,您可能已經看到,儘管現代網站已經發展了很多,但有些網站仍堅持其非常舊的設計。 究其原因,該品牌以其設計而聞名。 這是一個實際的例子,您可能知道 GAP 自 1969 年以來一直是全球服裝和配件零售商。2010 年,他們決定重新設計徽標以適應現代受眾。

間隙標誌重新設計

客戶對新標誌提出了許多反斜杠,他們在兩天內用舊徽標替換了新徽標。 因此,在設計或重新設計您的網站之前,請考慮誰是您的目標受眾。 如果您想開發一個新網站,請查看我們的現代網站設計指南。

永不安定

當您決定改進網站設計時,這些是您必須考慮的一些基本事項。 我相信沒有什麼是永恆的,也沒有什麼是完美的,無論你怎麼想,都要不斷地對你的網站進行微小的改變。 千人可能會失敗,百人可能會成功,但如果我們不嘗試千人,就永遠不會獲得百人的成功。

希望你們喜歡這篇文章。 哦! 訂閱框位於頁腳中,我們仍在設計中尋找更好的位置。 請訂閱我們的時事通訊,以便在我們分享想法時立即收到通知。