尋找 UX 設計靈感的最佳場所

已發表: 2021-09-15

設計是關於創造力的。 用戶體驗設計就是創造性地呈現良好的用戶體驗。 在開始一個網頁設計項目時,很容易被那些看起來華麗、漂亮或很酷的東西所吸引。 但是優秀的網頁設計師知道使用您真正設計的網站的是人。 為設計而設計是浪費時間。 一個以人為本的網站會產生結果。

每個人都喜歡靈感。 但是在一個過度設計網站的世界裡,很難確切地知道你應該找誰來為你的商業網站建模。 有大量不同的資源可以提供設計靈感。 但並非所有人都保持以人為本的網頁設計方法。 這就是為什麼我們編制了一些尋找 UX 設計靈感的最佳地點的列表。

6 個 UX 設計靈感來源

在尋找 UX 設計靈感時,我們通常會尋找兩個不同的元素:戰略目的和網頁設計趨勢。 結合起來,這創造了一個具有前瞻性的用戶體驗設計。

戰略靈感

在您開始考慮網頁設計趨勢之前,確定正在設計的頁面的戰略目的很重要。 接下來,從具有相似目標的站點中尋找靈感,並研究他們如何通過佈局來實現這些目標。 設計是次要的。 它應該始終支持您頁面的目標。 所以通常我們使用以下工具開始我們的 UX 設計靈感搜索:

1. SaaS網站

SaaS網站 這是一個免費工具,提供了一個具有戰略目的的頁面庫。 顧名思義,它是一個專注於 SaaS 行業網站的頁面。 隨著 SaaS 行業在過去幾年中的飛速發展,由於許多公司已經掌握了 UX 設計,因此讓企業脫穎而出變得比以往任何時候都更加困難。

SaaS 網站提供了數千個不同站點的集合,所有這些站點都以用戶為中心而設計。 該網站通過不同的頁面分解其靈感,從而可以輕鬆識別保持以人為本的設計的創意佈局。 您可以在他們的網站上找到以下所有 UX 設計靈感:

  • 404錯誤頁面
  • 關於我們頁面
  • 博客
  • 職業頁面
  • 聯繫頁面
  • 客戶推薦頁面
  • 常見問題頁面
  • 功能頁面
  • 集成頁面
  • 登陸頁面
  • 法律頁面
  • 登錄表單頁面
  • 媒體工具包頁面
  • 定價頁面
  • 資源頁面
  • SaaS主頁
  • 搜索結果頁面
  • 註冊頁面
  • 支持頁面
  • 團隊頁面

我們通常從這裡開始搜索。 SaaS 網站為有目的地設計的靈感提供了良好的基礎。

2.登陸對開

著陸頁該網站是另一個提供戰略 UX 設計靈感的資源。 本網站上的所有設計都是登陸頁面或專注於轉換的網站頁面。 該網站還提供免費資源,例如示例線框套件或模型模板,以簡化規劃和設計過程。 Landing Folio 按行業過濾他們的 UX 設計靈感,如果您正在尋找基於您自己的垂直領域的想法,這將特別有用。 以下是他們提供的一些類別:

  • 會計
  • 商業
  • 公司的
  • 事件
  • 房地產
  • 軟件即服務
  • 軟件
  • 店鋪
  • 技術
  • 用戶
  • WordPress

如果您想通過網頁設計來超越競爭對手,這將特別有用。 了解您所在行業中一些正在正確進行 UX 設計的企業,然後為您自己的公司創造更好的東西。

3.非常好的電子郵件

非常好的電子郵件

良好的用戶體驗設計側重於讓用戶執行所需的操作,這也是電子郵件營銷中的一個共同目標。 因此,我們從旨在轉換的戰略設計電子郵件中發現了許多 UX 設計理念。 真正好的電子郵件是一個精心策劃的目錄,包含數千個電子郵件示例,這些示例不僅設計精美,而且經過戰略佈局,可以讓用戶進行轉換。

我們喜歡此資源的一件事是,它還可以通過所需的操作來分解事物。 例如,如果您想創建一個“謝謝”頁面,您可以從他們收集的“謝謝”電子郵件中收集一些見解。 該資源甚至超越了 UX 設計靈感。 您還可以在您的網站和您自己的電子郵件營銷中找到適合該語言的精彩內容創意。

設計靈感

