3. 輸入欄位的高度與填答輔助 欄位的高度在舊表單設計中約是21px，新設計則採用Microsoft建議的值40px（9mm），這個值在行動裝置上操作，其錯誤率相較之下是比較低，而欄位的寬度在設計上不採齊頭齊尾，而是符合填寫該項目時使用者預期的相對寬度來制定。 為了能夠讓使用者容易操作，欄位寬度由過去 21px 改為建議使用高度 40 px 此外，輸入欄位之間與其他元素的間格也須

圖／文：體驗設計顧問 謝明權 James、品牌行銷企劃 Coca 文章搭配 桃園網路e指通 一起食用，體驗更佳！ 在執行「桃園網路e指通平台使用者體驗優化策略設計」專案中，除了解決原有網站資訊架構的問題之外，在研究收斂過程當中，發現在使用網站上的痛點除了「目標表單找尋困難」之外，「填寫表單過程」也因為原有設計造成使用者填寫時間拉長，發生錯誤機率提升等問題，造成最終繳交申辦表單後還陸

該如何蒐集使用者的回饋？ 蒐集網站使用者的回饋在UX與UI流程中是不可或缺的，以下就來告訴你何時、以及該如何蒐集使用者的回饋。 UX流程可分為以下四步驟： 1. 資料蒐集 資料蒐集的方式有很多種，例如你如果想進行網站改版，可以選擇當面採訪曾經造訪或是體驗過舊網站服務的使用者；另一種方式就是線上或是線下舊網站體驗者填寫的回饋。資料蒐集的量為了能更加有說服力且精確，當然是越多越好。當蒐集到大筆

內容目錄 什麼是使用者情境？ 網站使用者經驗的要素 該如何蒐集使用者的回饋？ 什麼是使用者情境？ 使用者情境簡單來說就是模擬使用者的角度，站在使用者的立場，找出使用者的痛點並解決，來進行網站或是APP的設計。 而使用者情境又與UX(User Experience)、UI(User Interface)脫不了關係。UX指的是站在使用者立場體驗網站或APP如何運作、體驗

[1]原生（Native）應用程式和 Web 應用程式已經要怎麼選，這個議題已經好幾年了。或許 Hybrid App（用 Web 打包的應用程式）是個好選擇，但怎麼都沒人在用呢？最近為什麼也沒人在討論 Chatbot 了？ 原生（Native）應用程式和 Web 應用程式已經要怎麼選，這個議題已經好幾年了。或許 Hybrid App（用 Web 打包的應用程式）是個好選擇，但怎麼都沒

一年前大手機只是趨勢，而現在大手機已經基本款。 在 2018 十月 Missbeez (one of the hottest startups in Tel Aviv) 在 on-demand app 的數據顯示使用大手機 (iPhone X/XS/XR, etc.)占比約 16.3%，而在 2019 十二月經歷一波 iPhone 11 的換機潮，大手機的佔比已經來到 41% 且尚在穩定

行動互動設計 Thumb Zone —— Mobile UX Photo by Andrea Natali on Unsplash 當薩哈跟隨 2019 換機潮從萬年的 iPhone6 更新到 iPhone 11，拿到新手機的那一刻不是欣喜與期待，而是默默在心中大驚「怎麼那麼大！好重好不習慣！」從 4.7 寸直上 6.1 吋螢幕的 iPhone 11 手感是全新

奧卡姆剃刀原理 Occam’s Razor 如無必要，毋增實體 奧卡姆剃刀原理又稱為簡單有效原理，產品若是存在不必要的元素，會降低效率，而且也會增加更多無法預期的不確定性。在設計上我們會去掉不必要的流程，或減少視覺元素，讓用戶更專注於當前操作。 TIP 1：減少點擊次數 如果有能夠合併的操作，減少點擊次數能夠有效提升操作效率。以下圖為例，Line 在使用密碼解鎖時，

大家久等啦！今天要繼續來介紹上篇還沒提到的四個心理學法則，還沒看過上篇的人別忘了也讀一下👉心理學在 UI / UX 設計中的運用（上），可以得到更完整的心理學知識喔！ 泰思勒定律 Tesler’s Law 任何系統都存在其固有的、無法簡化的複雜度。 泰思勒定律又稱為複雜度守恆定律，在任何系統中，複雜度總會有個臨界點，超過這個臨界點就無法再簡化了，那

格式塔原則 Gestalt Principles 格式塔原則是基於格式塔心理學（又稱為完形心理學）而發展出來的一些原則，這邊會介紹幾個跟 UI 比較相關的原則。 1. 相似性 (Similarity) 相似的東西會被視為一個整體 當物件的特徵相似，不論是顏色、形狀、大小、排列…等等，大腦會自動將這些物件視為一個整體。在界面上的應用，我們會把同樣層級的資訊設計成