UX 工具箱 🧰 給 UX 實戰者的 50 個設計+研究的靈感與工具

ui/ux設計 ux研究 設計資源

腦袋中依稀好像在網路上看到某個 UX 好工具?遊牧將 UX 實務中最有用的資源與工具整理起來,這些不只是看起來有趣,而是我們真實有在用的資源和工具!

《UX 設計/研究全攻略》募資倒數中

設計遊牧和好學校合作的課程,募資突破2400%,最後用原價 65 折購買的機會!

  • 天
  • 小時
  • 分鐘
  • 秒

設計靈感

想找視覺設計領感?從介面設計、品牌到包裝

Dribbble

每一位 UI Designer 都會拜訪的網站。有眾多的介面設計、動畫的參考。通常想找到近期流行風格,就會到 Dribbble 逛逛。

awwwards

整理視覺風格效果好的網站,假如想要體驗浮誇、互動新穎的網站,這邊是最好的參考處。

Mobbin

提供最新的手機APP截圖參考,對於設計師而言方便快速瀏覽不同種類的APP樣式或最新的設計趨勢。

Collect UI

作者蒐集整理出優質的各種目的的 UI 範例,例如 Dashboard、登錄、日期選單等非常特定的 UI,在缺乏靈感的時候可以參考。

Brand New

集合各家品牌的 before & after,在獲得 logo 設計靈感的同時,幽默的文字也不經讓人會心一笑。

Designspiration

Designspiration 是一個類似 Pinterest,但作品品質好很多的網站。顏色搜尋是最大特色。

Dieline: 包裝設計

Dieline 是專注於包裝設計的網站,通常想找跳脫出介面設計的靈感會來這邊

顏色工具

想要選擇介面顏色嗎? 這些除了幫助你決定標準色和漸層,乃至顏色的搭配效果

Color Hunt

其他人分享的配色牆,可挑選喜歡的配色來使用。

Ui Gradients

這是一個專門整理出漸層色的網站,藉由色系找到屬於你的漸層。

Material color tool

Google Material Design的配色工具,模擬顏色在介面上的搭配效果。

Adobe color

Adobe的配色工具,可使用「顏色對比分析器」測試是否符合無障礙規範。

設計系統

從常見的設計系統,到做設計系統的參考資料

Design Systems by Figma

Figma 為設計系統創作者、設計師、工程師與管理人員整理出來的好用資源。

Material design

Material design 是市面上最完整的設計系統之一,詳盡的解釋可以讓你掌握於介面設計的邏輯。

Ant design

Ant design 是螞蟻金服所維護的元件系統,也是中文世界少見的設計系統。

Design System Checklist

建立設計系統的逐項清單,幫助設計師注意到每一個小細節。

UI Guideline

以元件為單位,蒐集 39 家最有名的設計系統名子、互動與樣式。

UX 知識

彙整 UX 的研究、服務設計與工作流程資料

Nielson Norman Group

由 UX 創世神創立的設計研究公司,有完整的理論和研究資料。

Usability.gov

美國政府的數位服務規範,從視覺、文案到服務都有完整的定義。

Airbnb Another Lens

Airbnb提供一系列研究相關問題與解答的工具,幫助設計團隊更有意識納入研究、發想設計、減少偏見。

專業人士的設計流程

一個開源翻譯計畫,翻譯完整且詳細的設計流程,包含end to end的做法細節,適合設計團隊也適合個人接案參考。

People + AI: AI UX 研究庫

由 Google 成立的 AI 研究單位,側重於 AI 的互動、倫理研究。

UX 工具

整理設計方法與實務架構

UX tools: 設計方法工具卡

UX tools 把常見 UX 工具簡明的整理出來,從哪時候這些工具會被用到,並且附上相關文章,是一個讓新手可以熟悉、使用它們的一個好 資料。

DesignKit

由 IDEO.org 整理的設計思考工具包,讓所有人都學會設計流程的工具箱。

Laws of UX

整理出 UX 設計實務上的經驗法則。

User Onboarding Teardowns

透過設計師之眼檢視各家產品的 onboarding 流程,除了點出值得效仿的地方,也會評論需要避開的誤區。

