互動設計

UI 和 UX 真的只是「湯匙 vs. 喝湯體驗」那麼簡單？
網路上的圖解很多都搞錯了！
這篇幫你拆解 UI/UX 的真正差異，別再被誤導！

Wireframe 真的只是畫幾條線？
別天真了！UI 設計不只考慮理想狀態，還有極限狀態等 6 種狀態，這篇帶你一次搞懂！

接續日本：2015 東京設計師週（上），在展區裡有一個很大的區域適合親子互動，主要還是投影＋感應動作。因為這裡滿涼快的我想多待久一點的時間，於是把同行的設計師都拖去親手 DIY 玩了…（這動機實在是）

這篇主要在講 DIY 體驗互動的展區。

2015 年東京設計師週第一天開幕，天氣炎熱，身體疲倦體力很差，加上喝了白酒後繼無力只待了2小時就回飯店休息了，非常意外…整體來講東京設計師週品質很高，可以當成業界等級的新一代設計展，少了大拜拜的感覺。聽說前幾天現場不能有販售行為，真可惜，有好幾攤的工藝品很想下手…

以下截取我覺得有趣的部份。

（我竟然忘記寫這篇），和群裡設計師聊，發現 Prototype、Wireframe、Mockup 因為翻譯有時候皆統稱為「原型」的關係，導致大混淆，所以來說明下這三者的不同。

主題：設計產品的靈性
講者：楊曦青蛙設計高級交互設計師

這篇筆記不是我寫的，全數出自 Rainy Liu 之手，我拍下他的筆記，手工打字把簡體轉繁體。請感謝Rainy Liu 大方分享。（我中途換場聽了，只加入後半場工作坊部份。）

這是給 UI 看的教學。發現太多人不看Guideline…基礎問題問了又問，明明官方文件擺在那。就算英文看不懂，Google 打下去對岸有很多翻譯成簡中版的。最最少留意一下尺寸吧？（這次的 iOS7 官方文件省略很多沒寫到、建議回頭去看看 iOS6 的Guideline，兩份加起來比較紮實。）

當聽到有人說「我是做 UX 的」都不會覺得很奇怪嗎？使用者經驗要怎麼被「做」出來？

要解釋 UID 和 UXD 的不同就得拿出這張圖。它很清楚畫出 UID 和 UXD 的關連和差異。你可以看到紅色大框的「使用者經驗設計」中包含訊息架構、內容、視覺設計、互動設計、人機互動、聲音設計、工業設計、人因工程學、建築學。

每次看到設計師只關注畫面美觀，忽略使用者互動，
我都想說：「別只顧著外表，內在互動才是關鍵！」

每次看到設計師自信滿滿地展示他們的「創新」設計，我都忍不住想問：
「你考慮過使用者的感受嗎？」
易用性不是選修課，而是設計的基本功。