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
內容清單 Content Inventory
內容清單 Content Inventory

對於 UI 設計來說,「內容」有 4 種:圖片、影片、聲音、文字。不管使用者最終想看到什麼、操作什麼樣的任務,都需要「內容」。那在開發流程中,「內容」會在什麼時候決定?

使用者故事 vs. 旅程地圖,這樣區分才不會搞混!

User Story 和 Customer Journey Map 有什麼不同?再加上 Persona、Scenario,更是讓人頭大?這篇幫你釐清 UX 設計的四大基礎概念!

UX,設計的方法(專案執行)

專門開始執行初期會分成兩個可能,1. 鬼打牆。2. 什麼問題意見都沒有先出幾版讓某看看。不管是跳針或是通靈,每個階段都有不同的研究方法可以幫助設計師和以後的 RD 不用把人生都填在修改到死上。

初學者的 User Experience Map

最近很努力在研究 User Experience Map,簡單整理下列幾份資料,希望對大家有幫助。在 IXDC 的相關內容可參考這兩篇文:Customer Experience Map TipsIXDC 如何使用客戶體驗歷程圖來規劃完美的用戶體驗 筆記

Akane Lee

Akane Lee

內心戲小劇場超多!每個事件背後,都有無數個為什麼,天天和自己的腦內聲音吵架。

Comments

wave
comments powered by Disqus

Press ESC to close