UI Traps

將 UI 與使用性法則整理成卡片,讓團隊能夠輕鬆學會。

A11y: 通用設計標注範本

在使用無障礙閱讀器觀看網站的時候,它非常依賴所有前端元件的標註 (像是 Alt 參數),Indeed 設計團隊把他們常用的標注變成 Figma 元件,讓設計師把網路變得萬人可用。

設計生產力地圖

設計師幫使用者最佳化他們的體驗和流程,有空也來最佳化一下自己的? Spotify 做了設計生產力地圖工具包,讓每位設計師從自己的工作流程反省,找到每個人的瓶頸,再來整理出一個理想的設計工作流程藍圖。

Fresh eye audit

用 Fresh eye audit 在團隊內做一個快速評估吧。以啟發式評估為基礎,將他改進成一個詼諧不失幽默的內部評估方式。

設計活動

從設計盛會,到各地的 UX 活動社群

SXSW

South By Southwest 是每年在美國德州 Austin 所舉辦的一系列電影、互動式多媒體和音樂的藝術節,是世界上同類型活動中最大規模的一個。

UIST 研討會

國際電腦協會(ACM)每年所舉辦的使用者介面學術研討會。

CHI 研討會

國際電腦協會(ACM)每年所舉辦的電腦系統之人因工程學術研討會。

Design bites: 矽谷UX活動

母單位 HanaHaus 是來自矽谷的活動單位,常常會有線上活動可以參加。

UX crunch: 歐陸的UX活動

母單位 Tech Circus 是英荷德舉辦活動的單位,有不少免費線上活動可以參加。

意見領袖

UX 的意見領袖,從他們的話中洞察產業的趨勢

Julie Zhuo

鼎鼎大名的前 Facebook 產品設計副總,擅長用優美溫暖的文字講述設計師的經歷,這幾年也開始著重在如何當個好主管的主題。

Tobias Van Schneider

著名的德裔設計師,創建網頁設計產品 Semplice,網頁視覺的品味極佳,許多系列文章也十分受用。

Fabricio Teixeira

UX 設計刊物 UX Collectives 的創辦人,固定整理當週優質的設計文章、好用工具給設計師們當作靈感養分。

Nick Babich

重視 UX 的工程師,擅長寫立刻可以應用的實務型文章,閱讀後經常能學到 UX 的 best practices。

Pablo Stanley

前 InVision 設計師,現在創辦了自己的創意工具公司 Blush,幽默風趣又擅長繪圖,讓大家開開心心地學新東西。

書籍

用 Old school 的方式來體會 UX

設計心理學

Don Norman 所著的 UX 設計領域聖經,將使用者中心設計與易用性的概念廣傳於世,其中經典的門把設計例子為人所熟知。

如何設計好網站

網頁設計的經典書籍,作者 Steve Krug 用簡單易懂的例子解釋如何透過視覺階層展現資訊架構。

打動人心的產品設計

作者 Scott Hurf 介紹如何透過設計流程打造更好的產品,每章最後還會訪談其他設計師參考他們的親身實踐經歷。

為什麼他接的案子比我多

作者 Michael Janda 歸納他數十年的設計接案經驗,將包含人際關係、期望設定、整理資料等各種設計業的眉眉角角分享給大家。

點子都是偷來的

作者 Austin Kleon 提出 10 個能改變一生的原則,幫助讀者發掘自己的藝術天份,讓生活更有創意。

這樣 O 那樣 X 馬上學會好設計

作者坂本伸二提供深入淺出的設計例子,讓讀者培養對「好設計」的敏感度,具備對設計法則的了解和認知。

從需求到設計

作者們總結與各大小企業合作 60 餘年的經驗,來探討新產品開發過程中最困難的部分—如何設計出「高品質」的產品或系統。在本書裡,「品質」的定義是:「符合客戶的需求」。

SPRINT 衝刺計畫

Google Venture 所歸納出來的產品腦力激盪執行框架,集結核心團隊在五天的工作坊中,為大問題找出創意解答。

推力

