跳過導覽
Sticky notes spelling out UX with Sketch UX design elements
學習設計

什麼是 UX 設計?完整指南

了解 UX 設計以及它如何讓您的數位產品更上一層樓

想了解更多關於 UX 設計的資訊,以及它與其他類型設計的不同之處嗎?我們已經幫您整理好了!今天,我們將探討什麼是 UX 設計,向您展示一些實際案例,並探討 UX 設計如何讓您的數位產品更臻完美。

什麼是 UX 設計?

使用者體驗 (UX) 設計是一種以研究為導向的設計類型,著重於改善人們與數位接觸點(例如網站或應用程式)的互動方式。換句話說,UX 設計師首先考慮的是使用者的需求,而不是僅僅為了創意或創新而進行設計。

透過使用者回饋、研究和 Beta 測試,UX 設計師可以回答一些重要的問題,例如:

  1. 使用者對漢堡選單或底部選單列的反應哪個更好?
  2. 使用者可以順利購買商品嗎?或是任何步驟令人感到困惑?
  3. 使用者在頁面上停留的時間是否過長?

簡而言之,UX 設計的目標是創造使用者理解且喜愛的數位產品。它需要花時間微調每個使用者互動,使產品盡可能易於使用。

UX 設計範例

還記得漢堡選單嗎?就是那個由三條水平線組成的圖示,點一下就會顯示隱藏的選單。嗯,由於隱藏了這些選單項目,使用者必須執行額外的步驟才能知道他們可以使用應用程式執行哪些操作。

現在,許多應用程式已改用底部選單,展示他們認為最常用的功能,使其既明顯又易於存取。這是因為智慧型手機螢幕的底部是最容易觸及的部分。在不需要離開該區域的情況下,您可以完成的事情越多越好。

screenshot of Twitter and Instagram homepage UX with bottom menu bar

在這裡,我們可以看到 Twitter(右)和 Instagram(左)如何使用底部選單列,兩者都包含了「首頁」和「搜尋」圖示。在 Instagram 中,還有一個漢堡選單選項,用於設定等次要功能。

Sketch 的 UX 設計

在 Sketch,我們一直致力於改善我們的 UX。最近,我們改版了我們的 onboarding 流程,簡化了註冊流程。首先,我們製作了一張圖表,以更好地了解我們所有不同的客戶以及他們需要我們提供什麼。從那裡,我們意識到我們要求人們立即輸入許多關於他們未來工作空間的資訊。

「移除這個步驟可以讓人們更快地進入他們的工作空間,並開始自行了解一切。也許他們想稍後再自訂他們的工作空間,或者他們想在開始使用之前先了解什麼是工作空間。透過簡單的調整,我們簡化了流程,現在提供了更好的整體使用者體驗。」Sketch 產品設計師 Emily Cressey 分享道。

screenshot of the Sketch sign up flow showing how the UX has been simplified

我們最近簡化了 Sketch 的註冊流程。現在,您可以在單一螢幕上完成註冊流程。

為什麼 UX 設計如此重要?

雖然使用者體驗 (UX) 的改變看起來簡單直接,但通常需要大量的嘗試錯誤、研究和腦力激盪才能做到位。而且這些改變牽涉甚廣。高達 42% 的使用者 可能會因為糟糕的使用者體驗而離開您的網站。這個損失可不小。

想想您喜歡在特定商店購物的理由。您是否會因為某些商店太過擁擠而避開它們?或許是因為燈光太亮,或是店員太過積極。也可能是商店難以瀏覽,或是商品選項太多或太少。您需要以同樣的方式來設計應用程式和網站。讓它們簡潔、親切且易於瀏覽,人們才會想要一來再來。不僅如此,如果您的使用者旅程太複雜,使用者可能永遠不會完成購買或到達您的註冊頁面。

了解使用者體驗

下載應用程式或瀏覽網站比前往實體商店更省力,但您知道什麼比這更快嗎?刪除應用程式或關閉網站。

您通常只有一次機會抓住使用者。他們會登陸您的網站或下載您的應用程式,並立即評估他們的體驗,即使是下意識的。如果您想更深入地了解 UX 設計的實際應用,我們鼓勵您查看 Growth.Design 團隊撰寫的這篇關於 Blinkist onboarding 的案例研究 😄

同時,人們也在不斷改變。隨著我們越來越熟悉新科技,我們對所使用的應用程式和網站也有不同的期待。這就是為什麼您與之互動的許多數位產品都在不斷變化和發展——一切都為了確保您仍然盡可能地享受使用它們。

儘管其中一些改變一開始可能看起來違反直覺(甚至令人感到迷惑),但我們通常會習慣它們,最終甚至更喜歡它們勝過以前的版本。


現在您已經了解 UX 設計是什麼,以及它與其他類型的數位設計有何不同。如果您是一位初出茅廬的設計師,我們希望這篇文章能讓您更清楚地了解有哪些職業發展機會。如果您正在考慮聘請設計師,您將更能了解在設計過程中您可以對他們有什麼樣的期待。

您可能也喜歡

免費試用 Sketch

無論您是 Sketch 的新手,還是回來看看有什麼新功能,我們都能讓您在幾分鐘內設定好並準備好進行最佳創作。

免費開始使用
免費開始使用