一旦您對如何佈局您的設計並讓用戶執行所需的操作有了一個紮實的想法,就該開始研究網頁設計趨勢了。 請記住,您選擇的設計需要支持您的頁面目標。 以下網站是尋找有趣元素以支持您的整體 UX 設計的絕佳工具。

4.網頁設計靈感

網頁設計靈感 我們喜歡這個資源的地方在於,您可以按顏色和样式過濾您的設計。 如果您正在尋找品牌顏色的特定趨勢,或者只是對流行的設計風格感到好奇,WebDesign Inspiration 提供了一種簡單的方法來過濾一些最流行和獨特的網站設計。

5. Envato Market 的 HubSpot CMS 主題

網頁設計靈感 最近,Envato Elements 與 HubSpot 合作發布了數百個專門為其 CMS 中心設計的主題。 所有這些主題都是數據驅動的,旨在為客戶提供盡可能好的數字體驗。 即使您當前沒有使用 HubSpot,這也是探索可用的不同用戶體驗的好地方——例如懸停狀態、動畫和組織。

各種各樣的網站主題可以定製到您自己的網站。 在“類別”選項卡下,您會注意到您可以按行業過濾主題。 從這裡,您將能夠通過實時示例“預覽”模板,如果您喜歡它的外觀,請購買。 但即使您不想實際使用此模板,它也是為您自己的網站找到 HubSpot 特定設計靈感的好地方。

想要開始使用 HubSpot? 了解 HubSpot 的工具如何提高潛在客戶轉化率、客戶保留率和消除潛在客戶流失。

6. Awwwards

Awwwards

這個網站吸引了一些最高質量的設計理念,但它的評委“陪審團”是其大部分價值的來源。 該評審團擁有一些網頁設計中最負盛名的名字,根據設計、可用性、創造力和內容評估每個網站提交。 您在本網站上找到的靈感將結合精美的設計和非常實用但極具創意的用戶體驗。 網站的“分數”甚至直接列在頁面上。 您可以查看陪審團如何對不同頁面進行排名,並評估為什麼某些頁面得分高於其他頁面。 Awwwards 還提供每個站點的細分,其中包括使用的平台、主色和行業細節等設計元素。

在尋找 UX 設計靈感時要記住的其他提示

在瀏覽上述某些網站並分析網站以獲取靈感時,請牢記以下提示。

1.分析設計背後的意圖

當然,設計是有意義的。 但網站的主要目的是產生潛在客戶。 為設計而設計真的是浪費時間。 您網站上的每個元素都應該有意識地完成。 請記住,如果有人在15 秒內不明白在您的網站上做什麼,他們就會離開。 一個好的用戶體驗設計應該抓住用戶的手,讓他們一步一步地走向期望的動作。

當您在尋找靈感的網站時,請始終分析設計背後的意圖。 作為用戶,您了解網站創建者希望您做什麼嗎? 有路線圖供您遵循嗎? 這些是每個 UX 設計都應該優先考慮的事情。

2. 考慮移動體驗

鑑於移動設備佔所有網絡訪問量的61% ,甚至不考慮您網站的移動體驗是非常愚蠢的。 但由於大多數 B2B 網站的流量來自桌面用戶,因此經常有人猜測移動優先設計是否適合 B2B 公司。 即使移動體驗通常不是您給新潛在客戶留下第一印象的地方,我們仍然建議您高度重視移動體驗。 這種方法不僅有助於提高搜索引擎排名,還可以幫助您隨著移動趨勢的增加保持競爭力。

3. 偷看幕後

最後,在尋找 UX 設計靈感時,不要忘記偷看幕後,看看其他人是如何構建你看到的設計的。 只需對代碼有基本的了解,您就可以“檢查”頁面並獲得有關他們如何實現您所看到的設計的寶貴見解。 我們不提倡直接複製其他網站正在做的事情,但您可以利用這些知識作為起點來開發更好的東西。

考慮到用戶體驗的設計

當你第一次開始尋找 UX 設計靈感時,你會做很多點擊。 對於您應該查看多少個網站或應該從哪裡尋找靈感,真的沒有正確的答案。 老實說,您查看的地方和網站越多越好。 您將開始覺得自己正在拼湊一個拼圖——從各個頁面收集見解,為您的角色激發最佳網站體驗。

但請始終記住,最好的設計是看不見的。 這一切都是為了為頁面另一側的人創造出色的體驗。 在設計界,這就是我們所說的以人為本的設計。