先瞭解使用者操作,還是先畫 Wireframe?
先瞭解使用者操作,還是先畫 Wireframe?

設計 UI 的思考順序各位覺得該是什麼樣子的呢?

  1. 先出 Wireframe,再來想使用者會怎麼操作。
  2. 先確認使用者會怎麼使用產品功能,再來思考 Wireframe 怎麼畫。
心智圖簡易教學

昨天群裡聊到各種沒有設計流程又趕得要死的公司現況,我就在想,有沒有什麼辦法能在短時間內產出一份還像樣又不用教 PM 或企劃怎麼看的文件,且門坎低、人人好上手,又能當成開發依據。想來想去,大概是心智圖吧。

心智圖我覺得是整理和記錄腦中思考和推理邏輯的好方法,一層層演進的關係讓閱者可以快速理解為什麼會這樣分類歸納。就以設計來說,分析、歸納、找出秩序是最重要的事。

UI 設計師應該要會寫的文件

身為 UI 設計師,工作內容不是只有做 PSD 和切圖,只會這兩樣的叫美工。基本一位合格的UI設計師必須要具備撰寫文件的能力,文件最低限度需包含:企劃書、規格書、Wireframe、Mockup、切圖、標示文件、UI Kit、UI Pattern、Guideline。