優秀的用戶體驗設計示例 | 終極用戶體驗指南 #16

已發表: 2022-08-12

從 UX 設計師的工作中汲取靈感的地方是什麼? 如何區分好的用戶體驗設計和壞的用戶體驗設計? 今天,我們將解決這些以及許多其他關於良好 UX 設計的問題,並展示一些在 UX 領域呈現高水平的界面。 希望您能從我們展示的示例中找到一些靈感。

良好的用戶體驗設計示例——目錄:

  1. 從哪裡獲得設計靈感?
  2. 如何識別一個好的用戶體驗設計
  3. 優秀的用戶體驗設計示例——谷歌
  4. 優秀的用戶體驗設計示例——蘋果
  5. 優秀的用戶體驗設計示例——Airbnb

從哪裡獲得設計靈感?

UX 行業目前是一個快速發展且動態變化的行業。 優秀的用戶體驗設計師的職責之一是緊跟當前趨勢,緊跟不斷變化的技術並從行業領導者那裡尋求靈感。 避免這些活動的設計師 - 根本不會發展。 UX 行業需要不斷的興趣、探究、尋找靈感和新的研究或設計方法、比較以及實施創新。

如何獲得靈感? 很多人會為 Dribble 或 Behance 等設計師推薦知名門戶網站。 有一件事需要注意。 在這些門戶網站上,您會發現來自世界各地的設計師創建的來自不同行業的大量項目案例研究。 您會看到不同的觀點,但請記住,在那裡創建帳戶的任何人都可以發布他們的項目。 其中許多是非商業項目,作為用戶體驗課程的一部分“為抽屜”創建,或者由不作為用戶體驗設計師工作的人獨立創建——例如,只是在學習。

在這樣的項目中,重點往往放在視覺部分——UI,而 UX 本身就被拋在了後面。 缺乏研究、業務需求、問題的定義、整個過程的目的或用戶的需求,這使得項目可能在視覺上很吸引人,但不一定經過深思熟慮並得到研究和數據的支持。 所以很難在這裡談論一個 UX 設計師的良好靈感。 我們可以在知名 UX 機構的研究案例中找到更有價值的內容,甚至可以在被認為處於用戶體驗前沿的公司的網站上找到更多有價值的內容。 我們將在下面仔細研究其中的一些。

如何識別一個好的用戶體驗設計

畢竟,互聯網的豐富性使您可以從許多來源(包括 Dribble 或 Behance——我們不完全否定它們)中汲取靈感。 正如我們不止一次寫過的那樣——優秀設計師的基本特徵是進行研究和得出結論的能力。 這也可以轉化為尋找設計靈感的能力。 但是,在用戶體驗方面可以歸類為良好的項目應該存在什麼?

  1. 首先,它應該包括一個案例研究,其中將展示來自研究、用戶問題、業務目標和 KPI 的數據——這些指標將允許檢查項目一旦實施,是否實現了假設的“成功”。
  2. 示例讓我們以一家電子商店為例。 問題是用戶大量放棄購物車。 該項目的目標是找出這種行為的原因並解決這個問題。

    在分析了來自 Google Analytics 和 hotjar 的數據,並對用戶進行了調查後,他們發現他們最大的問題是所選商品缺乏可用性——他們只能在購物車中找到這些商品,並希望最終確定產品訂單。 當然,該項目將需要更廣泛的分析、研究以及界面功能的更改。 很容易推斷,這裡衡量實施後成功的因素將是購物車放棄數量的減少和網站上的轉化次數的增加(訪問網站的人與購買的人)。

    在這裡,我們有一個明確定義的問題——從業務和用戶的角度來看,我們都有一個目標和既定的成功衡量標準。

  3. 當然,僅僅以正確的方式進行研究是不夠的——他們的分析和結果必須轉化為最終的界面設計。 因此,在案例研究中,我們密切關注設計是否滿足用戶的需求並解決了設計問題。
  4. 當然,在用戶體驗方面好的設計也是滿足尼爾森可用性啟發式要求的設計。 我們已經在單獨的文章中詳細描述了它們。 啟發式是通用原則,是分析界面可用性的基本技術。 通過遵循,設計師將充分優化網站的外觀和性能。

當然,進行全面的研究,以及將用戶體驗培養和發展到高水平,需要大量的資金和時間,以及經驗豐富的用戶體驗和用戶界面專家、開發人員、分析師和高管團隊。 毫不奇怪,像谷歌和蘋果這樣的大型國際科技公司可以吹噓非常好的用戶體驗。

