UI/UX 大師都在講同一件事?其實就這麼簡單!

天下 UI/UX,殊途同歸。
說穿了,不就是讓使用者覺得好用?

這篇整理了「使用者經驗分層元素」「使用者經驗藏寶圖」「十大易用性原則」,一張圖解開設計的終極奧義。
還有人搶 UI/UX 秘籍?
秘籍也是人寫的,最重要的是動腦!


這算是我看了這麼多資料所做出來最大的整理吧。
說穿了其實不管是哪位 UI/UX「大師」講的都是同一件事情:要怎麼做才能讓使用者好用。

從這張圖表有看出什麼了嗎?第一個直列(白底)就是我之前提到的 使用者經驗分層元素 ,第二個直列(黃底)是 使用者經驗藏寶圖 ,第三個直列(藍底)是 十大易用性原則 。(使用者經驗分層元素裡並沒有說明文件。這項是我自己加上去的,為了讓整個專案更完整、並且能夠傳承下去。)

  1. 你可以想像成「為了讓使用者體驗更美好,我需要研究使用者經驗」,所以得到一個結論: 使用者經驗 可以分「 策略、範圍、結構、骨架、表層 」這5層。那我要做哪些事才能完成這五層的元素呢?

  2. 使用者經驗藏寶圖 跑一遍吧,每個步驟都是為了完成某一層的使用者經驗元素,還加上如何把「知識」傳承下去的方式。

  3. 那在跑使用者經驗藏寶圖各個步驟的時候,需要注意什麼事項才可以讓使用者更容易操作呢? Jakob Nielsen 的 十大易用性原則 已經把原則分類條列出來,只要再該步驟注意他所提到的原則,大體上就不會有問題了。

這篇文不打算寫多,看得懂的就會明白為什麼我會說「天下武功出少林」。

說穿了不就那麼回事。除了使用者經驗藏寶圖還是個大坑之外,其他兩項已經介紹過了,初學者最難理解的 Functional Map、UI Flow、Wireframe 等這個 BLOG 也都有文章說明。

有在看武俠小說就會知道,人人都不要命的在搶上古秘籍,但秘籍也是人寫的,現代科技更發達、沒道理古人可以現代人卻辦不到。

最重要的是要動腦筋啊!

如果你有動腦筋就會發現這份圖表其實還可以再拆得更細,比如反應與提示各種狀態與突發狀況 等。有心學習UI/UX的話,可以把你收集到的各種資料分類歸納在這份圖表之後,形成巨大的樹狀結構。

個人覺得不管是什麼學問都可以用樹狀結構硬拆細分下去,再從支微末節一點點累積知識經驗,存到夠多就能大略拼湊出這棵樹的模樣。

我就連學習繪畫和音樂也都用這種方式。

設計是解決問題的方法,UI/UX 是種邏輯、是科學。

不知道設計卡在哪?

👉 第一次來?從這裡開始

下面這些文章,從不同角度整理那些容易被忽略的地方

wave
通知頻繁,真的提升了系統易用性嗎?
通知頻繁,真的提升了系統易用性嗎?

點擊後沒反應,這到底是卡住還是還在跑?
系統狀態不透明,使用者就只能乾瞪眼!

來看看 UX 易用性原則,如何讓介面更直覺。

別再只看表面!UX 的五大層次你搞懂了嗎?

你以為 UI/UX 設計只是畫畫圖、調調色?
其實,使用者經驗分層元素,從策略到表層,每一層都有學問。
想知道怎麼樣才能讓你的設計更上一層樓?
繼續看下去吧!

十大易用性原則:設計師不可忽視的指南

每次看到設計師自信滿滿地展示他們的「創新」設計,我都忍不住想問:
「你考慮過使用者的感受嗎?」
易用性不是選修課,而是設計的基本功。

當設計無法滿足使用者預期,問題出在哪?
當設計無法滿足使用者預期,問題出在哪?

你為什麼一看地圖就知道怎麼走?
這是心智模型在發揮作用!
UX 設計若符合用戶預期,就能讓操作更直覺,降低學習成本。

Akane Lee

Akane Lee

我是 Akane Lee,10 年 UI/UX 設計教學,帶過 1000+ 學員擺脫焦慮,找出人生方向。不只聊設計,也教你怎麼少繞遠路,摔坑也知道怎麼自己爬起來。

Comments

wave
comments powered by Disqus

Press ESC to close