深入解析微互動設計融入開發流程的方法
深入解析微互動設計融入開發流程的方法

「微互動該怎麼開發?」
細節到位才能讓 UI 更順暢,但書上沒教怎麼落地實作!
這篇帶你從設計到開發,完整拆解流程。

「你不是會設計嗎?」這句話為何讓 UI 設計師頭痛?
「你不是會設計嗎?」這句話為何讓 UI 設計師頭痛?

「會煮飯就煮得出魯肉飯?」
這句話放 UI 設計也是同理,溝通不到位,再好的設計師也做不出你的理想!

UX 實戰班課程規劃思路
UX 實戰班課程規劃思路

常常聽到有人說「學界」和「業界」落差很大,我覺得最明顯的地方是「成本」,業界是要賺錢的,成本、效益、利潤看的會比學界還要重。

有很多方法能研究使用者,但研究出來的成果怎麼和業界開發流程配合、如何計算成本、讓人看到效益、能提升多少利潤等等,如果能整理成清楚易懂的報告,說明這些研究能解決什麼問題,耗費成本可以如何掌握,相信在公司內推動 UX 會更容易。

Prototype 大觀園:Prototype 優劣分析步步來
Prototype 大觀園:Prototype 優劣分析步步來

本文同步刊登於 NTUChallenge Blog 挑戰誌

很多專案在開發過程中,會製作 Prototype(原型)測試與驗證構想。專案開發會經過許多階段,也有很多種製作 Prototype 的方式。該如何配合專案開發進度,製作適合的 Prototype?

內容清單 Content Inventory
內容清單 Content Inventory

對於 UI 設計來說,「內容」有 4 種:圖片、影片、聲音、文字。不管使用者最終想看到什麼、操作什麼樣的任務,都需要「內容」。那在開發流程中,「內容」會在什麼時候決定?

工作清單:切圖

切圖有很多種方法,但切出來的圖只會有兩種:1.可以用。2.被退件。圖切出來會交給 F2E 或 RD 接手,請給他們能夠使用的圖方便作業。有不懂、不確定的部份請在切圖之前就先問過他們要怎麼處理,他們肯定會回答你。(不回答就是他們有很大的機率拿到爛圖拖長自己工時,誰敢不理你啊?)

工作清單:Wireframe

Funational MapUI Flow 後,終於到來回修改最多次的 Wireframe 階段了。比起 Funational Map 和 UI Flow,這應該是最多人會接觸到的「規劃」。同時也是最花時間、圖片說明量最大的部份。在這階段修修改改總比都在畫 Mockup 或套程式了才在修改來得輕鬆省力。

IXDC Google設計的DNA 筆記

主題:Google設計的DNA
講者:姜公略 Google 交互設計師

(直接拿Blog當筆記了,現場聽打。)