UX,設計的方法(專案初始)
本文內容取自 設計的方法 ,這是本 UX 必備的工具書,整理大量的研究、實驗方法,讓 Designer 可以照著做,產出有模有樣的文件。以下是我自己掏摸的心得。
注意,本文所寫內容不應該是一個人的工作,UX 研究都該是由兩人小組、甚至由團隊執行,但業界環境不許可、當公司喊 UX 同等喊反清復明的情況下,能靠自己的力量扭轉多少才是重點。
避免捅到自己的工作流程
再強調一次,為什麼他接的案子比我多?:設計業界潛規則,讓你接案上班都無往不利 這本書的書名雖然很鳥,卻是每位設計師都該看過的必備好書。裡面提到許多工作方法,其中包含工作流程、工作清單等非常實用的職場技巧。基於老是一稿 20 改的前提下,不把工作流程、工作清單列清楚根本是自挖的屎坑。
設計規範要點
要做設計規範前,先來瞭解什麼是設計規範,不是把所有元件都擺在同一張圖上排排站吃果果就好,設計規範(Design Code / Design Specifications) 一文中提到: 設計規範是指對設計的具體技術要求,是設計工作的規則。一般包括總體目標的技術描述、功能的技術描述、技術指標的技術描述,以及限制條件的技術描述等。
工作清單:切圖
切圖有很多種方法,但切出來的圖只會有兩種:1.可以用。2.被退件。圖切出來會交給 F2E 或 RD 接手,請給他們能夠使用的圖方便作業。有不懂、不確定的部份請在切圖之前就先問過他們要怎麼處理,他們肯定會回答你。(不回答就是他們有很大的機率拿到爛圖拖長自己工時,誰敢不理你啊?)
工作清單:Mockup
以我自己的工作流程,會是:Functional Map > UI Flow > Wireframe > Mockup > 切圖 > 標示文件。當然在更前期會有 UX 研究、最後會接 HTML 等等,但就一位 UI Designer 來說應該是這些。
對 Mockup 而言…Wireframe 有什麼就畫什麼,不要亂改亂腦補!而且遵守 PSD 製作禮儀 。
工作清單:Wireframe
既 Funational Map 和 UI Flow 後,終於到來回修改最多次的 Wireframe 階段了。比起 Funational Map 和 UI Flow,這應該是最多人會接觸到的「規劃」。同時也是最花時間、圖片說明量最大的部份。在這階段修修改改總比都在畫 Mockup 或套程式了才在修改來得輕鬆省力。
工作清單:UI Flow
繼 工作清單:Functional Map 後,繼續來寫 UI Flow 這部份。如果你不知道什麼是 UI Flow ,請參考 初學者的 UI Flow 這篇文。
PSD 製作禮儀
在聊自己製作 PSD檔 的習慣之前,一定要先把 Photoshop Etiquette 拿出來講。這個網站在網路上流通多時並有簡體中文翻譯,開宗明義就說了是「Photoshop 禮儀」,且製造日期是 2012 年。雖然在此之前我就已養成某種程度的整理習慣,卻也仔細研讀這個站後才真正瞭解該怎麼做得更好。如果你的工作需要接觸 Photoshop,建議這個網站列舉出來的部份都要實作到PSD上。
IXDC 建立設計驅動的文化 筆記
主題:建立設計驅動的文化
講者:周陟 騰訊MXD 設計副總監
這張是炫耀照,這本書在2010年出版,是我的啟蒙書,帶來一堆專有名詞讓我查了很久資料,卻因此墊下許多基礎,從此對周陟大神非常推崇。如果沒有這本書,我也不會當 UI Designer,這次 IXDC 就是為了他的演講而來的。
(因為每位講者的時間有限,周陟講速飛快,十分考驗速記技巧,我盡力了,有些腔調和用字聽不是很懂,有誤別打我…)