讀者來信:學生專題-1
這是封讓我覺得有點困擾的讀者信,收到的瞬間傻了一陣子,不知道該怎麼回應比較好。反覆看了很多遍,因為他附上學校專題作品,我還去把該系所近幾年的課程與學分全翻一遍。只能對這位學生說:「你爬的文太少!」 而且還爬錯方向…
UI/UX 工作的職責劃分
網路上對於 UI 和 UX 的謬談 這篇留言數量頗多,其中一則留言我另開這篇文來回答。
這張圖是 Dan Saffer 畫的,指的是 UX 包含那些範圍,可以看到並沒有「UI」的圓圈。
網路上對於 UI 和 UX 的謬談
最近 FB 上常看到有人分享這篇 UI & UX 差別是什麼,看圖大整理 ,這篇文有一半的圖都有問題啊,根本不是 UI…除非它指的是視覺設計。
介面設計必須考慮 輸入、輸出、運作內容 這三項,但幾乎所有的圖片都沒有提到怎麼輸入、輸出什麼、運作內容的規則。
UX 包含 UI,很難切開來講,但硬要分細的話,UX 講的是使用者感覺到什麼。UI 著重在互動和操作的媒介上。
頁面的第 6 種狀態:極限狀態
文件這回事我一直有種「永遠寫不完」的感覺,尤其是 Wireframe,把 Wireframe 當成幾個框框幾個圈圈加幾條線就搞定的文件,這樣的難度和隨手畫個井字遊戲有什麼不同?只要會畫圈圈叉叉直線橫線就能畫 Wireframe?
[翻譯] 如何修正壞 UI 一文中有提到 5 種狀態。事實上我覺得 Z 大提出的第 6 種狀態也該被納入考量。
- 理想狀態(Ideal State)
- 空白狀態(Empty State)
- 極限狀態(Maximum State)«« 第 6 種狀態
- 錯誤狀態(Error State)
- 局部資料狀態(Partial State)
- 載入中狀態(Loading State)
每個頁面在 Wireframe 階段都必須考慮這 6 種狀態,好,那狀態考慮完了也設計好了,要怎麼和專案成員溝通,確保他們都知道該頁面在各種狀態下的變化?
UI/UX 設計師的工作範圍
開了幾次UI入門班,也去了幾間學校演講,常遇到這個問題: UI/UX 設計師要做些什麼樣的工作? 每間公司對於 UI/UX 的定義都不同,簡單講一下常見的工作內容。不過 UI/UX 各公司定位不同,要負責的工作項目重疊性非常廣,我先介紹重疊的部份,再來講差異點。
不要用平面設計的思維做 UI
UI 是「使用者介面」,UI 設計指的是「設計使用者介面這回事」。設計介面不是只有出張美美的圖就結束,這樣和平面設計沒有差別,也正是為什麼 RD 會說「你用平面設計的思維在做 UI」。
試用:Flinto for Mac
Prototype 工具滿山滿谷一直生,昨天 App Store 新上架一款叫做「Flinto 」的 Prototype 工具。抱持著 你花錢買這工具是想解決什麼問題?沒有?你買它幹嘛? 的心情,本來想裝死,但應台灣設計師 Teresa 要求,我試玩了下寫心得分享,要不要掏 NT2,990 元出來見人見智了。
UX 不是 Wireframe
哪來有畫 Wireframe 就是有做 UX 的錯覺?UX 不是 Wireframe,使用者體驗為什麼會是線框稿?當然不是啊!很多人以為有畫 Wireframe 就等於有做 UX 了,那整天抱著數據統計寫文件的 UX 設計師在幹嘛?會把有畫 Wireframe 當成有做 UX 的人,合作的 RD 同事通靈技能大概 LV99 點滿了。
台灣的 UI 設計
看到有篇文章寫出我的心聲:只是前端工程師的純抱怨文 。雖然是前端工程師寫的文,但有大半在抱怨 UI…「那 UI 簡直難用到飛起,除了是中文以外一無是處,真他媽想問那些說這東西好用的人是眼睛還是腦袋有問題,根本隨便一家國外免費產品都完爆它十條街。」說實在我看台灣大部份的 App 都是這種心情:「去你媽的小確幸,這年頭連 UI 都走小可用小易用路線嗎?」
問「為什麼」來分析、設計介面
相信大家在小時候都有問「為什麼」問到大人抓狂的經驗。「天空為什麼是藍的?」「地球為什麼是圓的?」等等,然後得不到答案或是被唬爛。前者牽涉到色彩學、後者和力學有關,就算大人懂也很難解釋給知識不足的小鬼頭聽,(所以我爸老是唬爛我。)這養成我遇到問題乾脆自己找答案比較快、省下被老爸唬爛還得翻白眼給他看的力氣。
關於使用者經驗測試
我很喜歡有人問問題,這表示不用絞盡腦汁想 blog 文章主題,有問題就盡量問吧,不管是留言、Twitter、或是寫信都可以。
「關於使用者體驗與使用者介面的測試,怎麼測試這樣的設計對使用者來說是好的?」
便宜有便宜的作法、難有難的深入,我的領域不是跟數據打交道的那塊,加上時間成本 和偷懶 我大多便宜了事(這麼理直氣壯的說好嗎?)以下是個人觀點。
標示神器:MarkMan
一堆人問我的慣用工具…就先從愛用品開始講起吧。
UI 在切完圖後還有工作要做,不是一堆 .png 打包扔給 RD 就了事,圖檔名稱咧?尺寸咧?字體咧?色碼咧?這些都要告訴 RD 的吧?