標籤: UX 頁1
UX相關的文章，目前共收錄 19 篇內容。
網路資源
QoQo.AI：Figma 上的 AI UX 助手，可以根據需求生成 Persona
QoQo是一個UX設計的人工智慧助手，它在設計過程的早期階段幫助您獲得全面且有組織的概觀。根據您的輸入，它生成卡片以建立一個具有用戶目標、需求、動機、挫折和任務的角色(Persona)。或者，它可以幫助您識別設計簡報的挑戰、風險和關鍵元素。
網路資源
Pafolios：收錄來自世界各地的設計師的作品集網站，可以當作設計個人作品集的靈感
Pafolios 是一個專門展示設計作品集的網站。網站上收錄了來自世界各地的設計師的作品集，包括平面設計、網頁設計、UI/UX 設計、產品設計等。
教學
什麼是 Overlapping Target？
「Overlapping Target」翻譯為繁體中文是「重疊目標」，這個詞語通常用於討論在使用者界面中，一個互動元素（如按鈕或連結）在視覺上重疊或部分覆蓋另一個元素的情況。這種情況可能會導致使用者難以正確點擊所需的目標元素，因此在設計界面時，需要避免重疊目標，以確保使用者體驗的可用性和易用性。
網路資源
Scroll-driven Animations：收錄許多網頁捲動時的特效實踐方法
滾動驅動的動畫在網頁上是一個常見的用戶體驗模式。這些動畫與滾動容器的滾動位置相關聯。這意味著當你向上或向下滾動時，相關聯的動畫會根據直接響應向前或向後滑動。想像一下有趣的效果，比如視差背景圖像或隨著滾動而移動的閱讀指示器。
教學
什麼是 Wireframe（線框圖）？以及在規劃時該注意什麼？
Wireframe 是一種視覺化的設計工具，用於呈現網站、應用程式或數位產品的結構和布局。它通常是以簡單的線條和框架形式呈現，忽略了具體的設計風格、色彩和內容細節。
教學
在寫功能前先把流程確認好：認識 UI Flow
當談到 UI Flow（使用者介面流程）時，通常是指使用者界面在應用程式或網站中的流程或導覽。這描述了使用者如何透過不同的界面元素和互動來完成特定任務或達成目標。UI Flow 是設計師和開發者間交流的重要工具，也是確保使用者體驗良好的關鍵步驟。
網路資源
Simpli UX：提供你使用者體驗反饋的 AI 工具
Simpli UX 是一款基於人工智慧的反饋工具，旨在幫助創始人獲得快速、準確的反饋。無論他們需要一般性建議、具體反饋還是建議，每個AI角色都將分享他們的個人經驗、提供建議，並標記使用者的想法中可能存在的任何潛在問題。
網路資源
Hack Design- 收錄一些關於 UI、UX 與設計相關的教學
Hack Design 是一個收錄一些關於 UI、UX 與設計相關的教學的網站，你可以依順序看完每個內容的介紹，也可以依據自己需求找分類的文章來看。
網路資源
UI Tips- 收錄一些 UI/UX 設計上需要注意的重點的網站
UI Tips 是一個收錄了一些 UI/UX 設計上需要注意的重點的網站，可以上去看一下有哪些是已經知道的，又或者哪些是之前沒有注意過的事項。
網路資源
Microsoft Clarity- 微軟提供的免費 Heatmap 線上工具
Microsoft Clarity 是微軟提供的免費 Heatmap 線上工具，只要安裝後就可以自動幫你偵測使用者在使用網站的 Heatmap 以及點擊各個元件的比例。
網路資源
Laws of UX- 收錄一些常見的 UX 規則的網站
Laws of UX 是一個收錄一些常見的 UX 規則的網站，像是 Fitts’s Law、Hick’s Law...等，可以去看一下這些規則對於規劃 UI 上也會有幫助。
網路資源
Readability Test- 輸入網址就可以測試頁面的可讀性
Readability Test 是一個只要輸入網址，就可以測試頁面的可讀性的線上工具，想知道某個頁面的可讀性好不好，可以來試試這個工具喔。
教學
在你的網站安裝 Google Analytics 紀錄使用者的瀏覽資訊
網站做完不是就沒事了，一般我們網站上線後都還會去安裝像 Google Analytics 這樣的工具來幫助我們紀錄並追蹤使用者資訊，這邊也來簡單講一下該如何安裝。
教學
在 Chrome 使用 Lighthouse 來檢查使用者體驗與 SEO
有在開發網站的人，應該都會關心自己網站的使用者體驗與 SEO，google 的 chrome 就推出了方便的檢查工具 Lighthouse，只要在 chrome 上安裝後，就可以輕鬆的檢查該網站的 SEO 以及使用者體驗囉。