優秀的用戶體驗設計示例——谷歌

自 1998 年以來一直投放市場的谷歌無疑是優秀用戶體驗的一個很好的例子。 Google 的搜索引擎是網絡上最簡單的工具之一。 它的操作很直觀,不會對普通互聯網用戶造成問題。 它滿足尼爾森啟發式的要求——簡單、乾淨、清晰、美觀。 它不包含不必要的鏈接、按鈕或橫幅。 立即清楚如何找到自己的方式。 更重要的是,您一眼就能看出它的用途——搜索。

Google - Examples of good UX design

此外,搜索引擎會顯示最近搜索過的術語,建議相關搜索並在我們輸入錯誤的短語中出現拼寫錯誤的情況下更正我們。 因此,它響應了用戶的需求,並使整個搜索過程對他們來說盡可能簡單

Google - Examples of good UX design

優秀的用戶體驗設計示例——蘋果

Apple 的網站不僅是一個漂亮的設計,而且是一個精心開發的用戶體驗。 該站點具有非常簡單、直觀的導航。 導航欄不僅包含類別名稱,還包含產品的小圖像,可讓您快速瀏覽網站。 網站上使用的語言簡單但富有創意。 沒有不必要的描述,它向用戶展示了給定產品的具體價值。

Apple - Examples of good UX design

該網站還使您能夠比較一個類別中的產品,以仔細選擇適合您需求的產品。 蘋果非常重視創新但極簡的用戶界面——即網站的外觀和美學——正如我們所記得的,這也是尼爾森的啟發式方法之一,影響用戶對網站的看法和他們對產品的體驗.

有趣的是,Apple 在其網站上分享了設計最佳實踐,並提供了可下載的模型、教育材料以及人機界面指南。

Apple - Examples of good UX design

優秀的用戶體驗設計示例——Airbnb

自 2008 年成立以來,Airbnb(一個向私人出租住宿的平台)一直深受用戶歡迎——其中一個主要原因當然是其精心設計的用戶體驗。

主頁整潔清晰。 在中間,您可以看到一個搜索框——每個人都可以使用,即使只是來自 Google 搜索。 因此,它使用了一種用戶已經熟悉的好模式,這使得網站直觀,沒有人會感到迷茫。 Airbnb 上良好用戶體驗實踐的另一個特點是地圖視圖,在搜索地點列表旁邊顯示可見價格。 Airbnb 可讓您在一個地方獲取所有關鍵信息——地圖上房屋的位置、價格、照片以及名稱。

Airbnb - Examples of good UX design

該網站還對內容採取了很好的方法——用戶體驗寫作處於非常高的水平,並以簡單的方式傳達重要信息。 一個示例是在初始預訂時出現“您將不會被收取費用”的文本 - 用戶會收到一條明確的消息,即在確認預訂之前不會收取費用。

Airbnb 與 Apple 一樣,在其網站上分享來自設計界的最佳實踐、有趣的案例研究和新聞。

Airbnb - Examples of good UX design

如果您喜歡我們的內容,請加入我們在 Facebook、Twitter、LinkedIn、Instagram、YouTube、Pinterest 上忙碌的蜜蜂社區。

Examples of good UX design | The ultimate UX Guide #16 klaudia brozyna avatar 1background

作者:克勞迪婭·科瓦爾奇克

一個圖形和用戶體驗設計師,可以將無法用文字傳達的東西傳達給設計。 對他來說,每一種使用的顏色、線條或字體都有其意義。 熱愛平面設計和網頁設計。

終極用戶體驗指南:

  1. 什麼是用戶體驗——以及它不是什麼
  2. UX 和 UI——它們有可比性嗎?
  3. (傑出)用戶體驗的 7 個因素
  4. 你知道用戶體驗設計是什麼意思嗎?
  5. 你在設計用戶體驗嗎? 照顧好這些東西!
  6. 你需要知道的 UX 設計的 10 個可用性啟發式
  7. 用戶體驗設計過程只需 5 個簡單的步驟
  8. 以用戶為中心的設計及其主要原則
  9. 以用戶為中心的設計過程的階段
  10. 什麼是客戶體驗?
  11. 用戶體驗與客戶體驗。 簡單解釋一下他們的關係
  12. 什麼是品牌體驗?
  13. 什麼是人機交互 (HCI)?
  14. 為什麼用戶體驗很重要?
  15. UX 中的可用性與功能
  16. 優秀的用戶體驗設計示例