推力由諾貝爾經濟學獎得主 Richard Thaler 與法學家 Cass Sustein 合著,被快思慢想作者 Daniel Kahneman 推崇為「行為經濟學聖經」,無數行為經濟學、習慣養成、自我成長的書籍都引用了此概念。

鉤癮效應

矽谷知名創投顧問 Nir Eyal 的名作,提出如何經由觸發、行動、獎勵、投資四個步驟,創造有成癮性的行為迴路。

遊戲化實戰全書

臺裔美籍作家周郁凱所著,其中點出光只有點數、徽章、排行榜等遊戲機制並不等同於遊戲化,真正優秀的遊戲化設計是由八大核心動力架構而成。

《UX 設計/研究全攻略》募資倒數中

設計遊牧和好學校合作的課程,募資突破2400%,最後用原價 65 折購買的機會!

  • 天
  • 小時
  • 分鐘
  • 秒

相關遊牧内容

S3EP33 工作炎上 🔥 那些失敗、無助的 UX 工作經驗 🥲 給 UX 人的支持團體

在工作上常常會有遇到挫折、失敗的時候,面對這些心態崩壞或自我質疑的時刻,如果處理不好可能會成為(一輩子)的痛🥲 這一集我們決定來辦個支持團體,將過去處理不好的失敗案例分享出來,試圖找到更好的解決方案,並獲得「啊,原來你也是!」的理解和安慰!

S3EP31 開箱 Microsoft 與 Facebook 的 UX 硬體研究 🥽|Yi-Min Huang 黃一茗|情感研究、未來情境研究、研究員面試技巧

這集來開箱 Microsoft 和 Facebook 的硬體研究!Yi-Min 過去在 Microsoft 有超過十年的研究經驗,最近又加入 Facebook AR/VR 產品 Oculus 團隊,研究經驗相當多元豐富。這次與我們分享了兩個有趣、具代表性的專案,揭開硬體 UX 研究跟數位產品的異同。另外,Yi-Min 本身也擔任多年 Hiring Manager 與 Mentor,分享許多研究員面試準備的實戰技巧!

S3EP30 在 IMDb 人人都做 UX 研究?🙌|Sharon Chou 周式萱|UX 研究員未來的角色定位、研究民主化 Democratizing Research

原來除了研究員外,設計師或工程師也可以做研究?研究員未來可能會失業?!這集邀請到目前在 Amazon IMDb 擔任 UX 研究員的周式萱 Sharon Chou,來與我們聊聊她如何在僅有兩個研究員的團隊中實行 Democratizing Research (暫譯研究民主化),帶領 PM、設計師、工程師等夥伴進行研究。這是近幾年才開始被熱烈討論的作法,而 Sharon 在目前的團隊已推動了一年,有不少心得與感觸,來一窺研究民主化到底是如何進行的?有什麼優缺點?對於研究員的職涯又有何影響呢?

SE3EP29 以未來為題的 UX 研究👨‍🔬|Ricky Yu|推測設計、區塊鏈應用、Mozilla

這集以推測設計為題,討論在面對像是區塊鏈這樣前瞻的領域,該如何來進行 UX 設計呢?邀請到「推測未來台北 speculative futures taipei」的發起人Ricky來聊聊,Ricky 過去曾在設計顧問公司 Pabbo、大家熟知的 Mozilla,以及目前在虛擬貨幣交易所 Wootrade 擔任研究員,與我們探討在面對全新且未知領域的產品類型時,會如何應用未來設計方法和工具、該具備哪些思維,以及他們帶來的好處與價值。

S3EP28 包容性設計👫練習說「我們」的超能力|Kevin Wang 王冠人|Amazon AWS、Motorola

在台灣,過去我們比較熟悉的可能是通用設計、無障礙設計,考量身障者或其他弱勢族群的需求而做的設計;但近年在美國、矽谷的產品公司都開始關注「包容性設計」,討論不同種族、文化、或是性別認同的客群需求。這次邀請到在 Amazon AWS 擔任產品設計師的 Kevin 來與我們談談為何包容性設計很重要,能為產品與團隊帶來什麼樣的正面影響或價值呢?